Gestalten Sie digitale Produkte (oder Websites) und geben Sie Designdateien zur Implementierung an Entwickler weiter? Wenn Sie mit Ja geantwortet haben, machen Sie es sich gemütlich! Während die Debatte sollten-Designer-programmieren wütet, werden wir uns ansehen, wie das Hinzufügen einer Methodik zu Ihrem Design ...
Mark Dalgleish beschreibt, wie sein Team bei Seek versucht hat, eine Bibliothek von React-Komponenten zu erstellen, die dann in Sketch-Dokumente übersetzt werden konnte. Warum ist das wichtig? Nun, Mark beschreibt die Probleme, mit denen sein Team konfrontiert war, wie folgt: ...
Ich bin in den letzten zwei Jahren von Design-Tools besessen, mit Apps wie Sketch, Figma und Photoshop vielleicht die produktivsten davon. Wir verwenden diese Tools, um High-Fidelity-Mockups zu erstellen und eine hohe Benutzerqualität zu gewährleisten ...
Nehmen wir an, wir zeichnen dieselbe Vektorgrafik in verschiedenen Designanwendungen und exportieren jede davon als SVG für die Verwendung im Web. Sollten wir von jeder Anwendung dieselbe SVG-Datei erwarten?…
Der "normale" Workflow, den wir sicher alle kennen, ist, dass das Design stattfindet, *dann* das Coden. Ein gesunder Workflow beinhaltet einen Austausch zwischen allen Beteiligten eines Projekts, einschließlich Designer und Entwickler, aber trotzdem: Der Code ist das Endprodukt. Sie designen ...
Ich habe mich erst letzte Woche über Umrandungen (strokes) beschwert
Und das ist das Problem mit
text-strokein CSS: Man hat keine Wahl. Es ist nur eine zentrierte Umrandung. Jede der beiden anderen Optionen [außen ausgerichtete oder innen ausgerichtete], wohl, wäre nützlicher gewesen.
Es gibt immer noch …
Bobby Grace, vom Dropbox Paper-Team
…Auf der technischen Seite verwenden wir Inline-SVGs. Diese haben viele Vorteile. Ein Vorteil ist, dass SVG ein gut strukturiertes Format ist, das wir mit Code manipulieren können. Paper verwendet auch React und
Es gibt einen interessanten Stolperstein beim fill-rule -Attribut von SVG, der hier von Anthony Collurafici detailliert beschrieben wird.
…Fill-Rule ist eine SVG-Eigenschaft, die grundlegend definiert, wie bestimmt wird, welche Formen gefüllt oder von der Form abgezogen werden. Der Standard-SVG-Wert
Es ist immer schön zu sehen, wie sich Design-Tools weiterentwickeln, um modernen Bedürfnissen gerecht zu werden. Sehen wir uns ein Beispiel dafür an: den Export von Bildern. Designer und Entwickler verbringen viel Zeit mit dem Export von Bildern. Die Designarbeit findet oft in Software statt, die für das Designen entwickelt wurde, ...
