Mit Typografie für Marken spielen und gestalten

1. Einführung: Hallo, willkommen zu diesem kurzen Kurs, in dem es darum geht, wie man mit Typografie in Branding und Design spielt mit Typografie in Branding . Ich heiße Jeremy Ich bin ein Markendesigner aus Sydney, Australien, und entwerfe seit zehn Jahren. Und ich habe mit Kunden und verschiedenen Marken zusammengearbeitet. Und ich glaube, Topographie ist die Grundlage für großartiges Design. In diesem Kurs werden Sie unter anderem lernen wie man Typografie in einem Identitätssystem verwendet Deshalb zeige ich Ihnen einige Beispiele von echten Kunden, wie ich bestimmte Schriften ausgewählt habe und wie ich sie gestaltet habe, um eine Markenidentität zu entwerfen Ich werde Ihnen auch meine Tipps und Gedanken darüber mitteilen , wie ich Schriften für verschiedene Projekte kombiniere. Was man auswählen muss, wie man vorgeht, wissen Sie, die richtigen Schriften in der richtigen Situation zu verwenden. Ich werde auch zeigen, wie man die richtige Schriftart anpasst und auswählt und wie man sie in Adobe Illustrator manipuliert Außerdem werde ich Ihnen zeigen, welche Macht Glyphen haben und wie Sie bestimmte Schriftarten und Buchstaben anpassen können, wenn Glyphen haben und wie Sie bestimmte Schriftarten und Buchstaben anpassen können, wenn Sie an einem Logo-Design arbeiten Und wie Sie das hervorheben und ikonischer machen können. Außerdem werde ich dir meine Cheat-Codes und Tipps, Abkürzungen und all diese kleinen Goodies zeigen , damit du als Designer wachsen und besser mit Typografie gestalten Ich werde dir auch einige Hausaufgaben und Aktivitäten geben, mit denen du das Design im Projektbereich üben kannst, damit du das Design üben und dein Projekt hochladen Und ich gebe dir gerne Feedback, damit du deine Fähigkeiten verbessern kannst. Also klicken und rollen Sie noch heute und werden Sie besser darin, mit Typografie zu gestalten 2. Inspiration und Schriftarten finden: Im Laufe des Jahres habe ich wahrscheinlich über 10.000 Fonds angesammelt. Und das liegt daran, dass ich einfach immer neue Schriften herunterlade. Und jedes Projekt braucht etwas anderes. Und es tauchen immer neue Typengrenzen auf, wo es eine ganze Reihe von kostenlosen Geldern gibt, die wirklich von hoher Qualität sind Ich möchte euch einige Seiten zeigen, die euch als Inspiration dienen, auf denen ihr einige kommerzielle kostenlose Schriften herunterladen und auch Fonds kaufen könnt Wenn Sie jedoch weitere Ressourcen benötigen, werde ich im Projektbereich einen Link einfügen, um meine Liste mit Mega-Design-Ressourcen zu teilen. An erster Stelle wäre Font Share. Jetzt haben sie 100 kostenlose kommerzielle kostenlose Schriftarten. Ich liebe es, Fontshare zu verwenden, weil es leistungsstark ist und viele verschiedene Stile hat, ein paar Skriptschriften. Aber ich liebe es, weil man sich tatsächlich verschiedene Paare ansehen kann. Oben hast du Paare, auf die ich klicken kann Dadurch werden mir tatsächlich einige verschiedene Paare angezeigt. Die Schrift ist großartig. Ein anderer ist Font Fabric. Ich habe auch ihre Schriften verwendet. Diese sind von super hoher Qualität. Sie haben viele verschiedene Stile. Wenn ich zum Beispiel auf Mont klicke, kannst du sehen, dass es dünn, extra leicht bis hoch schwer und schwarz ist. Kursive Seiten wie diese sind wirklich gut Pangram, Pangram hat Starter-Kits für 29$, wo du eine ganze Reihe von Schriften zum Ausprobieren bekommen kannst , und wenn dir bestimmte gefallen, kannst du sie kaufen Diese Schriften sind wirklich cool, einige davon futuristisch, aber sie haben hier eine Menge cooler Sachen Du hast auch zukünftige Schriften, Xyz, die sind wirklich toll Sie haben hier eine große Auswahl. Nicht nur einfache, sondern auch Display-Schriften, flippige Retro-Schriften und interessante auch. Schau dir das an. Sie können auch auf Creative Market gehen. Create Market bietet auch Schriften an. Wenn Sie auf den Schriftbereich klicken, haben sie schwarze Vintage-Buchstaben und ausgefallene kursive Graffiti Sie haben jede Menge verschiedener Schriften. Sie können auch in die Leiste tippen. Sie können sehen, wie es aussieht. Dies ist auch eine großartige Möglichkeit, Schriften sehr schnell zu finden. Eine weitere coole Seite heißt Nick.com. Brandon hat ein Studio für Schriftdesign Er entwirft hier viele Schriften. Und er bietet auch diese Bundles an, die wirklich cool sind, in denen man etwa 2030 Schriften drin Ich liebe seinen Stil. Da ist es wirklich anders. Wenn du jemals an Retro-Vintage-Sachen arbeitest, wären diese ideal für diese Art von Projekt. Es gibt viele andere Schriften wie Schriften und zukünftige Schriften und solche Sachen, aber ich neige dazu, diese wirklich beliebten Websites mit kostenlosen Schriften zu meiden weil sie wirklich von schlechter Qualität sind, besonders was die Schrift angeht. Wenn du eine Schrift herunterlädst, ist sie schlecht, es gibt nur eine Schriftstärke, es gibt nicht mehrere Schriften. Es ist also keine Schrift mit einer ganzen Reihe von Schriften Deshalb versuche ich, diese Seiten zu meiden und ich werde versuchen, bei diesen Seiten zu bleiben, auf denen ich entweder eine kostenlose Version von etwas wie Font Share kaufe oder herunterlade , was einfach viel besser ist , weil die Qualität da ist Man merkt, dass es sorgfältig entworfen und gefertigt wurde. Und es enthält auch Glyphen und Symbole sowie Variationen verschiedener Deshalb bevorzuge ich das und versuche, Dinge wie eine Schrift zu vermeiden Was ist nun, wenn ich auf eine Website stoße? Eines der Tools, die ich gerne verwende, heißt Font Ninja Sie können auch so etwas wie welche Schriftart verwenden. Es ist eine kostenlose Chrome-Erweiterung. Was ich tun kann, ist auf eine Website zu gehen und vielleicht gefällt mir diese Schrift genau hier. Alles was ich tun muss, ist auf die Schrift Inga zu klicken. Wir scannen im Grunde die Website und sagen mir, welche Schriftart sie verwenden. Im Moment kann ich mir das mit Satoshi vorstellen. Jetzt ist Satoshi eine kostenlose Schrift auf Fontshare. Das ist die Schrift dort Dann kann ich mit der Maus über die Schrift fahren und sie sagt mir die Stärke, sie sagt mir auch den Zeilenabstand und die Farbe. Wir können all diese kleinen Details in dem kleinen Feld dort sehen , Sie können diese sehen, etwa 20 Pixel, 15 Pixel in grauer Farbe. Wirklich cool. Ich liebe das. Sie können diese kleinen Einstellungen auch hier ausprobieren. Sie können die Schrift verschieben, vergrößern, damit Sie sie Vorschau ansehen und dort herumspielen können. Das gefällt mir. Sie können die Schriften auch mit einem Lesezeichen versehen. Wenn du auf das Lesezeichen in der Schrift Inger klickst, wird das erledigt. Hier ist ein weiteres Beispiel. Vielleicht gefällt mir diese Schrift genau hier. Versuche es noch einmal und schau , was dabei herauskommt. Klicken Sie darauf und Sie können die Überschrift von SQL Sands sowie den Haupttext der SQL Sands-Überschrift sehen . Es ist sowohl mittelgroß als auch nur größer. Sie können den Haupttext und die Überschrift sehen, wirklich cool. Sie können es buchstäblich auf jeder Website verwenden. Es wird dir nur sagen, was es ist und es spart dir einfach so viel Zeit. Es ist okay, Schriften zu stehlen. Es ist okay, Geld zu verwenden. Einige davon müssen Sie wahrscheinlich kaufen. Aber deswegen ist es immer gut. Wenn Sie das zusätzliche Budget haben, fragen Sie Ihren Kunden, ob Sie eine bestimmte Schrift kaufen können , weil Sie wissen, dass sie einzigartiger sein und sich von allen anderen Marken unterscheiden wird . Mir gefällt es nicht, dass Sie immer Monster, At und Poppins und Helvetica verwenden , alles dieselben Marken Wir verwenden dieselben Schriften und das möchte ich nicht tun, ich möchte Schriften finden, die sich Und deshalb bin ich immer auf der Suche nach einer bestimmten Schrift, die zur Atmosphäre der Marke passt, für die ich mich entscheide. 3. Auswahl von Schriftarten: Jetzt bekomme ich immer die Frage von Designern. Wie wähle ich Schriften für ein Markenprojekt oder für ein Logo aus? Jetzt folge ich normalerweise immer meiner Intuition, meinem Bauchgefühl oder meinem Instinkt, wenn ich mir eine Schrift ansehe Deshalb stöbere ich immer diesen verschiedenen Schriftenherstellern und schaue mir die Form des Buchstabens an, ich schaue mir an, wie er sich anfühlt, wenn ich ihn ansehe, du weißt schon, wann ich damit interagiere Denn am Ende des Tages muss ich eine Stimmung, ein Gefühl und eine Atmosphäre vermitteln, um die Wahrnehmung der Marke bei den Kunden zu verändern Am Ende des Tages dreht sich alles um die Markenpersönlichkeit und das Publikum Wenn ich meine Markenentdeckungssitzung mit meinem Kunden oder einen Strategie-Workshop abhalte, versuche ich, diese Marken-Keywords zu extrahieren. Dann weiß ich also, ob unsere Marke Spaß machen wird? Wird es sehr technisch und minimalistisch sein ? Wird es mutig sein? All diese Fragen kommen ins Spiel, wenn ich versuche, die Markenpersönlichkeit und dann das Publikum zu verstehen. Sind die Zuschauer wie Technikbegeisterte, sind es vielleicht Frauen oder Mütter oder vielleicht ihre Väter oder jungen Erwachsenen, die an den Strand gehen Es gibt all diese Fragen, die Sie stellen möchten und die Ihnen wirklich helfen werden, Ihre Suche nach der richtigen Schriftart zu verfeinern Es geht nur darum, diese Grenzen und Einschränkungen zu haben. Dann können Sie Ihrer Vision freien Lauf lassen und sich darauf konzentrieren einige Schriften auszuwählen und sie dann in Illustrator zu integrieren Und damit zu arbeiten und zu spielen, oder sogar mit Figma. Und wenn du wie eine Website gestaltest, und ich sage es Designern immer, ist es okay, mehrere Schriften zu testen, sie zum Beispiel auf die Leinwand oder auf deine Du arbeitest damit. Setze es auf ein Bild. Wie fühlt es sich an? Mischen Sie es mit einigen Farben. Schau, wie es sich in der Bewegung anfühlt, die du bekommst. Wenn du mit der Schrift spielst. Ich möchte Ihnen einige Arten von Schriftstilen vorstellen. Es gibt sie, Sie wissen es wahrscheinlich, aber es gibt eine ganze Reihe von ihnen. Aber ich werde dir einige meiner Favoriten zeigen. Wir haben Dinge wie San Serap, die sehr modern, einzigartig, einfach und minimalistisch sind Sie haben Serap, das wirklich klassisch und elegant ist. Du hast Slab Seraph, es hat ein Gefühl vom Wilden Westen Sehr gewagt, sehr groß. Sie haben Display-Schriften. Display-Schriften sind eher dekorativ. Sie können Textur haben, sie können grob sein, sie können kleine Muster enthalten. Sie haben handgeschrieben, das ist wie für Unterschriften, wie für eine Briefmarke oder so Das Drehbuch ist sehr feminin. Spritzig, verspielt, monospaced ist eher digitalisiert. Stellen Sie sich das wie Binärcomputer oder wie einen KI-Bot vor. Geometrisch, sehr sauber. Moderne Kalligrafie fühlt sich im Grunde so an, als würde jemand den Kalligraphiestift schreiben Sehr alte Schule, alter Stil. Wurde grotesk und humanistisch. Sie sind sich ziemlich ähnlich. Moderne und saubere Buchstaben. Keine geometrischen, sondern eher vereinfachte Schriften. Wenn du auch schwarze Buchstaben hast wie in alten Zeiten des Mittelalters, dann eignen sich Pixelpixel hervorragend für 8-Bit-Grafiken. Oder vielleicht ist es ein Spiel wie Started Value oder etwas Ähnliches, das aus Pixeln besteht Du kannst eine solche Schrift verwenden. Hier sind einige Typen, nur damit Sie darüber nachdenken können, welchen Stil Sie bevorzugen. Denk nach. Es ist gut zu wissen, nur für den Fall, dass Sie ein Moodboard präsentieren und Ihrem Kunden zeigen wollen, hey, das ist der Typ, für den wir uns entscheiden werden Und dann wird es deine Suche einfach eingrenzen , wenn du nach einer Schrift suchst Wie ich bereits sagte, wenn ich eine qualitativ hochwertige Schrift auswähle, suche ich immer nach den Schriftfamilien. Wie viele Gewichte haben sie? Weil es wichtig ist, wenn ich an einem Projekt arbeite. Manchmal möchte ich einfach dieselbe Schrift verwenden , aber nur unterschiedliche Schriftstärken. Ich muss zum Beispiel keine 234 Schriften haben , weil das zu viele werden. Ich versuche immer, es auf vielleicht drei Schriftarten für Mac zu beschränken, aber normalerweise versuche ich, für ein oder zwei wirklich gute Schriften mit guten Familien zu finden. Sie können also sehen, dass Mont Blanc von Font Fabric eine große Familie hat, von dünn bis schwarz. Und es ist extra fett, fett, halbfett und jeweils kursiv. Jetzt haben diese Schriften auf der rechten Seite nur eine Schrift. Jetzt hat die Schrift nur einen Stil oder eine Schriftstärke. Es ist keine Familie , sondern ein typisches Gesicht. Du kannst sehen, dass vo nur eine Schrift hat, sie ist einfach normal. Und Hand Gothic hat nur eine reguläre Version und du kannst zwei verschiedene Schriftarten sehen. Die eine ist eine Slab-Seraph, dann ist diese eher eine Display-Schrift Und sie sehen cool aus, sind aber sehr einschränkend. Ich würde diese Schriften wahrscheinlich nur für Überschriften verwenden und nicht als Fließtext. Zu tun ist , Websites zu finden , die tatsächlich unterschiedliche Filter haben. Sie können auf Fontshare sehen, dass sie Filter im Kategorienbereich haben denen ich nach Stil, Stärke, Breite, Kontrast und Kanten sowie X-Höhe suchen kann Stärke, Breite, Kontrast und Kanten , und ich kann nach Persönlichkeit suchen. Das macht meine Suche also viel schneller, wenn ich nach bestimmten Attributen suche , oder? Wenn Sie die Gelegenheit haben, spielen mit einigen dieser Einstellungen herum und Ihre Suche wird dadurch viel schneller, wenn Sie nach einer bestimmten Schrift suchen. Sie haben also die Markenpersönlichkeit kennengelernt, damit Sie nach der richtigen Schriftkategorie suchen können . Hier ist ein kurzes Beispiel. Auf der linken Seite habe ich einige Schlüsselwörter, die ich normalerweise für ein Markenprojekt verwende , die sehr unterschiedlich sind. Und die Schriftart habe ich auf der rechten Seite gewählt. Also zuerst haben wir modern, minimalistisch und sauber. Und ich denke an Code, ich denke an Code. Außerdem ist es sehr geometrisch, es ist eine saubere Schrift. Es ist nett, es ist sehr gut lesbar und lesbar, leicht zu lesen. Der nächste ist vintage rough and masculine. Wenn ich an diese Schlüsselwörter denke, denke ich an SS. Nixon. Sehr gewagt, sehr blockig Es ist ein bisschen rau an den Rändern. Es fühlt sich maskulin an, weil es so gewagt ist. Die Briefe sind einzigartig. Fühlt sich ein bisschen an wie im Freien, Abenteuer, Camping , stilvoll, aber auch ein bisschen altmodisch wie vielleicht auf einer Whiskyflasche oder so Schließlich sind wir elegant, klassisch und raffiniert. Ich denke an so etwas wie Baskerville. Das ist nur ein kurzes Beispiel dafür , was ich wählen würde. Das heißt nicht, dass ich nur diese Schriften für das Projekt auswähle, es gibt Ihnen nur eine Vorstellung von etwas. Ich werde etwas auswählen, das diesen Schriftstilen sehr ähnlich ist. Deshalb sage ich den Leuten immer, ob Sie Figma oder Illustrator sind , welche App Sie auch verwenden, legen Sie immer ein Layout an, geben Sie einfach eine Reihe von Schriftarten ein, grenzen Sie es ein und listen Sie Ihre Favoriten auf, z. B. Ihre drei oder fünf besten Und dann fange an, mit ihnen herumzuspielen und herauszufinden, welche zur Markenpersönlichkeit und den Schlüsselwörtern der Marke passt und den Schlüsselwörtern der Ich möchte ein kurzes Beispiel dafür zeigen. Ich benutze einfach das VR-Headset von Meta. Es ist die Metaquest Three, die Schriftart, die wir hier verwenden, ist der Code als Nächstes Sie können also sehen, dass es sehr modern und sauber ist, sich futuristisch anfühlt und sich wie ein solides Produkt anfühlt Aber wenn wir jetzt zur nächsten Folie übergehen, werden wir die Nixon-Schrift verwenden Es fühlt sich ein bisschen fehl am Platz an. Es ist wirklich wichtig, die richtige Schriftart zu verwenden. Ich benutze, ich glaube, es ist Nixon, sechs oder sieben für den unteren Teil und die anderen Schriften und es fühlt sich ein bisschen zu starr an, fühlt sich ein bisschen zu sehr an, als ob ich eine Raum-Atmosphäre mag , sogar ein bisschen Wo wir uns nicht für diesen Spiele-Look entscheiden, für ein Premium-Produkt. Und dann können Sie hier links sehen, die Schrift Baskerville ist Es ist eine elegante Schrift, wie diese funktionieren könnte. Aber Sie können sehen, wenn wir uns den Körper ansehen, er fühlt sich ein bisschen veraltet an, fühlt sich ein bisschen fehl am Platz an. Sie können sich die Preise hier ansehen. Und unten hier fühlt es sich, ich weiß nicht, ein bisschen schwach an, wohingegen es beim ersten funktioniert. 4. Schriftarten kombinieren: Nun, wie kopple ich Schriften? Ich habe das Gefühl, dass viele Designer zu viel darüber nachdenken und denken, dass sie bei der Auswahl der Schrift perfekt sein müssen bei der Auswahl der Schrift perfekt sein Aber das Kernprinzip , an das ich denke, wenn ich Schriften kombiniere, ist Es geht darum, Kontraste zwischen den Überschriften Haupttext zu haben und diese Hierarchie mit den verschiedenen Arten von Informationen, die Sie verwenden , zu Hier ist zum Beispiel ein schnelles Design, das ich mir ausgedacht habe. Ich habe hier drei Beispiele. Zwei auf der linken Seite sind nicht die besten. Ich sage dir warum, weil es an Kontrast mangelt. Nun, bei diesem ersten Bild können Sie sehen, dass die Überschrift sehr dünn ist. Die Überschrift sollte fett gedruckt sein. Es sollte leicht sein, sich sehr schnell anzusehen, wenn jemand auf einer Website landet oder auf einer Seite landet , die er gerade liest. Diese Schrift hier unten ist dieselbe wie diese. Wie Sie sehen können, verwende ich beide Mont Blanc für dieses Licht und das Licht, beide sind weiß. Es lenkt das Auge ab, wenn Farben kollidieren und es zu hell ist, sodass sie den Haupttext nicht lesen wollen . Dieser funktioniert nicht Der zweite, wie Sie sehen können, ist sehr gewagt. Aber dann hat das einen sehr großen Vorsprung. Es gibt viel Platz zwischen den Linien und es fühlt sich einfach so an, als würde es am Auge ziehen, viel weiter und viel länger springen müssen Es verursacht Ermüdung, wenn man es liest. Die Kühnheit der Überschrift funktioniert. Aber dann ist das schlecht. Du kannst diesen Lappen auch sehen. Jetzt ist der Lappen im Grunde die Form, die der Absatztext erzeugt Deshalb habe ich hier eine Linie eingefügt. Diese beiden hier haben einen sehr schlechten Lappen. Das ist das Beispiel dort. Aber hier ist das letzte Beispiel, das ich gemacht habe. Sie können sehen, dass ich Montblanc Semi Bold und dann Montblanc Regular verwende und dann Montblanc Dafür habe ich die Farbe auf eine graue Farbe reduziert die Farbe auf eine graue Farbe Wie Sie hier sehen können, verwende ich hier diesen Hex-Code. Dann ist der obere einfach weiß. Ich habe einen Kontrast zur Farbe des Körpers und der Kopfzeile geschaffen . Ich habe auch den Kopf kräftiger gemacht als den Körper, und ich habe auch den Schnitt angepasst, sodass er etwas enger ist, sodass Sie sehen können, dass er etwas enger ist als der andere Es fühlt sich einfach gut an , es anzusehen und zu lesen. Obwohl der Ipsm-Wert niedriger ist, fühlt es sich besser an, fühlt sich sauberer an und fühlt sich lesbar an Hier sind einige Beispiele für die Arten von Schriften, die Sie möglicherweise kombinieren können Es ist nicht darauf beschränkt, aber ich versuche nur, Ihnen einige Ideen zu geben. Ein einfacher wäre wie ein Sandseraph. Mit der Serafont, aber mit dem Seraph mache ich es wahrscheinlich klein und die Überschrift kann in Displayschrift in Großbuchstaben geschrieben werden Normalerweise mache ich Und dann vielleicht ein Leibeigener, eine Überschrift, die man machen kann wie grotesk und ein Das wäre eine Art futuristischerer, modernerer Und dann ein Drehbuch mit einem einfachen San-Seraph. Es wäre nicht gewagt. Es wäre wahrscheinlich leicht oder normal und klein geschrieben oder so. Dies sind einige mögliche Kombinationen, die Sie haben können. Die Grenzen sind endlos. Im Grunde hängt alles von der Marke und der kreativen Idee ab, für die Sie sich entscheiden. Ich möchte, dass Sie sich daran erinnern, wenn es darum geht, auf einer Website zu landen oder etwas zu entwerfen. Digitale Schlagzeilen dienen der Scanbarkeit. Leute lesen den Scan nicht, wenn sie sich auf einer Seite Wenn sie ein Karussell lesen, wenn sie auf einer Website landen, bewegen sich ihre Augen in einer Z-Falte von links nach rechts Sie scannen einfach und schauen sich die Schlagzeilen an. Außerdem lesen manche Leute, wenn sie Log-Berichte lesen, nicht all die kleinen Texte. Sie sind, sie scannen zuerst die Schlagzeilen. Wenn es interessant ist, werden sie anfangen, den Fließtext zu lesen. Und der Fließtext sollte immer lesbar oder lesbar sein Wenn ich jetzt an Lesbarkeit denke, denke ich daran, wie einfach es ist, das zu verstehen, zu lesen und für mein Gehirn, die Buchstaben und Wörter zu verstehen Kommen wir nun schnell zu einigen Beispielen, die mir gefallen. Dieser ist Bowery.com. Er ist quasi für ein Restaurantgeschäft. Sie versenden im Grunde Lebensmittel und sie haben Rezepte und ähnliches Und ich liebe einfach die Kühnheit dieser Schrift. Es sind alles Großbuchstaben in deinem Gesicht, es ist nett. Aber dann haben sie hier eine einfache Schrift, und ich werde Fontina verwenden, um sie dir schnell zu zeigen Sie benutzen GT America und dann National zum Komprimieren. Sie können dieses nette kleine Detail sehen, es ist einfach, diesen Körper zu lesen. Dann hast du hier GT Mono. Aber Sie haben auch diesen großen, mutigen Nationalspieler , der einfach hervorsticht. Es ist in Ordnung. Es versucht, ein jüngeres Publikum anzusprechen. Zurück zur Idee des Kontrasts. Sie können sehen, dass wir eine fette Überschrift haben, und dann haben wir eine leicht lesbare Überschrift, die viel Leerraum hat. Sie können sehen, dass die Vermietung nicht so eng ist, was gut ist. Es ist Platz hier, dieser hier. Sie können die Vermietung hier sehen. Sie vermieten viel weil das damit zusammenhängt. Sie wollten nicht, dass das G darauf trifft. verstehe ich vollkommen. Ich finde es toll wie sie hier die Großbuchstaben verwendet haben, aber hier verwenden sie nicht alle Großbuchstaben. Denn wenn es um Großbuchstaben geht, willst du nur kurze Wörter. Es ist wirklich schwer zu lesen , wenn es lange Sätze sind. Deshalb ist es einfach, Kleinbuchstaben zu lesen, weil unser Gehirn und Buchstaben verstehen und verstehen kann Form von Wörtern So verarbeitet unser Gehirn Dinge. Aber ja, hier ist nur ein kurzes Beispiel dafür, wie es verwendet wird, um schwere und leichte Superhelden zu kontrastieren Das ist wie eine Agentur-Website. Sie entschieden sich für eine fettgedruckte, große Schrift für die Schlagzeilen. Und dann haben sie auch noch diesen Serafont-Heat-Ninja. Sie verwenden das normale Display, schwarz und rund, das Standarddisplay fett, das P Der Grund, warum sie sich wohl für diese Serafontce entschieden haben. Das ist ein verdichteter Seraphont. Dann ist diese große Schlagzeile sehr breit gefächert. Deshalb haben sie sich für ein komprimiertes und ein breites Format entschieden. Wenn ich nach unten scrolle, kannst du sehen, dass sie wollten, dass ihr Text wirklich groß ist. Da der Seraph kompakt ist, passt er gut in diese rechteckige Form In diesem Layout. Dieses Schloss hier oben, wie wir sehen können. Es ist leicht, fett, sticht hervor, leicht zu lesen, man ist kompakt, man ist breit. Sie können diese Schrift also sehen. Wie gesagt, es ist fett und breit. Und wenn das nicht verdichtet wäre, würde es bis zum Ende gehen , als ob es hier wahrscheinlich überall sein würde. Aber weil es verdichtet ist, liegt es hier und es ist in diesem netten kleinen Schloss. Wenn Sie Schwierigkeiten haben, einige Schriftarten zu kombinieren, finden Sie hier drei Websites, die ich empfehlen sollte typeof.com haben sie tolle Checklisten und Ressourcen, aber sie haben ein Typ-Pairing-Lookbook, das du kaufen kannst, das ist nicht umsonst, aber er hat im Grunde genommen ein paar Schriften für dich gestreichelt. Es ist schon für dich erledigt, es kostet etwa 40 Dollar. Aber Sie können sehen, dass es verschiedene Versionen gibt. Luxuriöser Retro-Style wärmt die Technik. Wenn du das gerne tust , ist das eine Idee. Sie haben auch type inspiration.com, sie haben bereits einige verschiedene Schriftarten miteinander kombiniert Und ich finde es wirklich cool, ich habe ein paar hier drauf. Es gibt nicht Tausende, aber es gibt nur einige Beispiele dafür, was Sie verwenden könnten. Ich finde es wirklich nett. Ich kann darauf klicken und dann kann ich sehen, was die Schrift ist. Sie können es von Google Fonts herunterladen, was kostenlos ist. Mir gefällt, wie sie es hier angelegt haben, nur mit ein paar Klumpen da drin Und zu guter Letzt haben wir Font Share. Sie haben ein Paarmenü. Wenn du nach oben gehst, kannst du auf Paare klicken, und dann kannst du nach unten gehen und es gibt eine ganze Reihe von Paaren, die ihre eigenen eingebauten Schriften verwenden , die sie bereits entworfen haben Sie können die Stile hinzufügen, Sie können sie hinzufügen. Sie können den Text im Handumdrehen bearbeiten und was auch immer. Vielleicht haben Sie ein Textbeispiel, Sie für Ihren Kunden verwenden möchten. Sie können es einfach hineinwerfen und sich schneller ein Bild davon machen, wie es aussehen wird Ich liebe es, es zeigt dir die Schriftarten dort und ich kann darauf klicken und es wird mich dorthin führen Dies sind einige Ressourcen , die ich Ihnen empfehlen kann. 5. Schriftarten und Logotypen anpassen: Wenn ich eine gute Schrift gefunden habe , die ich für ein Projekt verwenden werde, passt sie zur Persönlichkeit, dann liebe ich es, sie ein wenig anzupassen Sie müssen einem Logotyp oder einem Logodesign nicht immer viele Details hinzufügen . Normalerweise ist es besser, wenn es einfach ist und Sie die Details reduziert haben, aber ich füge gerne kleine Symbole oder kleine Motive oder Ideen zu bestimmten Buchstaben hinzu. Oder um ein paar Ideen hinzuzufügen und etwas Geschmack zu verleihen, machen Sie es ausgeprägter. Hier sind vier Logos, die für Kunden entworfen wurden , mit Ausnahme von Sylfon , das für ein Nebenprojekt entworfen wurde Dies sind die Schriftarten, die ich auswähle. Auf der linken Seite kannst du sehen, das ist nein, das ist das Outfit. Dieser ist Nesta. Und dann Calisto So sieht die Schrift aus, eine Standardschrift. Noah, mittelgroßes Outfit, mittelgroß, geometrisches Schwarz. Und das ist Calisto Bold. So sieht es aus, wenn nichts hinzugefügt wurde. Dann sieht es so aus, wenn ich ein paar kleine Details hinzugefügt habe. Behindertendienst von Angel Hearts Healthcare und sie haben andere Gesundheitsdienste in Sydney. Sie können sehen, dass ich der Querstange im A eine kleine Herzform hinzugefügt habe , was nett ist. Es kann auch wie ein Buch oder wie ein Vogel aussehen. Es wurde zum Beispiel die Unterschneidung angepasst, hier kannst du R und T sehen . Da gab es einige Probleme Einfach etwas enger ziehen und auch das H enger machen, die Wörter so zusammenfügen, dass der Abstand da Wörter so zusammenfügen, dass der Und dann füge dort eine kleine Unterzeile hinzu. Wie du sehen kannst. Ist wirklich nett geworden . Bei diesem habe ich nur alles in Großbuchstaben gemacht und es dann schön ausgerichtet, sodass Sie sehen können, dass alles ausgerichtet ist. Dann habe ich da ein Fort Castle-Ding hinzugefügt weil diese Marke ein Typ ist , der Sicherheitstüren in Häusern installiert. Es dreht sich alles um Sicherheit. Ich dachte an Castle und wollte etwas Subtiles hinzufügen. Das war, dass ich eine Version hatte, in der ich so etwas wie ein Schloss drin hatte, und das Ganze dann wie farbig gemacht habe oder was auch immer. Das war eine Idee, die ich hatte, aber ich entschied, dass sie zu viele Details hinzufügte. Ich habe mich zurückgezogen und es einfach gemacht. Und Sie können sehen, wie dieser kleine Touch Mobile Tire Legenden ist. So sah es mit der Schrift aus. Die Schrift ist sehr fett und verdichtet. Wenn es um lange Wörter oder lange Markennamen geht, ist es besser, die Schrift zu stapeln. Das habe ich gelernt, weil es einfach einfacher zu lesen ist. Es ist auch einfach, wenn es um Skalierbarkeit und Lesbarkeit geht, auch bei kleinen Größen und Websites und ähnlichem, ist es einfach besser, es zu stapeln Deshalb habe ich so gestapelt und ihre kleine Logan- oder Tagbeleuchtung an der Seite hinzugefügt ihre kleine Logan- oder Tagbeleuchtung an der Ich habe alles zusammengezogen, sodass es kompakt ist. Dann habe ich diesen Pfeil oben in der T-Leiste hinzugefügt diesen Pfeil oben in der T-Leiste Ich habe das getan, weil ich dort etwas dynamische Bewegung hinzufügen wollte . Ich wollte auch zeigen, dass ein Pfeil bedeuten kann, vorwärts zu fahren, jemandem mit seinem Auto zu helfen, damit er vorwärts fahren und zur Arbeit oder nach Hause fahren kann. Denn wenn du einen platten Reifen hast, steckst du fest. Richtig? Sie können einige der Ideen sehen, an die ich gedacht habe, als ich das gemacht habe. Und dann habe ich hier diesen kleinen Schnitt hinzugefügt , damit der Pfeil etwas besser hervorsticht. Man kann ohne diesen kleinen Schnitt sehen, als ob es immer noch in Ordnung ist, aber es fühlt sich einfach so an, als ob dort viel zu wenig Leerraum ist . Ich habe das nur herausgezogen, damit es ein bisschen atmen kann. Um es etwas kantiger zu machen, habe ich den Pfeil an der Kante ausgerichtet Es ist ausgerichtet, wie Sie sehen können, was etwas Nettes hinzugefügt hat Ich hätte es vielleicht ganz so mitnehmen können, aber dann fängt es an, ein bisschen zu sehr abzulenken Also werde ich es dort zurück zum R ziehen. Ich hätte auch das oder so machen können, das könnte auch funktionieren. Man kann immer noch sehen, dass es damals eine Legende für den kleinen G war, ich habe es wie einen Blitz gemacht, ich habe es wie einen Blitz gemacht, was Spaß gemacht hat, dem Kunden hat es gefallen. Es war etwas anderes, ich war müde vom Handy. Ich denke an juristische Legenden, der Typ war auch ein Gamer Ich denke, oh, lass uns einfach einen Blitz platzieren. Fühlt sich anders an, einzigartig. Und zu guter Letzt, Sylpi hier, wir können sehen, wie es aussieht, die Standardeinstellung Dann, wenn ich diese kleinen Schnitte hinzufüge fühlt es sich viel anders an, es fühlt sich futuristisch Sie können sehen, dass ich hier diese kleinen Schnitte hinzugefügt und dann abgerundet Diesem hier habe ich diese kleine Form hinzugefügt. Wenn ich das herauszog, das ursprünglich nicht da war, war es einfach so, als ob ein normaler weißer Bereich alles gut ausrichtete. Und Sie können sehen, dass der hinzugefügte kleine Slogan gut zu dieser Form passt. Sie können sehen, dass es gut in diese kleine Schachtel hier passt. Zeichnen ist nicht das Beste, was man sehen kann. Es ist wie ein Rechteck. Es ist dort unten angeordnet. Du verstehst, worum es geht, aber es fühlt sich einfach gut an. Futuristisch kleine Schnitte machen und dann das Etikett hinzufügen. Wie ich diese Logos unverwechselbar gemacht habe und dafür gesorgt habe, dass es sich anders anfühlt , als nur die Schrift hinzuzufügen und Und so zu sagen, hey, das ist Design. Ich möchte versuchen, ein bisschen mehr Details und mehr Qualität hinzuzufügen. Geben Sie diesen Logo-Design-Touch , diesen Designer-Touch da drin. Deshalb habe ich das gemacht. Hier sind nun ein paar weitere Beispiele für das Anpassen von Schriftarten Nicht im Sinne des Logos, sondern nur im allgemeinen Sinne. Was ich gerne mache, ist, dass ich es auf einige Arten liebe. Der erste Weg ist, dass dem Text nichts hinzugefügt wird. Das ist nur ein normaler Textblock. Eine Sache, die Sie tun können, ist tatsächlich Farbe hinzuzufügen. Sie können hier sehen, wie Sie Blau und Rot hinzufügen. Farbe funktioniert. Sie können auch eine Skala hinzufügen. Bei diesem habe ich den ersten Teil des Satzes klein gemacht , und bei diesem fett. Der Grund dafür ist, dass ich das Wort Kreativität hervorheben möchte , oder? Es könnte als Marketingmaterial verwendet werden, vielleicht ist es für eine Universität oder was auch immer es ist. Ich möchte das nur hervorheben. Sie können auch einen starken Lichteffekt erzielen, indem Sie eine Markierung hinzufügen, die Dinge hervorhebt, oder manche Leute verwenden sie wie einen Marker und zeichnen ein bisschen wie Pfeile oder Emojis oder was auch immer, oder Symbole Sie können dick und dünn verwenden. Zurück zur ganzen Kontrast-Idee. Ein Text könnte einfach extra hell und der andere fett sein. Das hebt diese Worte hervor, weil ich die Aufmerksamkeit auf diese Worte lenken möchte . Wir können kursiv schreiben, also kann das auch funktionieren. Es kann sehr subtil sein. Sie können Groß- und Kleinschreibung eingeben, vielleicht nur Großbuchstaben, und dann ist die andere Kleinschreibung. Das ist eine weitere Möglichkeit, es anders zu machen. Sie können Opazität einstellen. Bei diesem Fall senke ich die Opazität auf 30%, es sieht grau aus Natürlich hätte ich die Farbe auf Grau ändern können, wenn ich etwas dahinter gespielt habe. Du kannst sehen, dass es an der Opazität liegt, es durchsickern und sich vermischen Aber wenn du nicht möchtest, dass das passiert, ändere es einfach in Grau als Schnelltipp Schließlich können Sie Dinge tatsächlich maskieren. Ich habe ein Bild im Hinterhof maskiert, auf dem ich mich bewegen kann Das ist auch eine unterhaltsame Art, einfach eine Schrift anzupassen, sie anders zu machen, sie interessant zu machen Wenn ich einige dieser Techniken verwende, versuche ich zu vermeiden, sie alle zusammenzufügen. Ich mache vielleicht nur ein oder zwei. Ich werde keine Maskierung hinzufügen und dann auch viel Farbe und Kursivschrift Das ist einfach zu viel. Das wird ablenken, es sei denn, es ist eine wirklich lustige Marke Sie können vielleicht ein paar davon mischen, aber versuchen Sie, ein oder zwei auszuwählen Es braucht nur einen Stil oder eine Sache, um ein Wort hervorzuheben. Zum Schluss spiele ich einfach herum und mache dieses schnelle kleine Web-Y-Modell mit KI und habe dieses Bild erstellt. Und dann verwende ich die Pixelschrift , die ich normalerweise nicht verwende. Sie können sehen, dass ich gerade einen kleinen Schlagschatten und etwas roten Text hinzugefügt habe , um ihn anzupassen. Ich habe es hier in die Ecke gestellt, weil es sich anfühlt, als ob da unten etwas mehr ist. Ich kann nach unten scrollen und vielleicht könnte ich sogar einen kleinen Pfeil oder so etwas hinzufügen. Dann kannst du hier die Schrift hinzufügen und wie die Website aussehen könnte. Ich habe gerade mit der Schrift herumgespielt, und das ist eine gute Möglichkeit, Dinge auszuprobieren. Wenn ich nur Dinge ändern muss, kann ich buchstäblich alles auswählen. Und dann kann ich zum Beispiel die Schriftart ändern. Vielleicht möchte ich mehr nehmen. Vielleicht möchte ich eingreifen und extra leicht oder mutig vorgehen. Ich kann das ausprobieren und sehen, dass es eine andere Atmosphäre hat, oder? Aber mit der Pixelschrift ist es einfach anders. Aber es ist einfach, die Schriftarten zu ändern, egal ob in Figma. 6. Typografische Systeme: Wenn Sie ein typografisches System für eine Markenidentität entwerfen wollen , ist das im Grunde so, als hätten Sie ein System oder einen Styleguide oder ein Designsystem für eine UI-Website oder was auch Es ist alles dasselbe. Es geht nur darum, festgelegte Stile zu haben. Legen Sie Größen für Überschriften, für den Haupttext, für Schaltflächen, für Beschriftungen, für Links für eine Marke und eine Website fest. Das ist wirklich alles was es ist. Wenn ich darüber nachdenke, irgendein System zu erstellen, denke ich immer an das, was auch immer H one mit H 2h3h4 markiert, weil Hmil so gelesen wird, wenn ich Webflow oder irgendeinen Framer entwerfe, egal welche App du gelesen wird, wenn ich Webflow oder irgendeinen Framer entwerfe , egal welche Du musst darüber nachdenken, wie Websites mit HML und CSS erstellt werden. Ich denke an jeden Überschriften-Tag, ich denke an den Absatz, ich denke auch an Links, Schaltflächen, Zeilenhöhen, , Schriftstärke, all die wichtigen Funktionen, wie eine Schrift oder ein Typ in einem bestimmten Bereich aussehen wird Zum Beispiel meine eigene persönliche Website, das ist mein System , auf dem ich gearbeitet habe Für meine H-one, meine Hauptüberschrift, sind es 64 Pixel. Und Sie können sehen, dass ich die Schrift Sinus verwende und halbfett. Das H Two hat 25 Pixel, ich verwende Sinus und Fett. Und dann hast du H drei, H vier, und sie sehen alle sehr unterschiedlich aus. Und das liegt daran, dass ich Abwechslung bei meinen Überschriften und meinem Text haben möchte . Dann haben Sie den Haupttext, groß, mittel und klein. Sie können dort die Größe sehen, 22 Pixel, 18,16 und dann eine Schaltfläche Diese Schaltfläche sieht aus wie auf meiner Website, 16 Pixel. Dann gibt es natürlich noch einige andere Schaltflächen und andere kleine Textbereiche. Der Töpfer hat auch einen Mikrotext. Es ist ein bisschen mehr als das, aber das ist der allgemeine Haupttext, den ich habe , wenn es darum geht , ein typografisches System aufzubauen Es kann sehr umfangreich sein, aber wenn es um eine einfache Website oder Marke geht, muss es nicht so kompliziert sein Solange Sie die wichtigsten Überschriften, den Haupttext und dann die Links und Schaltflächen und so weiter verstehen den Haupttext und dann , sollte es in Ordnung sein. großartige Website, die ich verwende, um herauszufinden welche Art von Waage ich verwenden werde, ist der Typ Scale.com. Sie gibt mir ein System oder eine Vorlage in verschiedenen Größen Sie können an zweiter Stelle wechseln, Sie können auf Major Third klicken Ich gebe Ihnen nur einige verschiedene Kennzahlen, die Sie beim Aufbau einer Website und auch beim Aufbau einer Marke verwenden können . Aber es ist besonders nützlich , wenn Sie eine Website haben müssen. Und Sie können hier sehen, dass sich das Aussehen ändern wird, was cool ist. Im Grunde gibt es mir die HM und dann gibt es mir die Rem. Oder Sie können auf Pixel klicken, wenn Sie möchten. Wenn Sie es in Pixeln betrachten möchten, verwende ich normalerweise M, wenn ich Webflow erstelle Es ist einfach besser, weil die Textskala besser ist. Es reagiert besser und ist mit dem inhärenten HTML verbunden. Anstatt ihm nur ein festgelegtes Pixel zu geben, verwende ich diesen Taschenrechner, um es auf Necococ.com zu speichern. Dort kann ich die Pixel ändern und dann gebe ich mir das M. Ich setze das M in den Bereich Topographie auf Webflow, aber das ist dann Build a website Ja. Du kannst dir ein paar Waagen aussuchen. Normalerweise verwende ich nur Major 30. Normalerweise verwende ich. Aber du kannst tun, was du willst, du kannst die Regeln brechen. Manche Seiten haben wahnsinnig großen Text und das ist das Design, für das sie sich entschieden haben. Es liegt wirklich an Ihnen, aber normalerweise ist ein großes Drittel oder -30 die gängigsten. Und Sie können sehen, wie Sie Ihren Absatz, Text, Ihren kleinen Text usw. formatieren sollen. Ein Tipp Wenn du für eine Website entwirfst, achte ich darauf, dass die Topographie nicht unter 16 Pixel fällt, es sei denn, sie ist sehr klein. Und es ist kein Aufruf zum Handeln. Es ist einfach da , weil es unlesbar wird, wenn Sie unter 16 Pixel gehen unlesbar wird, wenn Sie unter 16 Pixel Wir sprechen immer über Barrierefreiheit. Erleichtern Sie es Menschen mit einer Behinderung, indem Sie versuchen, den Text nicht zu klein zu gestalten. Aber du kannst wahrscheinlich so groß werden, wie du willst. Du kannst es größer machen. Sie können die Überschrift vergrößern. Ich kann hier auf das Plus klicken. Ja, dieses coole Tool. Ich kann die Schrift ändern. Ich möchte eine andere Schriftstärke wählen. Du hast auch die Zeilenhöhe. Sie können den Buchstabenabstand ändern. Ich kann die Farbe ändern, wenn ich will. Du hast wirklich die Kontrolle darüber, wie es aussehen kann. Und dann kopierst du das einfach und du kannst es einfügen, ich kann das einfügen, ich kann die Größe einfügen und du kannst sehen, dass es die Größe ich gerade hier ausgewählt habe, 61 Pixel. Hier sind nun einige Beispiele , anhand derer Sie sich andere Marken ansehen können , die über ein typografisches System verfügen Und ich mag diese, weil sie wirklich einfach sind. Wir haben Post, Sie können sich die Schrägstrichmuster-Typografie auf us.mailchimp.com ansehen Schrägstrichmuster-Typografie auf us.mailchimp.com Dies ist ihre Bibliothek oder ihr Styleguide für Typografie. Sie haben ihre Hauptschrift, sie heißt Means, was cool ist, dann ist Graphic ihre unterstützende Wir können die Skala hier sehen, Sie können den Haupttext Überschrift 123, den Fetttext und dann Schaltflächen und Textbeschriftungen und dann Schaltflächen und oder was auch immer Ihre Absätze und dann ein Beispiel dafür, wie es verwendet wird Es ist gut, ein Beispiel zu zeigen, vor allem, wenn Sie ein Style-Diagramm für Ihren Kunden erstellen. Dann sind das die Klassen, das ist das CSS, wie es dort gestaltet ist, was für das Web ist Wenn es darum geht, Text zu erstellen. Ich habe Laura Ipsum oft verwendet, aber eine Möglichkeit ist, dass Sie Gloom Ipsum verwenden können , wenn Sie Realoum nicht kennen Es handelt sich tatsächlich um eine KI-basierte App , mit der Sie Websites erstellen können Es generiert vier Jahre, wirklich großartig. Aber sie haben ein Figma-Plug-In , mit dem Text für Ihre Landingpages generiert Es ist besser, als sich selbst eine Kopie auszudenken. Ich persönlich verwende Chat GPT gerne, um Text zu generieren, anstatt Lauren Wann immer ich ein Kundenprojekt oder ein Nebenprojekt habe, kann ich Textüberschriften, Textkörper und all das Zeug generieren, weil das realistischer ist und Sie die Marke besser mit dem Text, den Sie sich ausgedacht haben , visualisieren können Marke besser mit dem Text, den , anstatt nur Lauren Ifs zu verwenden. Es zeigt nur, dass du ein bisschen faul bist. Außerdem, es sei denn, es ist wie dein MVP, du versuchst nur, etwas auf die Beine zu stellen, das ist in Ordnung Aber sobald Sie mit den Überarbeitungen und Iterationen des Designs begonnen haben, sollten Sie anfangen, den richtigen Text zu verwenden Ich zeige Ihnen nur ein einfaches Schriftsystem, das ich für diese Marke entworfen habe , an der ich gearbeitet habe Und es ist ziemlich einfach. Nichts zu komplex. Es ist nur für ein kleines Unternehmen Normalerweise gebe ich ein Beispiel dafür, wie der Text aussehen würde. Ich habe den Namen gezeigt, dann, die Überschrift aussehen würde, die Zwischenüberschriften, die Absätze, das Beispiel, wie er gestaltet werden könnte In diesem Beispiel verwende ich das Schrift-Outfit und dann oder Semi Bold für die Dann für reguläre Texte mit den Absätzen und Links und so Hier ist auch ein Beispiel dafür in Großbuchstaben. Denn zu diesem Zeitpunkt war es wie in der zweiten Runde und ich war mir nicht sicher ob ich nur Großbuchstaben oder Kleinbuchstaben verwenden wollte. Es kann so oder so funktionieren, aber ich wollte nur ein paar Beispiele zeigen , um zu sehen, wie es aussieht , wenn der Kunde eine Stimmung bekommt Und was ich dann mache, ich lege es natürlich auf Modelle, wie es hier aussehen wird, wie Sie dort sehen können, wie es auf einem Automodell aussieht, was ein cooles T-Shirt ist Und wie es auf der Landing Page aussah, das war nur die erste Runde der Landing Page. Ganz schnell, du kannst sehen, wie ich den Text in den Buttons angeordnet habe, die Überschrift da, den Absatztext. Sie können sehen, was ich zuvor gezeigt habe. Im Grunde nur auslegen und sehen, wie es funktioniert. So können Sie ein einfaches Typsystem haben. Wenn es sich um einen komplexen Client handelt, möchten Sie beispielsweise H1H2 haben In diesem Fall habe ich einfach einen Absatz mit Überschriften wie Zwischenüberschriften eingefügt , um das Verständnis zu erleichtern, da Ihr Kunde möglicherweise Entwicklungsbegriffe oder Fachjargon und so etwas nicht versteht Entwicklungsbegriffe oder Fachjargon und so Sie möchten es also einfach halten. 7. Die Macht der Glyphen: Das Tolle an Adobe Illustrator ist, dass Sie Glyphen anpassen können Glyphen sind im Grunde genommen Symbole und andere Elemente wie Ligaturen oder verschiedene Zahlen, die nicht liniert sind, Wenn es um eine Schrift geht, haben Schriften von besserer Qualität normalerweise viele Glyphen Was Sie tun, ist einfach zu tippen und dann auf Glyphen zu klicken Ich habe meins hier auf der linken Seite. Sie können sehen, wenn ich auf diese Schrift klicke , werden all diese Glyphen geladen Ich werde das hier veröffentlichen. Sie können all diese verschiedenen Symbole sehen. Ich kann es vergrößern, indem ich auf den Berg unten rechts drücke, damit es größer wird. Ich kann die Schriftstärke ändern und die Glyphen ändern sich entsprechend dieser Schriftstärke Gehen Sie vorerst einfach wieder zur Normalversion zurück. Sie können auch die Schriftart ändern. Vielleicht möchte ich nach Montreal Jazz oder Different One in V. Wie Sie sehen können, es dort viele verschiedene. Sie können auch auf Anzeigen klicken und nur bestimmte Teile anzeigen. Vielleicht wollen wir, vielleicht zeigen mir die Linienfiguren nur die Zahlen oder Ligaturen Und wir haben hier ein paar Ligaturen, da ist wirklich die volle Kontrolle Manche Leute, die ich sehe, versuchen, ein T mehr wie ein Copyright-Symbol zu machen , aber du kannst es einfach doppelklicken und es hinzufügen Ich möchte ein Beispiel zeigen. Ich möchte, dass du errätst, wie viele Glyphen hier drin sind. Ich weiß nicht, ob du die Zahl richtig verstanden hast, aber es ist so, dass es tatsächlich sechs Glyphen in diesem Design gibt, was ziemlich unerwartet ist Aber ich möchte dir zeigen, was ich hier gemacht habe. Zuerst haben wir das TM-Markensymbol. Ich hole einfach meine Glyphen wieder hoch. Es ist so einfach, Glyphen hinzuzufügen. Alles, was Sie tun müssen, ist einfach ein Stück von einer beliebigen Stelle in dieser Textzeile auszuwählen , Sie doppelklicken einfach darauf Es fügt die Glyphe buchstäblich für dich hinzu. Wir können sehen, dass wir auf so viele Glyphen doppelklicken können , wie Es ist einfach mächtig , weil wir damit tatsächlich bessere Texte erstellen können tatsächlich bessere Texte erstellen Weil die Leute manchmal einfach das Generikum machen. Wenn ich nur die Anführungszeichen mache, es manchmal keine echten Anführungszeichen, es ist nur der Apostroph Mar, und das ist falsch Ich will richtige Anführungszeichen. Wenn es sich um ein Zitat handelt, kann die Art und Weise, wie Sie es in Glyphen ändern , dazu führen, dass Glyphen verloren gehen , auch im Design Wir haben hier auch diese Glyphe, die ein Pfeil ist. Ich liebe es, wenn es Pfeile und Dinge gibt, mit denen man spielen kann Du kannst diese Pfeile hier unten sehen. Ich kann bei Doppelklick die linke Maustaste drücken. Dann werde ich das einfach vergrößern. Wie Sie sehen können, können wir einfach herumspielen. Wir haben diese Nummer auch hier. Das ist eine Glyphe, da ist eine Glyphe. Dieser Pfeil hier ist auch eine Glyphe, und der Rest ist nur Text. Wenn Sie nun eine Ligatur erstellen möchten, wählen Sie diese aus, gehen zu Ligaturen und doppelklicken Sie dann und verbinden so cool und mächtig, wenn Sie mit Glyphen herumspielen und Sie werden bessere Ergebnisse erzielen, wenn Sie für mich entwerfen . Ich finde, dass Glyphen Das ist so cool und mächtig, wenn Sie mit Glyphen herumspielen und Sie werden bessere Ergebnisse erzielen, wenn Sie für mich entwerfen. Ich finde, dass Glyphen unterschätzt werden. Die Leute benutzen es nicht genug Es eignet sich hervorragend für Präsentationen mit verschiedenen Layouts, Herumspielen mit Formen und Buchstaben und so. Und Sie werden viel mehr einzigartige Designs bekommen. Aber du musst nicht immer Glyphen verwenden. Es liegt wirklich an dir. Aber Sie haben die kreative Kraft , diese auch zu nutzen. Sie können sogar sehen, dass dieses Sternchen auch eine Glyphe ist. Stellen Sie sicher, dass Sie in Ihrem Design Glyphen verwenden. Ich finde, es ist ein großartiges Tool und stelle sicher, dass du dir diese Premium-Schriften besorgst , weil sie mehr Glyphen haben werden als diese kostenlosen 8. Komposition und Layout: Ein weiterer wichtiger Faktor für die Erstellung großartiger Typografie ist das Verständnis von Komposition und Layout Jetzt werde ich nicht auf alle letzten Details eingehen , wie man Raster und ähnliches erstellt Es gibt noch andere Kurse da draußen. Ich werde mich einfach auf ein paar Dinge konzentrieren, in denen ich wirklich gut bin und weiß, wie man sie kreiert. Zum Beispiel haben wir auf dem Pentagrund dieses Naturkundemuseum dieses Naturkundemuseum Sie haben ein Rebranding vorgenommen und Sie können sehen, wie sie Schrift in einer Art Muster verwenden , wie Sie in einer kreisförmigen Bewegung sehen können Ich finde das echt cool. Es fügt dynamische Bewegung hinzu. Es fühlt sich lustig an, fühlt sich anders an. Ich finde es toll, wie sie es auf der Beschilderung und so verwenden auf der Beschilderung und so Wenn ich zu Illustrator gehe, kannst du sehen, wie ich das erstellt habe Es war ziemlich einfach. Nichts allzu Verrücktes. Mach es klein. Jetzt brauchst du nur noch eine Schrift, um diesen Effekt zu erzielen. Ich benutze BBW ista dafür. Jetzt möchte ich nur noch die Farbe ändern. Wir haben jetzt diese drei Texte. Eines der coolen Tools, die Sie tatsächlich verwenden können, ist „Gehe zu Objekt“, gehe zu „Wiederholen“ und wir können zu „radiale Wiederholung“ gehen. Wenn ich darauf klicke, wird dieser Effekt erzeugt. Was ich jetzt tatsächlich tun kann, ist, dass ich es kleiner machen kann. Ich kann diesen großen weißen Kreis mit Pfeilen ziehen , um die Menge zu erhöhen. Wie Sie sehen können, sieht es wirklich gut aus, wenn ich es erhöhen kann. Das einzige Problem ist, dass das M im Vergleich zu den anderen Buchstaben nicht so verdichtet ist, es beginnt sich zu überlappen. Und weil ich alle Buchstaben zusammen ausgewählt habe , wird es so funktionieren. Ich kann die Größe vergrößern, nur um den Abstand ein bisschen zu korrigieren . Und dann kann ich es skalieren. Jetzt ist es etwas lesbarer. Es bräuchte etwas Feinabstimmung und all diese Dinge. Aber ich denke, das ist ein einfacher Weg, um einen ähnlichen Effekt zu erzielen wie Dawn in einem großen Studio. Natürlich kann man Dinge manuell machen und die Buchstaben duplizieren und sie auf einem Pfad rund machen. Das ist auch eine Option. Aber das ist nur ein schneller Weg, um diesen Effekt zu erzielen. Es ist ein Beispiel für mein Capability Deck. Wenn es um Layouts geht, ist es immer gut, Skalierbarkeit zu haben. Sie möchten, dass die wichtigsten Informationen, der Haupttext oder die Hauptüberschriften, wirklich groß und fett gedruckt sind. Und dann kann alles, was nicht so wichtig ist , wirklich klein sein. So nutzen Sie Skalierung zu Ihrem Vorteil. Spiele einfach große und kleine Dinge. Was ich gerne mache, ist, ein paar Muster hinzuzufügen. Sie können also sehen, dass ich hier hinten dieses sehr einfache Muster habe . Ich kann doppelklicken, ich kann die Farbe dieses Musters ändern, wenn ich will, es grün machen, ich kann es auch sperren, indem ich die Strg-Taste drücke. Dann habe ich hinten einen Farbverlauf. Und ich liebe es, das Verlaufswerkzeug zu benutzen , weil es einfach Spaß macht. Es ist cool. Sie können hier sehen, dass ich mich für den Freiform-Farbverlauf entschieden habe, damit ich Dinge verschieben und Farben hinzufügen kann. Sie haben die volle Kontrolle darüber, was Sie tun können. Ich kann, ich kann welche löschen, ich kann richtig groß sein, es macht viel Spaß, sie zu gestalten. Ich verwende Sinus halbfett und unten verwende ich General Sands für Überschriften, ich verwende Sinus-Schrift, Bottom General Sands Genau wie auf meiner Website. Man möchte dort immer Konsistenz haben, was im Grunde genommen gesunder Menschenverstand ist und ich habe dort mein Logo in der Ecke. Im Grunde. So mache ich das. Sie können sehen, ich verwende Dinge wie Linien, um Dinge zu trennen, Zahlen, um Dinge zu beschriften. Ich verwende grauen Text, um ihn lesbar zu machen, ihn hell zu machen und kleine Details wie diese hinzuzufügen. Sie können Illustrate entwerfen. Du kannst auch Figma entwerfen, das gleiche Zeug Ich bin mir sicher, dass mein Logo da ist, nur ein sauberes Raster. Es ist nicht vollflächig oder so, aber ich verwende nur meine Optik, weil ich normalerweise die optische Ausrichtung vornehme Ich versuche also nicht ständig, Raster zu verwenden , weil ich so viel Erfahrung Ich bin es gewohnt zu wissen , wie man Dinge platziert und bewegt Und dann zoome ich heraus und sehe, fühlt sich das richtig an? Das mache ich normalerweise. Ja, es ist nur ein Gefühl, das man als Designer entwickelt. Sie können hier sehen, wie kleine Icons für Listen verwendet werden, um das Ganze optisch ansprechend zu gestalten. Denn dann wird es einfach richtig langweilig. Bilder einfach im Spaltenraster anordnen , ganz simples Zeug. Diese kleinen Karten-Dinge hinzufügen und dann Maßstab und Farbe verwenden, und dann Maßstab und Farbe verwenden nur um es wirklich schön und aufgeräumt zu machen Sie können Bewertungen machen, Sie können abgestufte Boxen machen. Sie können Zeitleisten erstellen, als ob es eine ganze Reihe von Dingen gibt, die Sie erstellen können, wenn es darum geht, ein Layout zu erstellen Normalerweise erstelle ich 1920 mal zehn Pixel. Oder du kannst Dinge immer in halber Größe speichern. Und wenn Sie es dann exportieren, können Sie es verdoppeln. Wirklich, du kannst 14 40 P mal 25 60 auch für zwei machen. Oder du kannst vier machen , wenn du willst. Aber Illustrated hat nicht die größte Zeichenfläche. In Figma ist es ziemlich begrenzt. Sie können so viele Rahmen erstellen, wie Sie möchten, oder wirklich Bretter Ich zeige Ihnen ein weiteres Beispiel für eine Kundenpräsentation. Wenn es um etwas geht, das im Design gemacht wurde, erstelle ich normalerweise längere Dokumente im Design, weil Sie es möglicherweise auf einem visuellen Bericht, einer Broschüre oder einer Broschüre ausdrucken einem visuellen Bericht, einer Broschüre oder einer Broschüre Aber wenn es ein Illustrator ist und ich Dinge nur digital versende, verwende ich einfach Illustrator oder Hier ist ein Beispiel für einen Vorschlag, den ich gemacht habe. Ich werde Ihnen nicht alle Details zeigen, aber Sie können ein einfaches zweispaltiges Raster mit einem einfachen Layout sehen. Sie hatten ihre Marke und die Schriften bereits etabliert. Also musste ich nur das Layout auslegen, den Inhalt platzieren und die Dinge verschieben. Aber hier übersichtliche Schrift, fett für diese Unterüberschriften verwendet und dann den Text wirklich sauber gehalten Wir haben hier auch eine Dachrinne. Da es viel Text gibt, müssen wir entweder den Rand an den Seiten vergrößern oder die Rinne vergrößern Aber dann vergrößert es die Seiten. Wenn Sie lange Dokumente erstellen und die Anzahl der Seiten erhöhen, müssen Sie mehr Grafiken hinzufügen, mehr Bilder finden, und das dauert länger usw. Aber normalerweise so, wie ich es gestalte, denn UTS ist, ist eine Universität, es ist eher ein futuristisches, brandmodernes Ding, so etwas Dafür verwenden wir ein grafisches Gerät. Wir nennen es, sie haben so eine Linse aus etwa zwei Kreisen, was wie eine Augenlinse aussieht. Und deshalb benutzen wir das. Sie können sehen, wie Sie einfache Liniensymbole verwenden, Bilder verwenden, Typografie in diesem Raum verwenden Das hat perfekt geklappt. Sie können diesen Text hier sehen, Sie können sehen, dass das ein perfekter Platz um dort ein kleines Zitat zu platzieren, was nett ist. Der Text hat mit dem weißen Raum viel Luft zum Atmen . Es geht nur um Skalierung, Leerraum, darum , Dinge visuell zu gestalten, Zahlen hinzuzufügen, fett gedruckte Unterzeilen hinzuzufügen, Überschriften, solche Dinge. Es gibt einige Beispiele für das Layout. 9. Meine Schrift-Software-System: fragen sich wahrscheinlich, wie ich all meine Schriften verwalte, all die 11.000 Sie fragen sich wahrscheinlich, wie ich all meine Schriften verwalte Die Software, die ich verwende, heißt Font Base. Sie funktioniert für Mac, Windows und Linux. Ich bin ein PC-Typ, ich bin am PC. Das benutze ich. Ich liebe es, weil es minimal ist, es ist schwarz-weiß. Einfach. Und es ist einfach, alle Schriften auf einen Blick zu sehen. Und ich kann ganz einfach Schriften hinzufügen. Ich mache das im Grunde so , dass ich einen Ordner mit einer Designbibliothek habe, in dem ich einen Schriftordner habe und dann einfach nach Jahr beschrifte. Jedes Jahr bekomme ich vielleicht ein paar neue Schriften. Und was auch immer, wenn ich bis 2024 gehe, können Sie sehen, dass ich da ein paar Schriften habe, 2023, ich habe andere Schriften, wie Sie sehen können, und so weiter. Und ich habe offensichtlich mehr Schriften auf meinen Festplatten, aber normalerweise verwende ich nur die, die ich auch verwenden möchte. Sobald alles sauber und aufgeräumt ist, kann ich einfach zur Schriftdatenbank gehen und nach Schriften suchen, was cool ist Ich kann buchstäblich die grüne Lichttaste drücken und werde sie deaktivieren Wenn ich das nicht will , wird es einfach deaktiviert, was wirklich cool ist. Ich kann nach unten gehen und alle meine Ordner sehen. Ich kann auf Hinzufügen klicken und eine Schrift, einen Ordner, einen überwachten Ordner oder eine Sammlung hinzufügen . Wenn ich beispielsweise auf Ordner hinzufügen gehe, suche ich einfach den Ordner , den ich Ihnen zuvor gezeigt habe. Vielleicht gehe ich zu den letzten. Vielleicht möchtest du diesen hochladen, dann klickst du einfach auf Auswählen und er wird hinzugefügt. Ich habe schon weitergemacht. Ich bin hier reingekommen und habe ein Schild. Ich kann mit der linken Maustaste auf „Familie ansehen“ klicken, um den lila Text zu sehen. Und dann kann ich jede einzelne Schrift sehen. Manchmal sage ich TTF oder OTF, das ist völlig in Ordnung. Aber du kannst tatsächlich, ich kann bestimmte Gewichte deaktivieren , die ich nicht möchte Vielleicht möchte ich einfach fett oder mittel. Ich kann es einfach ausschalten. Es ist wirklich einfach. Und wenn ich dann zurück zu Illustrator gehe, wird es gespeichert, und dann muss ich nur etwa 10 Sekunden warten und es sollte geladen werden Und dann kann ich die Schrift dort finden. Ich muss unterschreiben. Du kannst sehen, wenn ich das Schild ausschalte, schalte ich es aus. Gehen Sie jetzt zurück zum Illustrator. Sie können jetzt sehen, dass es den Asterix hat, weil ich ihn im Grunde ausgeschaltet habe und jetzt funktioniert er nicht mehr, wie Sie dort sehen können Dann schalte ich es einfach wieder ein und es sollte funktionieren. So benutze ich es. Das ist nichts Besonderes. Ich mag es einfach, alles zu organisieren. Ich kann alle meine aktiven Schriften sehen, indem ich darauf klicke. Meine inaktiven sind etwa 9.000 Ich habe hier viele verschiedene Schriften, aber ich verwende sie offensichtlich nicht, sind nur bestimmte. Bestimmte Projekte kann ich mir alle 11.000 ansehen und hier durchblättern Ich kann die Farben wechseln. Vielleicht möchtest du, dass alles pink oder grün oder was auch immer ist, es liegt wirklich an dir. Ich kann die Hintergrundfarbe ändern, wenn du sie umdrehen willst. Das ist machbar. Zwei völlig kostenlos. Ich kann die Ausrichtung ändern indem ich auf das Ausrichtungswerkzeug klicke. Und ich kann auch alles richtig groß machen indem ich den Slider ebenfalls nach oben ziehe Das ist eine gute Möglichkeit, alle meine Schriften auf einen Blick zu sehen und ich liebe es einfach , das zu sehen. Es ist wirklich einfach. Du kannst auch eine Sammlung hinzufügen, also vielleicht möchte ich San Seraph Ich kann hier einfach die neue Kollektion eintippen. Ich kann also auf eine Sammlung klicken und dann einfach auf Hinzufügen klicken. Ich kann einen Ordner hinzufügen. Vielleicht möchte ich alles in diesem Ordner hinzufügen. 2023, ich wähle es einfach aus. Jetzt sind all diese Schriften in diese futuristische Sammlung geladen in diese futuristische Sammlung Es ist einfach gut, weil ich dann all diese Sammlungen verschiedener Arten von Pontiff-Kategorien haben kann all diese Sammlungen verschiedener Arten von Pontiff-Kategorien Ich kann sie einfach schreiben, anklicken und auch alle auf einmal deaktivieren oder ich kann sie einfach so löschen. Es ist super einfach zu benutzen. Ich kann es auch mit der kleinen rot-grünen Taste ein- und ausschalten , das ist die Schriftbasis. Ich denke, es ist ein großartiges Tool. Wenn Sie kein Management-Tool haben, ist es gut, dieses zu verwenden. Windows und Mac haben zwar ein Standardsystem, aber es ist normalerweise umständlich und schlecht zu bedienen Ich mag es nicht. Das ist einfach zu bedienende Software. 10. Typografie Musts: Als Designer müssen Sie bestimmte typografische Regeln anwenden Ich glaube, dass man manchmal sogar die Regeln brechen kann , wenn man etwas entwirft Es ist kreativer, die Marke macht mehr Spaß. Du hast nicht wirklich Gitter, du machst die Netze kaputt, das ist völlig in Ordnung Und manchmal treffen Designer bestimmte Entscheidungen. Aber im Kern müssen Sie die Grundlagen verstehen Und wenn Sie sie einmal verstanden haben, können Sie sich von diesen Regeln lösen Aber es ist immer gut, Klarheit der Klugheit vorzuziehen , besonders wenn es um Design geht Denn wenn ein Kunde auf einer Website landet oder etwas liest, möchte er sofort die Informationen erhalten, die er benötigt Sie wollen nicht überwältigt werden. Die Informationen sollten in der Lage sein, das Ziel oder das Gerichtsverfahren oder was auch immer damit angestrebt wird, zu kommunizieren das Gerichtsverfahren oder was auch immer damit angestrebt wird, zu Die erste Sache, über die ich sprechen möchte, sind Waisen und Witwen Eine Waise ist ein Wort, das von selbst am Ende einer Zeile oder eines Absatzes steht, und die Witwe ist das Gegenteil Es steht am Anfang der Zeile, wo es nur ein Wort ist. Ich habe diese Website namens Food Hero's gefunden, eine Food-App, auf der sie Lebensmittel und so bestellen können Wenn ich jetzt nach unten scrolle, kannst du hier sehen, was siehst du? Hier gibt es ein Waisenkind, das Wort Produkte. Wenn du diesen Text liest, kannst du sehen, dass du ihn liest, die zwei Zeilen, und dann wird er einfach unterbrochen und es fühlt sich komisch an Es fühlt sich an, als ob da genau hier all diese leeren weißen Flächen sind, die du sehen kannst. Es ist eine Waise, wenn es nur ein Wort für sich ist. Das ist nicht gut, sieht lustig aus, es sieht komisch aus. Außerdem entsteht ein unangenehmer Leerraum um den Text herum. Es fühlt sich einfach fehl am Platz an. Damit es besser aussieht, musst du es korrigieren. Entweder verkleinern Sie den Text. Salt passt auf zwei Zeilen, oder Sie können den Text vergrößern, sodass einige Wörter in drei Zeilen passen. Oder Sie können tatsächlich Zeilenumbrüche verwenden. Normalerweise kann das Drücken von Shift Enter zu einem Zeilenumbruch führen. Was Sie tun können, ist zum Beispiel überschüssiges Wort, und es hierher bringen, dann passt es hierher und hilft dann bis zur zweiten Zeile. Das ist eine Möglichkeit, es mit Zeilenumbrüchen zu machen. Dann müssen Sie nur sicherstellen, dass es in kleinen und großen Größen funktioniert. Ich kann zoomen, ich kann die Seite vergrößern, und bei verschiedenen Größen sieht es vielleicht etwas anders aus. Wenn ich heranzoome, können Sie auf einem größeren Bildschirm sehen, es aussehen wird. Das funktioniert, das ist in Ordnung. Aber die Mehrheit der Menschen wird wahrscheinlich 1920 Bildschirme haben oder 14, 40. Jetzt können Sie hier sehen, dass es hier auch eine Waise gibt. Scrollen Sie jetzt das Wort runter und Sie können sehen, dass es sehr lang ist Und dann schneidet es einfach ab und geht die App runterladen. Jetzt hätte ich diese Zeile gesetzt und sie in die zweite Zeile gelegt. Das hätte ich getan , um Waisen zu vermeiden. Es ist etwas schwieriger, Witwen zu finden , weil man sie nicht so oft sieht Eine weitere Sache , die ich sehe und die ich nicht gerne sehe, ist, dass ich nicht gerne sehe, ist Subtext-Kontrast zwischen der Überschrift und dem Haupttext gibt Normalerweise wählen die Leute dieselbe Farbe. Sie haben eine weiße Überschrift und dann eine weiße Überschrift oder eine schwarze Überschrift. Und wie bei 100% schwarzem Text ist es besser, tatsächlich etwas mehr Kontrast zu haben und den Text etwas heller oder dunkler zu machen etwas heller oder dunkler damit er nicht genau gleich aussieht. Es ist einfacher zu lesen, wenn ich nach unten scrolle. Ich bin auf Video, ich habe die Menüs da. Ich scrolle runter und zeige dir, was ich meine. Sie können hier sehen, wenn ich Nummer eins heranzoome, können Sie sehen, dass es hier einen seltsamen Obstgarten gibt. Da ist so etwas wie eine Lücke Wie Sie sehen können, ist es nicht vollständig ausgerichtet. Ich denke, das ist ein Fehler oder es könnte ein Bug sein. Ich weiß nicht, das ist ein bisschen komisch. Aber ich möchte, dass du auf den Text achtest. Sie können sehen, dass dieser Text dieselbe Farbe wie dieser Text hat. Wenn ich nur meine Schriftart Ninja aufrufe, kannst du sehen, ob meine Maus über dem Farbcode FAD ist Ich werde nicht auf die Designer schießen, die das entworfen haben . Das ist nicht der Punkt. Es geht darum, die Prinzipien zu verstehen. Ich hätte diesen Text etwas heller grau gemacht . Das hätte ich weiß gemacht, ein bisschen grauer, dann hätte ich wahrscheinlich die Zeilenhöhe etwas größer gemacht, nur um es übersichtlicher zu machen, weil es sich anfühlt, als ob alles eng ist. Dieser Abschnitt genau hier, das ist keine Linie, dann hast du diesen Abschnitt, der diesem Video hier so nahe kommt, es sich anfühlt, als wäre er ein bisschen eng. Wenn ich nach unten scrolle, dann ist dieser Text so, als würde er sich überlagern, er ist ein bisschen ablenkend, denn wenn man versucht zu sehen, dass er sich überlagern, er ist ein bisschen ablenkend, denn wenn man versucht zu die Animation davon ablenkt, fühlt es sich einfach ein bisschen komisch an, dieser Text fühlt sich an wie ein großer weißer Textblock, der schwer zu lesen ist Ich werde das Ganze durch Voreinstellung der Zeilenhöhe und des Subtext-Kontrasts Es wird es viel besser machen. Jetzt möchte ich Ihnen ein Beispiel für etwas anderes zeigen. Es geht nur um die maximale Breite oder Spaltenbreite eines Haupttextes oder Untertextes Wenn Sie nun etwas haben , das wirklich lang ist und sich über die ganze Seite erstreckt und es sich nicht um eine Überschrift handelt, ist es sehr schwer zu lesen Es wird das Gehirn ermüden, weil das Gehirn, deine Augen sich von links nach rechts bewegen müssen. Und wenn es zu lang ist, wird es langsam mühsam und anstrengend Ich möchte in diesem Abschnitt nach unten scrollen. Sieht okay aus. Ich werde jetzt nach unten scrollen. Sobald ich hier angekommen bin, können Sie sehen dieser Text hier sehr lang ist, er nimmt fast die gesamte Breite dieses Abschnitts oder der Seite ein. Wenn ich heranzoome, siehst du jetzt, dass einer der Tipps, die ich gelernt habe, darin besteht , eine festgelegte Breite zu haben, normalerweise um die 600 Pixel. Wenn Sie das getan haben, möchten Sie diese Länge grundsätzlich kürzen, damit sie leichter zu lesen ist. Es ist in einem Block und Ihr Auge muss nicht zu weit reisen , um zu lesen. Ich werde meinen Kopf ein bisschen bewegen müssen , nur um das alles zu lesen. Und es fühlt sich anstrengend an. Es fühlt sich anstrengend an Und ich lese auch diese Schriftrolle nach unten. Sie können sehen, dass dieser Text auch sehr lang ist. Das sollte kürzer sein. Ich werde es wahrscheinlich hier so abschneiden. Dann stapelt es sich vielleicht um vier Zeilen, aber das ist okay. Das ist besser, als das Ganze zu lesen. Es ist zu lang. Du willst es hier haben. Eine weitere wichtige Sache ist, immer Konsistenz zu haben. Jetzt testen Leute manchmal AB-Tests verschiedener Landing Pages. Möglicherweise haben Sie unterschiedliche Schaltflächen oder unterschiedliche Texte, und ich verstehe das vollkommen, aber bei den meisten Websites möchten Sie Konsistenz bei der Aufforderung zum Handeln, bei den Schaltflächen und auch bei der Ausrichtung Ihrer Spalten oder Ihrer Raster sicherstellen. Richten Sie Ihren Text aus. Zum Beispiel habe ich Toggle verwendet, um meine Zeit zu verfolgen. Jetzt benutze ich eine andere App Aber Sie können hier sehen, im Call to Action oben rechts steht: Kostenlos testen. Dann steht unten: Starte das Tracking kostenlos. Ich finde, sie sollten das einfach konsolidieren und dieselbe Schaltfläche haben. Nicht nur das, dieser Knopf hat auch eine andere Farbe. Sie können sehen, dass das Licht mit Rosa das Lesen etwas erschwert. Wenn Sie einen hellen Bildschirm haben und dieser eine rosafarbene Taste ist, ist das sogar inkonsistent Es wäre viel besser, wenn sie einfach die gleiche Farbe hätten. Natürlich kann ich sagen, warum sie das getan haben, weil der obere Teil rosa ist, dieser Teil, der obere Teil ist rosa. Es ist ein bisschen ablenkend. Ich habe das Gefühl, das da zu haben, als ob diese Dinge wahrscheinlich irgendwo in der Fußzeile sein sollten , oder? Es sollte hier sein. Als hätten sie zwei Menüs. Ich finde, es ist zu verwirrend, hier passieren zu viele Dinge. Ich werde diese Leiste wahrscheinlich loswerden, etwas davon in das Menü aufnehmen und dann die Schaltfläche so ändern, dass sie einheitlich ist. Du wirst dich immer daran erinnern, Konsistenz zu haben. Es ist besser, wenn ein Kunde darauf landet und sich nicht verwirren lässt, sich nicht ärgert, er versteht, worauf er klickt, was er tut Hier ist ein weiteres Beispiel: Diese Leute machen es wirklich gut. Ich habe Bond Site vor langer Zeit verwendet, um Verträge abzuschließen, aber sie stimmen sehr gut mit der Schaltfläche überein. Sie können sehen, dass es Start Free und auch Start Free gibt. Es ist sehr klar, dass es konsistent ist. Die grüne Schaltfläche, der Text oder Kleinbuchstaben. Sie haben nicht eine Taste, Groß- und Kleinschreibung , weil das komisch wäre. Das würde lustig aussehen. Das funktioniert wirklich gut. Es ist sehr konsistent. Sie können sehen, wie sie sich für das abgerundete Aussehen entschieden haben , und selbst dieser Balken ist abgerundet, da ist er konsistent. Ich hätte sie wahrscheinlich behalten anstatt dass sie abgerundet sind, aber sie sind nicht vollständig abgerundet. Wie eine Pillenform ist es eher ein Rechteck. Ich hätte hier dasselbe mit diesen kleinen Etiketten angebracht , die einheitlicher gewesen wären. Ich konnte es erkennen. Ich versuche natürlich, das anders aussehen zu lassen und aufzufallen. Jetzt können Sie auch feststellen, dass dies nicht auf die Navigationsleiste ausgerichtet ist Wenn ich nur eine Linie ziehe, kannst du das hier sehen, und dann haben wir diese Navigationsleiste Jetzt willst du sichergehen , dass es in Ordnung ist, die Ausrichtung manchmal zu unterbrechen, aber es fühlt sich einfach ein bisschen fehl am Platz an, als ob sie das vielleicht größer hätten machen und es nach links bringen sollen größer hätten machen und es nach links bringen Wenn ich heranzoome, kannst du sehen, dass es gleich bleibt. Es fühlt sich ein bisschen komisch an, es fühlt sich ein bisschen seltsam an. Normalerweise so, als ob du versuchen willst, etwas in Einklang zu bringen. Wenn wir die Linie hier platzieren, folgen Sie dieser Linie einfach mit Ihrem Auge. Sie können sehen, dass es nicht wirklich in dieser Navigationsleiste steht, dieses Logo passt zu nichts, auch nicht zu diesem Abschnitt hier. Es ist fertig. Sie haben hier diese Ausrichtung, den mittleren Bereich, sie stimmt nur mit der Fußzeile Es wäre besser, wenn es sich an einigen dieser Elemente orientieren einigen dieser Elemente Wie bei einigen dieser grafischen Elemente sogar Karten. Das sind ein paar typografische Tipps, Das sind ein paar typografische Tipps wenn es um das Design geht und das hoffentlich verbessert 11. Vielen Dank: Wenn Sie einige der Fähigkeiten, über die wir gesprochen haben, üben möchten, empfehle ich Ihnen, an den Unterrichtsprojekten teilzunehmen. Eines davon ist die Erstellung eines Hero-Images für unsere Website, das sich auf Typografie konzentriert, und auch ein Logo-Design , das sich darauf konzentriert, zwei Schriftarten zu verwenden und sie miteinander zu kombinieren . Stellen Sie sicher, dass Sie daran arbeiten. Laden Sie sie hoch und ich gebe Ihnen so gut ich kann Feedback. Ich werde auch einige Ressourcen hinzufügen , auf die Sie klicken und sie herunterladen können , um einige Websites mit Schriftarten und ähnliche Dinge zu finden , die ich im Kurs erwähnt habe. kannst du dir ansehen. Ich werde die Links in den Projektbereich stellen. Vielen Dank und wir sehen uns im nächsten.