Einer der größte Trends im Webdesign sind jetzt super klein. ?Winzig? Textelemente sind zu einer beliebten Idee geworden, aber es ist ein Designtrend, der einige Debatten ausgelöst hat.
Es besteht kein Zweifel, dass kleine Textgrößen Bedenken hinsichtlich der Lesbarkeit verursachen können. Bei guter Ausführung kann ein kleiner Block aus winzigem Text tatsächlich dazu beitragen, visuelle Akzente zu setzen und Benutzer in bestimmte Teile des Designs zu ziehen.
Begleiten Sie uns, während wir uns den winzigen Texttrend ansehen, mit Beispielen, die Ihnen Anregungen für das Design geben.
1. Hierarchie und Organisation erstellen
Während übergroßer Text seit einiger Zeit die dominierende Option für Startseiten und Header ist, gibt es eine Verschiebung, um auf dem ersten Bildschirm von Desktop-Monitoren mehr Informationen bereitzustellen. (Ein Grund dafür könnte sein, dass die Bildschirmgrößen immer größer werden, sodass Designer mehr Arbeitsfläche zur Verfügung haben.)
Dort wo? Winzig? Text kommt ins Spiel. Durch die Verwendung unterschiedlicher Größen und proportionaler Skalierung für die Typografie wird ein eindeutiger visueller Fluss erzeugt, in der Regel von großen bis kleinen Buchstaben. Durch die Verwendung einer einzigen Ebene winzigen Texts - normalerweise kleiner als normale Körpertypgrößen von 14 bis 16 Punkten - erstellen Sie einen zusätzlichen Punkt, den der Benutzer betrachten kann. Winziger Text, besonders wenn er mit anderen Textgrößen verwendet wird, kann den Benutzer anziehen, da er unterschiedlich ist.
Maxime Bonhomme verwendet winzigen Text in einem Portfolio-Website-Design. Die kleinsten Textelemente enthalten wichtige Details zu Projekten, während der größere Text eine Beschreibung der Arbeit enthält. Beachten Sie, wie die winzigen Textelemente zum Teil auf Grund des Platzbedarfs und des Kontrakts um jeden Kopierblock wirken.
2. Um dich aussehen zu lassen
Manchmal ist winziger Text beabsichtigt, damit Sie hinschauen oder einen zweiten Blick darauf werfen.
Da es oft unerwartet oder anders ist als das, was Nutzer auf so vielen anderen Websites sehen, fasziniert Sie das Gestaltungselement.
Mountain Dew, eine Marke, die keine Angst hat, nervös zu sein, verwendet eine sehr kleine Schlagzeilenbehandlung. Es lässt dich schauen. Und die Überschrift passt perfekt in den Scheitelpunkt des X, um ein klares Augenbewegungsmuster zu erzeugen, das sich auf dem Bildschirm mit NBA-Player-Video, der Überschrift und dem Markenkennzeichen bewegt. Selbst die Handlungsaufforderung ist winzig, aber für den Benutzer ist es nicht unangenehm, weil es sich absichtlich anfühlt.
3. Erstellen einer ansprechenden Navigation
Während viele Websites die Navigation von Homepages insgesamt zugunsten von Hamburger / versteckten Menüelementen gestrichen haben, kann die Verwendung von kleinem Text eine Möglichkeit sein, einige Elemente auf den Bildschirm zu bringen, ohne sich aufdringlich zu fühlen. Es ist eine dieser Ebbe und Flut in Design-Mustern und bewegt sich von einem Extrem zum nächsten. (Wird übergroße Navigation als nächstes kommen?)
Die Verwendung von kleinem Text in der Navigation kann schwierig sein. Es muss groß genug sein, um mit Leichtigkeit lesen und klicken zu können. Es ist wichtig, eine einfache Schrift zu verwenden, die auch super lesbar ist, da winziger Text für die Augen etwas schwierig sein kann.
Magic of Lapland fand einen guten Mittelweg mit winzigen Textelementen in der Hauptmenüleiste. Um jedes Element herum gibt es viele Abstände - einige sogar mit Doppeldecks - und die einfache, serifenlose Schrift in Weiß auf dunklem Hintergrund trägt zur Lesbarkeit bei. Es gibt auch eine zweite Ebene von? Weniger wichtig? winziger Text über der Hauptnavigation für Reisende.
4. Platz zur Schau stellen
Winziger Text funktioniert am besten, wenn die Leinwand groß ist. Der Kontrast zwischen einem kleinen Element und einem großen Raum kann erstaunlich sein. Große Blöcke winzigen Textes können unangenehm und schwer lesbar sein. Halten Sie daher das Textelement kurz.
Tönungstext sollte auch mit einem bestimmten Zweck verwendet werden. Bevor Sie in diesen Designtrend einsteigen, fragen Sie sich: Warum verwende ich hier winzigen Text? Was trägt es zur Bedeutung meines Website-Designs bei?
Wenn Sie keine soliden Antworten auf diese Fragen haben - weil ich will? zählt nicht - dann solltest du etwas anderes überlegen.
Moonfarmer macht einen schönen Job und präsentiert Platz mit kleinem Text. Das Design verwendet zwei Ebenen der Typografie und eine große, breite Leinwand, um eine Stimmung zu erzeugen und die Benutzer mit den Inhalten vertraut zu machen, bevor sie klicken oder scrollen. Der winzige Text ist nur eines der vielen Details im Design, das Sie dazu bringt, einfach anzuhalten. Und bei einem großen Kontrast zwischen den Elementen besteht keine Sorge um die Lesbarkeit.
Das Design macht noch eine weitere Sache, die Sie beachten sollten: Sie müssen nicht überall winzigen Text verwenden. Behandle es als besonderes Kunstelement. Moonfarmer verwendet winzigen Text auf der Homepage und erhöht dann im gesamten Design die gleiche Schrift auf eine häufigere Schriftgröße.
5. Wenn der Text Ist nicht Das wichtigste Element
Manchmal ist das wichtigste Element auf dem Bildschirm kein Schriftzug. Text kommt einem visuellen Element untergeordnet.
Freelance TV ist ein perfektes Beispiel für die Verwendung von kleinem Text, um Benutzern zu helfen, während ein anderes Element als dominierender Teil des Designs verwendet werden kann. Für dieses Projekt ist das Video das wichtigste Element. Winziger Text dient als Element, um zusätzliche Informationen bereitzustellen und die Anmeldung mit einem statischen Textblock zu fördern, der unabhängig von der auf der Homepage angezeigten Episode angezeigt wird.
6. So erstellen Sie ein visuelles Element
Textelemente existieren hauptsächlich zum Lesen. Das ist logisch sinnvoll.
Manchmal funktionieren Textelemente jedoch als Teil eines visuellen Elements, und ob sie gelesen werden oder nicht, ist von viel geringerer Bedeutung. (Dies erfordert eine Planung und viele Design-Gespräche, daher sollten Sie dieses Konzept nicht aus einer Laune heraus anpacken.)
HTML Burger verwendet mehrere Ebenen von kleinem und kleinem Text. Kleiner Text wird als Deskriptor bei einer übergroßen Überschriftenbehandlung verwendet. Winziger Text wird in jedem der "Burger" verwendet. Wrapper, um coole visuelle Elemente mit etwas mehr Informationen über die Aktivitäten des Unternehmens zu erstellen. Es ist eine Design-Gliederung, die Sie nicht viel sehen und in diesem Fall ist sie wirkungsvoll.(Diese Technik ist jedoch schwer zu erreichen; fahren Sie mit Vorsicht fort.)
Fazit
Winzig zu werden oder nicht? Es kann eine schwierige Entscheidung sein. Während die Verwendung von kleinem Text umstritten ist, gibt es geeignete Anwendungen für die kleine Typografie. Um sicherzustellen, dass winziger Text in Ihrem Design funktioniert, geben Sie ihm ausreichend Platz, verwenden Sie eine gut lesbare Schrift und verwenden Sie andere Designhinweise, um die Benutzer zu den Wörtern zu führen.
Wenn Sie vorhaben, mit kleinem Text zu experimentieren, verwenden Sie ihn sparsam. Dies ist keine Technik, die Ihrem Cram mehr beim Design helfen wird. Es funktioniert am effektivsten mit kleinen Textblöcken in zweckmäßigen Platzierungen.