Definisjon
Visuelt hierarki brukes til å rangere designelementer og påvirke rekkefølgen vi leser dem i. Ved å bruke prinsippene som er skissert nedenfor, vil du se hvordan noen få enkle designprinsipper kan bidra til å få meldingene dine til å skille seg ut.
Akkurat som alle ting vi ser, har markedsførere, designere, og ganske godt alle som prøver å kommunisere til oss grafisk, i mange år forsøkt å finne den beste måten å lokke oss inn og gi øynene våre den informasjonen de vil at du skal se.
Det er faktisk et hendig verktøy fordi vi generelt sett leter etter informasjonen og vi ønsker ikke å måtte velge gjennom irrelevant informasjon for å få tak i de gode tingene. Det betyr at visuelt hierarki gjort godt kan være fordelaktig for begge parter - akkurat som hvordan bedrifter bruker målrettet annonsering for å bli sett av kunder som anses som "relevante", er dette egentlig en dårlig ting? I motsetning til å bli målrettet av en bedrift som selger hårprodukter til deg, og du er en skallet mann.
Hos George & Willy vårt visuelle hierarki er basert på å lage, for deg, en "bedre måte å vise" med vår utstillingstavler, menyer og kreativ skilting alternativer. Enten det er å bruke en penn som et grafisk designverktøy på vår Studio Roller, bruker Baker meny, eller arrangere vår Bokstavtavle av tre fliser, har vi som mål å lage det best mulige lerretet for at plassen din skal bli sett.
Prinsipper
Verdenen av grafisk design er like stadig i endring som moteverdenen, men de grunnleggende prinsippene forblir de samme, og god design vil forbli god design.
Bauhaus, en kunstskole etablert på begynnelsen av 1900-tallet, Tyskland. Det forvandlet seg til en verdensomspennende bevegelse innen moderne kunst som fortsatt er representert i grafisk design til arkitektur globalt i dag.
Det er som hvordan 90-tallsklær fortsatt blir brukt to tiår senere, og hvordan det å ta på seg Johnny Cash, Tina Turner eller The Beatles for alltid vil få foten din til å stemple.
God grafisk design vil alltid være bra uansett tiår.
Lesemønstre:
Alle kulturer leser ovenfra og ned og de fleste kulturer leser fra venstre til høyre. Men selv om den kunnskapen er viktig for grafisk design på side, er det litt mer enn bare det.
Folk skanner først en side for å få en følelse av om de er interessert, før de forplikter seg til å lese den. Skannemønstre har en tendens til å ha en av to former, "F" og "Z", og du kan dra nytte av dette i designet.
F-mønstre gjelder tradisjonelle, teksttunge sider som artikler eller blogginnlegg.
En leser skanner ned på venstre side av siden, leter etter interessante nøkkelord i venstrejusterte overskrifter, og stopper og leser (til høyre) når han eller hun kommer til noe interessant.
Resultatet ser omtrent ut som en F, eller noen ganger en E, avhengig av hvor mye interesse du har skapt.
NYC Till & Sprocket drikkemeny, av Will Gardner
Z-mønstre gjelder andre typer sider, som annonser eller nettsteder, der informasjon ikke nødvendigvis presenteres i blokkavsnitt. En lesers øye ser først over toppen av siden, der viktig informasjon sannsynligvis vil bli funnet, og skyter deretter ned til motsatt hjørne på en diagonal og gjør det samme over den nedre delen av siden.
Størrelse er viktig
Denne er ganske enkel; folk leser større ting først. Å ha større bokstavstørrelser er nok til å overstyre det venstre hierarkiet, og brukt i kombinasjon med venstrehåndsplassering vil du ha en sterk formel for å få meldingen din lagt merke til.
Den nye George & Willy Beer Menu, lanseres snart på siden vår.
Rom
En annen måte å gi innholdet oppmerksomhet på er å gi det god plass. Å gi ordene dine negativ plass rundt dem gir samme effekt som du ville fått av å ta til det med en highlighter.
Som leder oss til det neste prinsippet, farge.
Kerning eller sporing er en enkel måte å gi bokstavene dine plass og få dem til å skille seg ut. På George & Willy Studio Roller.
Farge
Tekstfarger, kontraster og høylys jobber unisont for å lede seeren til nøkkelinformasjon gjennom et visuelt hierarki igjen. Fargepsykologi er avgjørende for hvordan du vil at betrakteren skal føle seg når de ser budskapet ditt.
Gult ligner optimisme, klarhet, varme, mens grønt ligner fred, vekst og helse. Dette prinsippet er interessant når du tenker på merker du kjenner som representerer dette.
Dukes Coffee Roasters, Melbourne, Australia.
Vi har et annet blogginnlegg om 'Fargepsykologi' som berører mye mer om dette og er verdt å lese.
Type/ansikter eller Font
Å velge en skrifttype som er relatert til tonen du vil sette er nøkkelen. Å lage visuelt hierarki i menyene hjelper til med å gruppere relevant informasjon og viser deg hvor seksjoner stopper og starter.
The George & Willy Parkbrevtavle
Vi har alltid elsket enkelheten til en sans serif-font og syntes det var en flott skrift for menyer. Å ha et bokstavoppsett som er så enkelt, gjør at det kan brukes i alle romstiler. Vi bruker dette produktet på vår Magnetisk bokstavmeny hvis du vil se hva vi mener med dette.
Når du ser på hver enkelt bokstav i Effra er det vanskelig å forestille seg at noen bokstav er enklere. Det er en veldig ren skrift for menyer og passer til store bokstaver med litt kerning.
Som designere elsker vi å tenke på de mindre og noen ganger mer intrikate brikkene i puslespillet som utgjør et helt produkt.
Mesteparten av tiden gjør vi alle disse tingene uten egentlig å tenke kognitivt på hvorfor, hvordan eller hva det skal oppnå, enten skjer det bare eller så ser det fint ut og vi kjører med det. Hvis du ser menyer, skilt eller bilder som viser gode eksempler på visuelle hierarkier, tag oss i dem eller send dem gjennom!