Ein wesentlicher Teil dessen, was jemanden mit Design verbindet, ist Emotion und Gefühl. Und dies sind zwei Dinge, die schwer vorherzusagen, zu beschreiben und zu entwerfen sind. Es gibt jedoch ein bisschen Wissenschaft hinter Emotion und Gefühl und warum Sie auf eine bestimmte Art und Weise reagieren könnten, und das ist unser Fokus in dieser Woche im Design.
Jede Woche planen wir einen Blick auf die wichtigsten Produktversionen und Upgrades, Tools und Tricks sowie 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 vermisst? Schreib mir eine Mail an [email protected].
Wie Schriftarten dich fühlen lassen
Es gibt eine Wissenschaft zur Typografie. Genauer gesagt, es ist eine Wissenschaft, wie Schriftarten Sie fühlen können. Das Next Web bietet einen hervorragenden Einblick in die Art und Weise, wie sich Schrift auf Sie auswirken kann, und auf die Möglichkeiten von Designern, die sich besser auf die Schrift auswirken können. The Science Behind Fonts (und wie sie sich fühlen)
Das Aufbrechen der Wissenschaft ist einfacher als Sie vielleicht denken:
- Denken Sie darüber nach, wie Sie lesen. (Es ist ein natürliches Muster!)
- Überlegen Sie, wie Sie sich durch die richtigen Schriftarten fühlen. (Sie entsprechen dem Ton von dem, was Sie lesen.)
- Überlegen Sie, wie sich das Layout anfühlt. (Wenn Elemente so platziert werden, dass der Textfluss nicht beeinträchtigt wird, sind Sie zufriedener.)
- Denken Sie über kulturelle Assoziationen mit Schriften nach. (Die Beschriftung kann repräsentieren oder Ihnen helfen, sich auf andere Objekte oder Elemente zu beziehen.)
Aber was können Sie mit dieser Information machen? Wie können Sie es verwenden, um mit Schriftarten zu entwerfen, die mit einem besseren Gefühl in Verbindung stehen? Typografie zu verstehen ist der Ausgangspunkt. Grundkenntnisse wie Kategorien von Schriftarten (Serifen, Sans-Serifen, Skripte und Dekorationen) sowie Grundsätze der Lesbarkeit und Lesbarkeit sind ein guter Anfang.
Aber es gibt noch ein paar andere Dinge, die Sie auch tun können:
- Wählen Sie Schriftgrößen, die größer als 12 Punkte sind. ? Viele Designer erwähnen, dass 16pt die neue 12pt-Schriftart ist.?
- Beachten Sie die Leitungslänge. Beachten Sie, dass die ideale Zeilenlänge für eine Desktop-Website zwischen 50 und 75 Zeichen beträgt.
- Achten Sie auf den Abstand. Stellen Sie sicher, dass zwischen den Textzeilen genügend Platz ist, um das Lesen zu erleichtern.
CSS-Formen verstehen
Die Form eines Bildes oder eines Textblocks kann dazu führen, dass Sie etwas fühlen. Die Form bietet auch zusätzliche Informationen zu einem Element, seiner Verwendung und Funktion im Gesamtentwurf. Das Erstellen von Formen für Webprojekte war jedoch nicht immer einfach, insbesondere bei komplexen Bildern.
CSS-Shapes schaffen eine Lösung für dieses Problem. "Die meisten Websites halten sich an ein einfaches Werkzeug: Inhalte in Rechtecke in andere, größere Rechtecke einpassen - etwas, das die meisten Nutzer wahrscheinlich langweiliger finden als irrsinnig," schreibt Zack Rutherford für das UX Magazine. CSS-Formen hingegen bieten Designern, die ihren Inhalt innerhalb oder um interessante und optisch ansprechende Parameter gestalten möchten, größere Freiheit.
Wann sollten Sie jedoch CSS-Formen in Ihren Projekten verwenden? Die Antwort ist in dem Artikel "Symmetry, Size, Speed und CSS Shapes".
Es gibt eine ziemlich überzeugende Liste von Gründen, warum Sie mit CSS-Shapes arbeiten sollten, und das macht Spaß.
- Neuheit:? Die Möglichkeit, Text so zu ändern, dass er in enge Räume eingepfercht oder alternativ in größere Bereiche erweitert werden kann, bietet Designern mehr Freiheit bei der Zusammenstellung ihrer Layouts.?
- Erweiterte Steuerung der Benutzerabläufe: Ermöglicht das Formen von Inhalten in Zahlen, zeilenweises Verringern des Textes oder Verwenden von Text als Formen, um andere Seitenelemente hervorzuheben.
- Die Gestaltung von Inhalten erleichtert das visuelle Geschichtenerzählen: Die Möglichkeiten der Variabilität, sobald Sie die Idee einer eingemauerten Struktur für Ihre schriftlichen Inhalte aufgegeben haben, sind umwerfend.
- Symmetrie, Größe und Geschwindigkeit:? CSS-Formen können verwendet werden, um die Form des Inhalts unabhängig vom Ansichtsfenster zu erhalten, wodurch er universell symmetrisch wird, ganz zu schweigen von RWD-freundlich.
Eine Schrift entwerfen
Das Erstellen von Schriftarten ist nicht so einfach wie das Zeichnen 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, der Sie durch den Prozess führt. Wie erstelle ich eine Schrift? ist ein schöner Blick auf die Erstellung von etwas selbst (aber Sie müssen einen Mac für dieses Tutorial haben).
Und während fast jeder es kann, müssen Sie bereit sein, ein wenig Geduld und Hingabe zu haben. Das Erstellen einer Schrift ist nicht ganz so einfach wie 1-2-3.
? Eine gute und brauchbare Schriftart zu erstellen, erfordert Übung und viele Stunden.? Finck sagte 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 lieben. Sie werden wahrscheinlich Änderungen vornehmen, möglicherweise Rückmeldungen von anderen Benutzern einbinden, unter verschiedenen Umständen testen (verschiedene Apps / Druck / Web) und vieles mehr.
Wenn Sie Ihre eigene Schrift vielleicht nicht selbst erstellen können, sollten Sie sich eine der Kreationen von Finck herunterladen. Er ist seit 2005 professioneller Designer und hatte mehrere Schriftarten auf Creative Market.
Nur zum Spaß
Zum Schluss noch eine visuelle Darstellung der Programmiersprachen. (Und ein sehr genaues für mich.)
Björn Tipling strahlte und zeichnete eine kleine Sequenz in "Wenn Programmiersprachen Waffen waren". Der Beitrag geht durch jede Programmiersprache und wie sie sich bezieht. Die Vergleiche sind ziemlich schlau und vergleichbar.
"C ++ ist eine Gruppe von Nunchuks, mächtig und eindrucksvoll, wenn man sie ausübt, aber es dauert viele Jahre, um sie zu meistern. Oft wünscht man sich, Sie würden etwas anderes verwenden." er schreibt. Weiter:? JavaScript ist ein Schwert ohne Griff.?
Stellen Sie sicher, dass Sie lesen. Es macht viel Spaß und ist vielleicht sogar ein großartiger Pick-me-up am späten Nachmittag.