Definition
Visuelt hierarki bruges til at rangere designelementer og påvirke den rækkefølge, vi læser dem i. Ved at bruge de principper, der er skitseret nedenfor, vil du se, hvordan et par enkle designprincipper kan hjælpe med at få dine budskaber til at skille sig ud.
Ligesom alle de ting, vi ser, har marketingfolk, designere og nogenlunde alle, der forsøger at kommunikere til os grafisk, i årevis forsøgt at finde frem til den bedste måde at lokke os ind og give vores øjne den information, de vil have dig til. se.
Det er faktisk et praktisk værktøj, fordi vi generelt leder efter informationen, og vi ønsker ikke at skulle gennemsøge irrelevant information for at få de gode ting. Det betyder, at visuelt hierarki, der er udført godt, kan være gavnligt for begge parter - ligesom hvordan virksomheder bruger målrettet annoncering til at blive set af kunder, der anses for "relevante", er dette faktisk en dårlig ting? I modsætning til at blive målrettet af en virksomhed, der sælger dig hårprodukter, og du er en skaldet mand.
Hos George & Willy vores visuelle hierarki er baseret på at skabe, for dig, en 'Better Way To Display' med vores udstillingstavler, menuer og kreativ skiltning muligheder. Uanset om det er at bruge en kuglepen som et grafisk designværktøj på vores Studio Roller, bruger Bager menu, eller arrangere vores Bogstavstavle af træ fliser, sigter vi efter at skabe det bedst mulige lærred, så dit rum kan ses.
Principper
Verden af grafisk design er lige så konstant i forandring som modeverdenen, dog forbliver de grundlæggende principper de samme, og godt design vil forblive godt design.
Bauhaus, en kunstskole etableret i begyndelsen af 1900-tallet, Tyskland. Det udviklede sig til en verdensomspændende bevægelse inden for moderne kunst, der stadig er repræsenteret i grafisk design til arkitektur globalt i dag.
Det er ligesom, hvordan 90'er-tøj stadig bliver brugt to årtier senere, og hvordan det for evigt vil få din fod til at stemple at tage Johnny Cash, Tina Turner eller The Beatles på.
Godt grafisk design vil altid være godt uanset årti.
Læsemønstre:
Alle kulturer læser fra toppen og ned, og de fleste kulturer læser fra venstre mod højre. Men selvom den viden er vigtig for grafisk design på side, er der lidt mere i det end bare det.
Folk scanner først en side for at få en fornemmelse af, om de er interesserede, før de forpligter sig til at læse den. Scanningsmønstre har en tendens til at have en af to former, "F" og "Z", og du kan drage fordel af dette i dit design.
F-mønstre gælder for traditionelle, teksttunge sider som artikler eller blogindlæg.
En læser scanner ned i venstre side af siden, leder efter interessante nøgleord i venstrejusterede overskrifter, og stopper derefter og læser (til højre), når han eller hun kommer til noget interessant.
Resultatet ligner et F, eller nogle gange et E afhængigt af hvor stor interesse du har skabt.
NYC Till & Sprocket drinks menu, af Will Gardner
Z-mønstre gælder for andre slags sider, såsom annoncer eller websteder, hvor information ikke nødvendigvis præsenteres i blokafsnit. En læsers øje kaster først et blik hen over toppen af siden, hvor vigtig information sandsynligvis findes, og skyder derefter ned til det modsatte hjørne i en diagonal og gør det samme på tværs af den nederste del af siden.
Størrelse betyder noget
Denne er ret simpel; folk læser større ting først. At have større bogstavstørrelser er nok til at tilsidesætte det venstre hierarki, og brugt i forbindelse med venstrehåndsplacering vil du have en stærk formel til at få dit budskab bemærket.
Den nye George & Willy Beer Menu, lanceres snart på vores side.
Plads
En anden måde at give dit indhold opmærksomhed på er at give det rigelig plads. At give dine ord negativ plads omkring dem giver den samme effekt, som du ville få af at tage til det med en highlighter.
Hvilket fører os til det næste princip, farve.
Kerning eller sporing er en nem måde at give dine bogstaver plads og få dem til at skille sig ud. På George & Willy Studio Roller.
Farve
Tekstfarve, kontraster og højlys arbejder alle sammen for at lede seeren til nøgleinformation gennem et visuelt hierarki igen. Farvepsykologi er afgørende for, hvordan du ønsker, at seeren skal føle, når de ser dit budskab.
Gul minder om optimisme, klarhed, varme, mens grøn minder om fred, vækst og sundhed. Dette princip er interessant, når du tænker på mærker, du kender, som repræsenterer dette.
Dukes Coffee Roasters, Melbourne, Australien.
Vi har endnu et blogindlæg om 'Farvens psykologi', som berører meget mere om dette og er værd at læse.
Type/ansigter eller skrifttype
Det er vigtigt at vælge en skrifttype, der relaterer til den tone, du vil indstille. Oprettelse af visuelt hierarki i menuer hjælper med at gruppere relevant information og viser dig, hvor sektioner stopper og starter.
The George & Willy Parkbrevstavle
Vi har altid elsket enkelheden ved en sans serif-skrifttype og fundet det en fantastisk skrifttype til menuer. At have et bogstavlayout, der er så enkelt, gør det muligt at bruge det i enhver rumstil. Vi bruger dette produkt på vores Magnetisk bogstavmenu hvis du gerne vil se hvad vi mener med dette.
Når man ser på hvert enkelt bogstav i Effra, er det svært at forestille sig, at et bogstav er mere enkelt. Det er en meget ren skrifttype til menuer og passer til store bogstaver med en smule kerning.
Som designere elsker vi at tænke på de mindre og nogle gange mere indviklede brikker i puslespillet, der udgør et helt produkt.
Det meste af tiden gør vi alle disse ting uden egentlig kognitivt at tænke over hvorfor, hvordan eller hvad det vil opnå, det sker enten bare, eller også ser det pænt ud, og vi løber med det. Hvis du ser menuer, skilte eller billeder, der viser gode eksempler på visuelle hierarkier, så tag os i dem eller send dem igennem!