Diese Woche im Design: 12. September 2014
Ein wesentlicher Teil dessen, was jemanden mit Design verbindet, sind Emotionen und Gefühle. Und dies sind zwei Dinge, die schwer vorherzusagen, zu beschreiben und zu entwerfen sind. Aber hinter Emotionen und Gefühlen steckt ein wenig Wissenschaft und warum Sie auf eine bestimmte Weise reagieren könnten, und darauf konzentrieren wir uns diese Woche im Design.
Jede Woche planen wir einen Blick auf wichtige Produktversionen und Upgrades, Tools und Tricks und sogar auf einige der beliebtesten Dinge, über die Sie in den sozialen Medien sprechen. Und wir würden gerne hören, was auch in Ihrer Welt los ist. Haben wir etwas verpasst? Schreiben Sie mir eine E-Mail an [email protected].
Wie Sie sich bei Schriftarten fühlen
Typografie hat eine Wissenschaft. Insbesondere gibt es eine Wissenschaft darüber, wie Sie sich bei Schriftarten fühlen können. Das nächste Web zeigt in „Die Wissenschaft hinter Schriftarten (und wie sie Sie fühlen lassen)“, wie sich der Typ auf Sie auswirken kann und was Designer tun können, um den Typ besser zu beeinflussen.
Die Wissenschaft aufzubrechen ist einfacher als Sie sich vorstellen können:
- Denken Sie darüber nach, wie Sie lesen. (Es ist ein natürliches Muster!)
- Überlegen Sie, wie Sie sich bei den richtigen Schriftarten fühlen. (Sie stimmen mit dem Ton überein, den Sie lesen.)
- Überlegen Sie, wie Sie sich durch das Layout fühlen. (Wenn Elemente so platziert werden, dass der Textfluss nicht gestört wird, sind Sie glücklicher.)
- Denken Sie an kulturelle Assoziationen mit Schriften. (Beschriftungen können andere Objekte oder Gegenstände darstellen oder Ihnen dabei helfen, sich auf sie zu beziehen.)
Aber was können Sie mit diesen Informationen anfangen? Wie können Sie damit mit Schriften entwerfen, die mit einem besseren Gefühl verbunden sind? Das Verständnis der Typografie ist der Ausgangspunkt. Die Grundlagen wie Schriftkategorien (Serife, serifenlos, Schrift und dekorativ) und die Grundsätze der Lesbarkeit und Lesbarkeit sind ein guter Anfang.
Aber es gibt noch ein paar andere Dinge, die Sie tun können:
- Wählen Sie Schriftgrößen größer als 12 Punkte. "Viele Designer erwähnen, dass 16pt-Schrift die neue 12pt-Schrift ist."
- Achten Sie auf die Leitungslänge. Beachten Sie, dass die ideale Zeilenlänge für eine Desktop-Website zwischen 50 und 75 Zeichen liegt.
- Achten Sie auf den Abstand. Stellen Sie sicher, dass zwischen den Textzeilen genügend Platz ist, um das Lesen zu erleichtern.
Grundlegendes zu CSS-Formen
Die Form eines Bildes oder eines Textblocks kann dazu führen, dass Sie etwas darüber fühlen. Die Form bietet auch zusätzliche Informationen über ein Element, seine Verwendung und Funktion im Gesamtdesign. Das Erstellen von Formen für Webprojekte war jedoch nicht immer einfach, insbesondere bei komplexen Bildern.
CSS-Formen schaffen eine Lösung für dieses Problem. „Die meisten Websites halten sich an eine einfache Form: Das Einfügen von Inhalten in Rechtecke in andere, größere Rechtecke, was die meisten Benutzer wahrscheinlich eher langweilig als umwerfend finden“, schreibt Zack Rutherford vom UX Magazine. „CSS-Formen hingegen bieten Designern, die ihren Inhalt innerhalb oder um interessante und optisch ansprechende Parameter herum konturieren möchten, mehr Freiheit.“
Aber wann sollten Sie CSS-Formen in Ihren Projekten verwenden? Die Antwort finden Sie im Artikel „Symmetrie, Größe, Geschwindigkeit und CSS-Formen“.
Es gibt eine ziemlich überzeugende Liste von Gründen, warum Sie nicht nur Spaß machen, sondern auch mit CSS-Formen arbeiten sollten.
- Neuheit: „Die Möglichkeit, Text so zu ändern, dass er auf engstem Raum zusammengedrückt oder alternativ in größere Bereiche erweitert wird, bietet Designern mehr Freiheit beim Zusammenstellen ihrer Layouts.“
- Erweiterte Steuerung der Benutzerflüsse: Ermöglicht das Formen von Inhalten in Zahlen, das zeilenweise Verringern von Text oder das Verwenden von Text als Formen, um andere Seitenelemente hervorzuheben.
- Das Formen von Inhalten erleichtert das visuelle Geschichtenerzählen: „Die Optionen für Variabilität, sobald Sie die Idee einer ummauerten Struktur für Ihre geschriebenen Inhalte fallen lassen, sind atemberaubend.“
- Symmetrie, Größe und Geschwindigkeit: „CSS-Formen können verwendet werden, um die Form Ihres Inhalts unabhängig vom Ansichtsfenster beizubehalten. Dadurch wird er universell symmetrisch und RWD-freundlich.“
Eine Schriftart entwerfen
Das Erstellen von Schriftarten ist nicht so einfach wie das Skizzieren einiger Buchstaben auf einer Serviette. Die Entwicklung von Schriftarten und Schriftarten ist ein mehrstufiger Prozess, zu dem Sie sich verpflichten müssen. Aber auch ohne viel Erfahrung können Sie Ihre eigene Schrift erstellen.
Der Schriftdesigner Tyler Finck hat kürzlich ein 18-minütiges Video und einen Artikel für Creative Market zusammengestellt, um Sie durch den Prozess zu führen. "Wie man eine Schriftart erstellt" ist ein schöner Blick darauf, wie man etwas selbst erstellt (für dieses Tutorial muss man jedoch einen Mac haben).
Und während fast jeder das kann, müssen Sie bereit sein, ein wenig Geduld und Engagement zu haben. Das Erstellen einer Schriftart ist nicht ganz so einfach wie 1-2-3.
"Das Erstellen einer guten und brauchbaren Schriftart erfordert Übung und viele Stunden", sagte Finck in dem Artikel. „Es ist nicht‚ schwer ', wenn Sie es lieben, und die Chancen stehen gut, dass Sie sofort wissen, ob es etwas ist, das Sie gerne tun. Sie werden wahrscheinlich Änderungen vornehmen, möglicherweise Feedback von anderen Benutzern einbeziehen, unter verschiedenen Umständen testen (verschiedene Apps / Druck / Web) und vieles mehr. “
Wenn das Erstellen einer eigenen Schrift möglicherweise nicht Ihre Sache ist, sollten Sie eine von Fincks Kreationen herunterladen. Er ist seit 2005 ein professioneller Designer und hatte mehrere Schriften auf dem Creative Market.
Nur zum Spaß
Endlich eine visuelle Darstellung, wie sich Programmiersprachen anfühlen. (Und eine sehr genaue für mich.)
Björn Tipling strahlte und zeichnete eine kleine Sequenz in "Wenn Programmiersprachen Waffen wären". Der Beitrag geht durch jede Programmiersprache und wie sie sich bezieht. Die Vergleiche sind ziemlich klug und nachvollziehbar.
"C ++ ist eine Reihe von Nunchuks, die im Umgang mächtig und beeindruckend sind, aber viele Jahre Schmerz in Anspruch nehmen müssen, und oft wünscht man sich wahrscheinlich, man würde etwas anderes verwenden", schreibt er. Weiter: "JavaScript ist ein Schwert ohne Griff."
Stellen Sie sicher, dass Sie eine Lektüre machen. Es macht viel Spaß und könnte sogar ein großartiger Muntermacher am späten Nachmittag sein.
