Definitioun

Visuell Hierarchie gëtt benotzt fir Designelementer ze rangéieren an d'Uerdnung ze beaflossen an där mir se liesen. Andeems Dir d'Prinzipien hei ënnendrënner benotzt, gesitt Dir wéi e puer einfache Designprinzipien hëllefe kënnen Är Messagen erausstoen.

Just wéi all d'Saachen déi mir gesinn, Vermaart, Designer, a relativ gutt jiddereen, dee probéiert eis grafesch ze kommunizéieren, stewt zënter Joere fir mat de beschte Wee ze kommen fir eis ze lackelen an eis Ae mat der Informatioun ze fidderen, déi se wëllen. gesinn.

Et ass tatsächlech e praktescht Tool well allgemeng gesi mir no der Informatioun sichen a mir wëllen net duerch irrelevant Informatioun musse picken fir déi gutt Saachen ze kréien. Bedeit datt visuell Hierarchie gutt gemaach ka fir béid Parteien profitabel sinn - grad wéi wéi d'Geschäfter geziilte Reklammen benotze fir vu Clienten ze gesinn déi als "relevant" ugesi ginn, ass dat tatsächlech eng schlecht Saach? Am Géigesaz zu gezielt vun engem Geschäft deen Iech Hoerprodukter verkaaft, an Dir sidd e kaale Mann.

Um George & amp; Willy eis visuell Hierarchie baséiert op der Schafung, fir Iech, e 'Besser Way To Display' mat eisem Affichage Brieder, Menue, an kreativ Schëlder Optiounen. Egal ob et e Pen als Grafikdesigninstrument op eisem Studio Roller, benotzt der Bäcker Menu, oder eis arrangéieren Hëlzent Bréif Verwaltungsrot Fliesen, mir zielen fir dat bescht méiglech Leinwand ze kreéieren fir Äre Raum ze gesinn.

 

Prinzipien

D'Welt vum Grafikdesign ass sou ëmmer verännert wéi d'Welt vun der Moud, awer d'Basisprinzipien bleiwen d'selwecht, a gutt Design bleift gutt Design.

Visual Hierarchy Graphic Design

Bauhaus, eng School of The Arts, déi am fréien 1900er, Däitschland gegrënnt gouf. Et huet sech zu enger weltwäiter Bewegung an der moderner Konscht verwandelt, déi haut nach ëmmer am Grafikdesign bis zur Architektur representéiert ass.

Et ass wéi wéi 90er Kleeder nach zwee Joerzéngte méi spéit gedroe ginn, a wéi Johnny Cash, Tina Turner oder The Beatles fir ëmmer Äre Fouss drécken.

Gutt Grafikdesign wäert ëmmer gutt sinn egal wéi d'Joerzéngt.

 

Liesmuster:

All Kulturen liesen vun uewen erof an déi meescht Kulture liesen vu lénks op riets. Awer wärend dat Wëssen wichteg ass fir Grafikdesign op der Säit, ass et e bësse méi wéi just dat.

D'Leit scannen fir d'éischt eng Säit fir e Sënn ze kréien ob se interesséiert sinn, ier se engagéieren se ze liesen. Scannen Musteren éischter eng vun zwou Formen ze huelen, "F" an "Z", an Dir kënnt Virdeel vun dëser an Ärem Design huelen.

Visual Hierarchy Letter Layout

F-Muster gëllen op traditionell, text-schwéier Säiten wéi Artikelen oder Blogposten.

E Lieser scannt déi lénks Säit vun der Säit erof, sicht interessant Schlësselwierder a lénks ausgeriichtte Rubriken, stoppt dann a liest (riets) wann hien oder hatt op eppes Interessantes kënnt.

D'Resultat gesäit eppes wéi e F, oder heiansdo e E ofhängeg wéi vill Interessi Dir erstallt hutt.

Visual Hierarchy Graphic Design

NYC Till & amp; Sprocket Gedrénks Menü, vum Will Gardner

 

