Trikset for å designe en flott layout
Hvorfor er blader og bøker alltid lagt ut det samme? Selv med alternativ design, er det en harmoni i layout eller leserens hode vil eksplodere ... eller de vil bare slutte å lese og hoppe til neste side. Vellykket design i publisering, reklame, webdesign, illustrasjon og alt annet som knytter sammen elementer, avhenger av tegning i leseren og leder øynene over hele siden.
Noen mennesker synes det ikke er en stor sak, og at å designe en side kommer naturlig på grunn av kulturelle leksjoner, lærer vi å vokse opp og se på design fra barndommen, men få, om noen, forstår hvorfor det fungerer som det gjør. I de fleste samfunn leser vi fra venstre til høyre. Fortsatt lyd enkel? Bare begynn til venstre, og det vil alle falle på plass? I utgangspunktet, men utfordringen er å få leseren til å se på elementer i riktig rekkefølge, eller i det minste den rekkefølgen du vil at de skal se, hvilket er det utfordrende trikset i layoutdesign.
Reglene
Jeg var aldri en til å følge reglene, men lærere og flotte kunstnere har noen minneverdige sitater om emnet. "Før du kan bryte reglene, må du kjenne reglene," og "å skape din egen verden må du først forstå den virkelige verden".
Hvis du studerer regelbruddene, kan du se at de alle hadde grunnlag for å lære fra den virkelige verden, det grunnleggende, og utvikle derfra. Reglene er den grunnleggende forståelsen av layout, type, fargeelementer, illustrasjon og fotografi, og hvordan øyet ser dem, og hjernen bestemmer alt når de settes sammen.
Hva de fleste lærere prøver å formidle i layout kalles "Z" -mønsteret. Det er læringsmønsteret (vestlige kulturer) for strategisk plassering av viktig informasjon. Start i øvre venstre hjørne, arbeid mot høyre, og deretter ned og tilbake til venstre igjen, går topp til bunn. Standard og enkel.
Jeg må le av følgende inkludering av 1950s "layout design rules" jeg fant på nettet. Prinsippene er imidlertid lydige, og de snakker fortsatt om grunnleggende design.
- Bruk grenser når du vil ramme og trekke oppmerksomhet på informasjon (f.eks. Innholdsfortegnelse, kalendere, spesielle notater).
- Tillat kantene på tekstkolonner og kunstverk for å skape illusjonen av grenser.
- Tegn oppmerksomhet på bokser, eller bilder ved å bruke grenser med en dråpeskygge.
- Tegn leserens oppmerksomhet på viktige elementer ved kontraststørrelse (skala), farge og sidestilling. Kontroller at elementene har en funksjon som støtter innholdet.
- Bruk stor, fet skjermtype og / eller grafikk for å skape fokus. Bruk elementer med visuell vekt, intensitet eller farge for fokus.
- Bruk et rutenett for å organisere elementer på siden. Pass på at rutenettet er fleksibelt, men at rutenettene ikke er for små. Del siden i fire eller fem kolonner for størst fleksibilitet.
- Bruk flere kolonner til å organisere tekst og bilder i mindre (lettere lese) blokker av informasjon.
- Del tekst i to eller tre like kolonner for best resultat på en standardside.
- Bruk en enkelt, bredere kolonne med en mindre kolonne for utløpskvoter og andre typer støttende innhold.
Vel, det er enkle regler, og overfører fortsatt til det som trengs i dag, og i fremtiden, men med forbrukerkulturen, og så mange store regelbrytere i design i disse dager, utvikler reglene seg. En evolusjon i design var "rutenettet". Ifølge Wikipedia :
Etter andre verdenskrig begynte en rekke grafiske designere, inkludert Max Bill, Emil Ruder, og Josef Müller-Brockmann, påvirket av de modernistiske ideene til Jan Tschicholds Die neue Typographie (The New Typography), å spørre om relevansen av den konvensjonelle siden tidsplanlegging. De begynte å utforme et fleksibelt system som kunne hjelpe designere å oppnå sammenheng i å organisere siden. Resultatet var det moderne typografiske rutenettet som ble knyttet til den internasjonale typografiske stilen. Det seminalarbeidet i faget, Grid-systemer i grafisk design av Müller-Brockmann, bidro til å forplante bruken av nettet, først i Europa og senere i Nord-Amerika.
Ved midten av 1970-tallet hadde instruksjon av det typografiske gridet som en del av grafisk design læreplaner blitt standard i Europa, Nord-Amerika og mye av Latin-Amerika. Gridens grafiske stil ble vedtatt som et blikk for bedriftskommunikasjon. I begynnelsen av 1980-tallet førte en reaksjon mot grindens forankring, særlig sin dogmatiske bruk, og tilknytning til bedriftskultur, til at noen designere avviste bruken til fordel for mer organisk struktur. Utseendet til Apple Macintosh-datamaskinen, og den resulterende overgangen vekk fra typen som ble angitt av typografer til designers innstillingstype, resulterte i en bølge av eksperimenter, mye av det i strid med Tschichold og Müller-Brockmanns forskrifter. Det typografiske nettverket fortsetter å bli lært i dag, men mer som et nyttig verktøy for enkelte prosjekter, ikke som et krav eller utgangspunkt for alt sidedesign.
Regelmakere og breakers
Hvis du ikke har hørt om Josef Müller-Brockmann , så er han et must på listen over designere å studere. Müller-Brockmann var mer enn bare en mann som forsøkte å danne det som nå er merket den sveitsiske skolen; Constructivism, De Stijl, Suprematism og Bauhaus, som alle presset designene i en ny retning som åpnet dører for kreative uttrykk i grafisk design, påvirket ham. Blant hans jevnaldrende er han sannsynligvis den lettest gjenkjente når han ser på den perioden.
Müller-Brockmann ble snart etablert som den ledende utøveren, og teoretiker for den sveitsiske stilen, som søkte et universelt grafisk uttrykk gjennom en rutenett-basert design, renset for fremmed illustrasjon og subjektiv følelse.
Gitteret var prioritering, og arrangement av typografiske og bildeelementer med den meningsfulle bruken av farge, sett i en ordningsfølge, basert på venstre til høyre, topp til bunn. Ifølge Wikipedia er grid-systemet "en todimensjonal struktur bestående av en serie av skjærende vertikale og horisontale akser som brukes til å strukturere innhold. Gitteret fungerer som en armatur som en designer kan organisere tekst, og bilder i en rasjonell, lett å absorbere måte. "
Müller-Brockmann er kjent for sine enkle design og hans rene bruk av typografi, spesielt Akzidenz-Grotesk, former og farger, som inspirerer mange grafiske designere i det 21. århundre. Som med de franske plakatene på 1890-tallet, forsøkte Müller-Brockmann og hans jevnaldrende også å tiltrekke seg kunder og selge produkter med dristig, enkelhet. Plakatene som tjente til å tiltrekke publikum til arrangementer, spesielt musikkarrangementer, og museumsutstillinger omfavnet de abstrakte geometriske former stilen er kjent for; men det er reklameplakater fra offentlig tjeneste fra denne tidsperioden som har vært mer notert enn i mange andre designperioder. De enkle, rene og grafiske meldingene kunne, som med musikkbegivenhetens plakater, forstås av seere med forskjellige språk.
Ed Fella , en moderne designer, er en reell regelbryter når det gjelder både layout og design, men han legger fortsatt stor vekt på hvordan øyet og hjernen ser på siden. Bare ser på hans arbeid, en ville tro at han er en lunatisk. Han tvinger motsigelse, men spiller fortsatt til rutenettet. Ikke fordi det er der, men fordi det tjener hans formål å bidra til å trekke øyet over alt, og fremdeles gjøre en behagelig, lesbar design. Det er kaos og balanse, eksisterende side ved side som identiske siamesiske tvillinger - en god og den andre onde.
© Ed Fella
Fella refererte til hans arbeid som stilistisk, "fikk det galt." Hans arbeid er rå og obsessiv. Den har makt og spontanitet. Født av kunnskap om layout, typografi, design og teori, ser han ut til å ha fått det veldig, veldig riktig. Han har inspirerende ord hver designer burde lese:
"Jeg er interessert i grafisk design som kunst," sier han. "Dette er en slags kunstpraksis som bruker former som kommer ut av grafisk design, dekorativ illustrasjon og bokstaver, alle blandede former som kommer ut av det tjuende århundre kunst , ut av Miró og Picasso - alt har en slektsforskning og et bestemt utseende - på samme måte som kunstnere i dag bruker tegneserier og grafiske romaner. Jeg var en illustratør, så du ser endeløse stiler dukker inn og ut av bøkene. Tegningene er en ubevisst utslipp av alle stilarter, og former som jeg brukte som kommersiell kunstner i 30 år - det var mitt yrke - jeg gjorde det hver eneste dag. Så, mitt bevisstløse har alt dette i det, og nå, fordi jeg ikke trenger å gjøre mening lenger, kan jeg bare bruke teknikkene, som en maskin som lenge har sluttet å lage widgets, men maskinen kjører fortsatt. Jeg lager fremdeles ting. Jeg elsker håndverket av det - å forsiktig lage litt ting. "
Paul Rand , kjente designer og regelbryter gjorde dette i rundkjøringsvei. Mr. Rand, som ung designer, mottok en forespørsel om å designe dekslene til en liten, men bemerkelsesverdig publikasjon i slutten av 1930-tallet, og tidlig på 1940-tallet. Mens det beste råd til designere er å aldri jobbe gratis, er det noen unntak. Mr. Rand akseptert, men krevde full kreativ frihet, og fikk det. Når noen spør deg om gratis arbeid, har de egentlig ikke mye valg, gjør de?
Rands gamble betalte seg. Hans arbeid for Direction fikk den rette oppmerksomheten. Suksess førte til andre suksesser. Etter å ha blitt ansatt for å designe sidelayout for et Apparel Arts-jubileumsjubileumsprosjekt, kom et tilbud om å overta som kunstdirektør for Esquire-Coronet-magasinet sin vei. I utgangspunktet nektet Rand dette tilbudet og hevdet at han ennå ikke var på det nivået jobben krevde, men et år senere bestemte han seg for å akseptere det og tok over ansvaret for Esquires mote sider i en ung alder av tjuefem.
Det kuleste trikset!
En tidligere illustrationslærer av meg viste meg et nyttig verktøy for å identifisere hovedfokuspunktene på en side. Først tegner du en diagonal linje fra øverste venstre hjørne til nederste høyre hjørne. Siden kan være vertikal eller horisontal. Det fungerer med hvilken som helst orientering.
Deretter tegne en linje fra hvert hjørne for å bli med den forrige horisontale linjen i riktig vinkel. Poenget linjene bli med er området med maksimal oppmerksomhet. Prøv et eksperiment - ta et berømt maleri og tegne disse linjene på det (nei, ikke på et museum fordi du blir arrestert). Du får se hvor flott kunst er ferdig med denne oppsettteknikken.
Nå, ta en magasinside, eller en nettside, og gjør det samme. Først tenk på hvordan siden er utformet. Leses det bra? Hvor går øyet ditt mens du ser på siden? Begynner du å føle deg litt engstelig når du ser på siden eller opphisset? Tegn nå linjene, og se hvor elementene faller.
Sjansene er at hvis ikke noe av betydning faller i områdene hvor linjene møtes (generelt område), følte du deg engstelig fordi øynene dine kjemper for å se på siden, og hjernen din var forvirret da utformingen gikk mot strømmen. Hvis elementene er lagt godt ut, føler du deg glad da øyet ditt ledes over hele siden.
Når det gjelder å håndtere klienten din, eller en komité som er bøyd om å redesigne dine valg, gi dette som en demonstrasjon av hvorfor du plasserte elementene der de er. Folk pleier å forstå elementplassering når du bruker en slik demonstrasjon. Det kvantifiserer en regel de ikke vil bryte. Vis bekymring for sluttproduktet, og involver teamet med spenning over sine ideer, og hvordan å innlemme alt i designen, og du vil finne mer spillerom i komiteer og med klienter. Noen ganger stikker du til regler for andre, slik at du kan bryte regler som de ikke vet ... eller ikke kan se.
Føler du dette er fornuftig? Har du noen gang hørt om dette layouttricket og i så fall har du prøvd det? Virker det? Gi oss beskjed om dine tanker i kommentarene.