Tricket til at designe en fantastisk layout
Hvorfor er blade og bøger altid lagt ud på samme måde? Selv med alternativt design er der en harmoni i layout eller læsernes hoved vil eksplodere ... eller de vil bare stoppe med at læse og springe til næste side. Succesfuldt design i udgivelse, reklame, webdesign, illustration og alt andet, der binder sammen elementer afhænger af tegning i læseren og leder deres øjne på tværs af siden.
Nogle mennesker synes det ikke er en stor ting, og at at designe en side kommer naturligt på grund af kulturelle lektioner, vi lærer at vokse op og se på design fra barndommen, men kun få, hvis nogen forstår, hvorfor det fungerer som det gør. I de fleste samfund læser vi venstre til højre. Lyd stadig simpel? Bare start til venstre, og det vil alle falde på plads? Dybest set, men udfordringen er at få læseren til at se på elementer i den rigtige rækkefølge, eller i det mindste den rækkefølge, du vil have dem til at se, hvilket er det udfordrende trick i layoutdesign.
Reglerne
Jeg var aldrig en til at følge reglerne, men lærere og store kunstnere har nogle mindeværdige citater om emnet. "Før du kan bryde reglerne, skal du kende reglerne" og "for at skabe din egen verden må du først forstå den virkelige verden".
Hvis du studerer regelbrudterne, kan du se, at de alle havde grundlaget for at lære fra den virkelige verden, det grundlæggende, og udvikle sig derfra. Reglerne er den grundlæggende forståelse af layout, type, farveelementer, illustration og fotografi, og hvordan øjet ser dem, og hjernen bestemmer det hele, når de samles.
Hvad de fleste lærere forsøger at give i layout kaldes "Z" mønsteret. Det er mønstret for læsning (vestlige kulturer) for strategisk placering af vigtig information. Start i øverste venstre hjørne, arbejde tværs til højre, og derefter ned og tilbage til venstre igen, går top til bund. Standard og enkel.
Jeg er nødt til at grine efter følgende inddragelse af 1950'ens "layout design rules", jeg fandt på internettet. Principperne er dog lydige, og de taler stadig om designbasics.
- Brug grænser, når du vil ramme og gøre opmærksom på oplysninger (f.eks. Indholdsfortegnelse, kalendere, særlige noter).
- Tillad kanterne af tekstkolonner og illustrationer for at skabe illusionen af grænser.
- Tegn opmærksom på bokse eller billeder ved at bruge grænser med en drop skygge.
- Tegn læseren opmærksomhed på vigtige elementer ved at kontrast størrelse (skala), farve og side position. Sørg for, at elementerne har en funktion, der understøtter indholdet.
- Brug stor, fed skrifttype og / eller grafik til oprettelse af fokus. Brug elementer med visuel vægt, intensitet eller farve til fokus.
- Brug et gitter til at hjælpe med at organisere elementer på siden. Sørg for, at gitteret er fleksibelt, men at gittersektionerne ikke er for små. Opdel siden i fire eller fem kolonner for størst fleksibilitet.
- Brug flere kolonner til at organisere tekst og billeder i mindre (lettere at læse) informationsblokke.
- Opdel tekst i to eller tre ens kolonner for at opnå de bedste resultater på en standardside.
- Brug en enkelt, bredere kolonne med en mindre kolonne til uddragssedler og andre typer af understøttende indhold.
Nå, det er enkle regler og overfører stadig til det, der er brug for i dag og i fremtiden, men med vores forbrugerkultur, og så mange store styrebrydere i design i disse dage udvikler reglerne sig. En udvikling i design var "gittersystemet". Ifølge Wikipedia :
Efter anden verdenskrig begyndte en række grafiske designere, herunder Max Bill, Emil Ruder og Josef Müller-Brockmann, påvirket af de modernistiske ideer fra Jan Tschicholds Die neue Typographie (The New Typography) at spørge relevansen af den konventionelle side tidsplanlægning. De begyndte at udtænke et fleksibelt system, der kunne hjælpe designere med at opnå sammenhæng i at organisere siden. Resultatet var det moderne typografiske net, der blev forbundet med den internationale typografiske stil. Det væsentlige arbejde i emnet, Grid-systemer i grafisk design af Müller-Brockmann, hjalp med at udbrede brugen af nettet, først i Europa og senere i Nordamerika.
Ved midten af 1970'erne blev instruktion af det typografiske net som en del af grafiske designplaner blevet standard i Europa, Nordamerika og meget af Latinamerika. Den grafiske stil af nettet blev vedtaget som et udseende for virksomhedskommunikation. I begyndelsen af 1980'erne resulterede en reaktion mod gridets forankring, især dens dogmatiske brug og tilknytning til virksomhedskultur, at nogle designere afviste brugen til fordel for mere organisk struktur. Udseendet på Apple Macintosh-computeren, og den resulterende overgang væk fra typen, der er angivet af typografer til designers indstillingstype, resulterede i en bølge af eksperimenter, hvoraf det meste var i strid med Tschichold og Müller-Brockmann-forskrifterne. Det typografiske net fortsætter med at blive undervist i dag, men mere som et nyttigt værktøj til nogle projekter, ikke som et krav eller udgangspunkt for alt side design.
Regel beslutningstagere og breakers
Hvis du ikke har hørt om Josef Müller-Brockmann , så er han et must på din liste over designere at studere. Müller-Brockmann var mere end blot en mand, der søgte at danne det, der nu er mærket den schweiziske skole; Constructivism, De Stijl, Suprematism og Bauhaus, som alle skubber sine designs i en ny retning, der åbnede døre for kreative udtryk i grafisk design, påvirket ham. Blandt hans kammerater er han sandsynligvis den lettest anerkendte, når han kigger på den periode.
Müller-Brockmann blev hurtigt etableret som den førende udøver og teoretiker for den schweiziske stil, der søgte et universelt grafisk udtryk gennem et gitterbaseret design, renset for fremmed illustration og subjektiv følelse.
Gitteret var prioriteringen og arrangementet af typografiske og billedelementer med den meningsfulde brug af farve, sat i orden, baseret på venstre til højre, top til bund. Ifølge Wikipedia er rutenettet "en todimensionel struktur bestående af en række skærende lodrette og vandrette akser, der bruges til at strukturere indhold. Gitteret tjener som en armatur, som en designer kan organisere tekst og billeder i en rationel, nem at absorbere måde. "
Müller-Brockmann er kendt for sine enkle designs og hans rene brug af typografi, især Akzidenz-Grotesk, former og farver, der inspirerer mange grafiske designere i det 21. århundrede. Som med de franske plakater i 1890'erne forsøgte Müller-Brockmann og hans kolleger også at tiltrække kunder og sælge produkter med fed og enkelhed. De plakater, der tjente til at tiltrække et publikum til arrangementer, især musikbegivenheder og museumsudstillinger omfavnede de abstrakte geometriske former, stilen er kendt for; men det er offentliggørelsen af plakater fra denne tidsperiode, der har været mere noteret end i mange andre designperioder. De enkle, rene og grafiske beskeder kunne, som med musikbegivenhedens plakater, forstås af seere med forskellige sprog.
Ed Fella , en moderne designer, er en reel regelbryder når det gælder både layout og design, men han er stadig opmærksom på hvordan øjet og hjernen ser siden. Bare kigger på hans arbejde, man ville tro at han er en lunatic. Han tvinger modsigelse, men spiller stadig i nettet. Ikke fordi det er der, men fordi det tjener hans formål at hjælpe med at trække øjet overalt og stadig gøre behageligt læsbart design. Der er kaos og balance, eksisterende side om side som identiske siamesiske tvillinger - en god, og den anden onde.
© Ed Fella
Fella omtalte sit arbejde som stilistisk, "at få det forkert." Hans arbejde er rå og obsessiv. Den har magt og spontanitet. Født ud fra kendskabet til layout, typografi, design og teori, synes han at ende med at få det meget, meget rigtigt. Han har inspirerende ord, hver designer skal læse:
"Jeg er interesseret i grafisk design som kunst", siger han. "Dette er en slags kunstpraksis, der bruger formularer, der kommer ud af grafisk design, dekorativ illustration og bogstaver, alle blandede sammenformer, der kommer ud af det tyvende århundrede kunst , ud af Miró og Picasso - det hele har en slægtsforskning og et bestemt udseende - på samme måde som kunstnere i dag bruger tegneserier og grafiske romaner. Jeg var en illustratør, så du ser uendelige stilarter dukker ind og ud af bøgerne. Tegningerne er en ubevidst udledning af alle stilarter, og former, som jeg brugte som kommerciel kunstner i 30 år - det var mit erhverv - jeg gjorde det hver eneste dag. Så, min ubevidste har alle disse ting i det, og nu, fordi jeg ikke behøver at gøre mening længere, kan jeg bare bruge teknikkerne, som en maskine, der længe siden har stoppet med at lave widgets, men maskinen kører stadig. Jeg laver stadig ting. Jeg elsker håndværket af det - omhyggeligt at lave lidt ting. "
Paul Rand , berømte designer og regelbryder gjorde dette i rundkørsel. Mr. Rand, som ung designer, accepterede en anmodning om at designe dækker af en lille, men bemærkelsesværdig publikation i slutningen af 1930'erne og begyndelsen af 1940'erne. Mens det bedste råd til designere er at aldrig arbejde gratis, er der nogle undtagelser. Mr. Rand accepterede, men krævede fuld kreativ frihed og fik det. Når nogen beder om gratis arbejde, har de virkelig ikke meget valg, gør de?
Rands gamble betalte sig. Hans arbejde for Direction fik den rette opmærksomhed. Succes førte til andre succeser. Efter at være blevet ansat for at designe sidelayout for et Apparel Arts magasin jubilæumsproblem, kom et tilbud om at overtage som kunstdirektør for Esquire-Coronet magasinerne sin vej. I starten afviste Rand dette tilbud og hævdede, at han endnu ikke var på det niveau, det krævede arbejde var, men et år senere besluttede han sig for at acceptere det og overtog ansvaret for Esquires modersider i en alder af treogtyve.
Det fedeste trick!
En tidligere illustrationslærer viste mig et praktisk redskab til at identificere de vigtigste fokuspunkter på en side. Først tegner du en diagonal linje fra øverste venstre hjørne til nederste højre hjørne. Siden kan være lodret eller vandret. Det virker med enhver orientering.
Dernæst trækker du en linje fra hvert hjørne for at komme til den tidligere vandrette linje i en ret vinkel. Det punkt, linjerne deltager i, er området med maksimal opmærksomhed. Prøv et eksperiment - tag et berømt maleri og tegne disse linjer på det (nej, ikke på et museum, fordi du bliver arresteret). Du kan se, hvor stor kunst der er lavet ved hjælp af denne layoutteknik.
Tag nu en magasinside eller en webside, og gør det samme. Først tænk på, hvordan siden er designet. Læses det godt? Hvor går dit øje mens du kigger på siden? Begynder du at føle dig lidt ængstelig, mens du kigger på siden eller spændt? Træk nu linjerne, og se, hvor elementerne falder.
Chancerne er, hvis ikke noget af betydning falder i de områder, hvor linjerne mødes (generelt område), følte du dig ivrig, fordi dit øje kæmpede for at se på siden, og din hjerne var forvirret, da layoutet gik imod strømmen. Hvis elementerne er lagt godt ud, føler du dig begejstret, da dit øje ledes på tværs af siden.
Når det kommer til at håndtere din klient eller et udvalg, der er bundet om at omformulere dine valg, skal du give dette som en demonstration af hvorfor du placerede de elementer, hvor de er. Folk har en tendens til at forstå elementplacering, når du bruger en sådan demonstration. Det kvantificerer en regel, de ikke ønsker at bryde. Vis bekymring for det endelige produkt, og involver teamet med spænding over deres ideer, og hvordan man indarbejder det hele i designet, og du vil finde mere plads i udvalg og med kunder. Nogle gange at holde sig til andres regler kan du bryde regler, de ikke kender ... eller kan ikke se.
Føler du det er fornuftigt? Har du nogensinde hørt om dette layouttrick og i så fald har du prøvet det? Virker det? Lad os vide dine tanker i kommentarerne.