Z-Muster gëllen fir aner Zorte vu Säiten, wéi Annoncen oder Websäiten, wou Informatioun net onbedéngt a Blockabschnëtter presentéiert gëtt. D'Ae vum Lieser kuckt fir d'éischt iwwer d'Spëtzt vun der Säit, wou wichteg Informatioun méiglech ass ze fannen, schéisst dann an de Géigendeel Eck op enger Diagonal erof a mécht datselwecht iwwer den ënneschten Deel vun der Säit.

 

Gréisst Matters

Dëst ass ganz einfach; Leit liesen éischt méi grouss Saachen. Méi grouss Schrëftgréissten ze hunn ass genuch fir d'lénks Hierarchie ze iwwerschreiden, a benotzt a Verbindung mat der lénkser Plazéierung, hutt Dir eng staark Formel fir Äre Message bemierkt ze kréien.

 

Visual Hierarchy Lettering Sizes

Déi nei George & amp; Willy Beer Menu, geschwënn op eisem Site lancéiert.

 

Raum

Eng aner Manéier fir Ären Inhalt Opmierksamkeet ze ginn ass et genuch Plaz ze ginn. Wann Dir Är Wierder negativ Plaz ronderëm gitt, gëtt dee selwechten Effekt wéi Dir géift kréien wann Dir et mat engem Highlighter huelen.

Wat eis zum nächste Prinzip féiert, Faarf.

Visual Hierarchy Lettering Sizes

Kerning oder Tracking ass en einfache Wee fir Är Bréiwer Plaz ze ginn an se erauszestellen. Op der George & amp; Willy Studio Roller.

 

Faarf

Textfaarf, Kontraster an Highlights schaffen all zesummen fir de Betrachter op Schlësselinformatioun duerch eng visuell Hierarchie erëm ze leeden. Faarfpsychologie ass entscheedend wéi Dir wëllt datt de Betrachter fillt wann se Äre Message gesinn.

Giel gläicht Optimismus, Kloerheet, Hëtzt, wärend gréng gläicht Fridden, Wuesstum a Gesondheet. Dëse Prinzip ass interessant wann Dir un Marken denkt, déi Dir wësst, déi dëst representéieren.

Visual hierarchy colour

Dukes Coffee Roasters, Melbourne, Australien.

 

Mir hunn e weidere Blogpost iwwer de 'Psychology of Colour', dee vill méi doriwwer beréiert an derwäert ass ze liesen.

 

Typ / Gesiichter oder Schrëft

D'Auswiel vun enger Schrëftaart déi dem Toun bezitt deen Dir wëllt setzen ass Schlëssel. Visuell Hierarchie an Menue erstellen hëlleft relevant Informatioun ze gruppéieren a weist Iech wou Sektiounen ophalen a starten.

Visual Hierarchy Letter Layout

Den George & amp; Willy Park Bréif Verwaltungsrot

 

Mir hunn ëmmer d'Einfachheet vun enger sans serif Schrëft gär a fonnt et eng super Schrëft fir Menue. E Bréiflayout ze hunn deen sou einfach ass erlaabt et an all Raumstil ze benotzen. Mir benotzen dëst Produkt op eis Magnéitescht Bréif Menu wann Dir wëllt gesinn wat mir domat mengen.

Wann Dir all eenzel Bréif an Effra kuckt, ass et schwéier Iech virzestellen datt e Bréif méi einfach ass. Et ass eng ganz propper Schrëft fir Menüen a passt grouss Buschtawen mat e bësse Kerning.

Als Designer hu mir gär un déi méi kleng an heiansdo méi komplizéiert Stécker am Puzzel ze denken, déi e ganzt Produkt ausmaachen.

Déi meescht vun der Zäit maache mir all dës Saachen ouni tatsächlech kognitiv iwwer ze denken firwat, wéi oder wat et wäert erreechen, et geschitt entweder just oder et gesäit gutt aus a mir lafe mat. Wann Dir Menue, Schëlder oder Biller gesitt déi gutt Beispiller vu visuellen Hierarchie weisen, da markéiert eis an hinnen oder schéckt se duerch!

Bold Commerce Collaborator