Tricket att designa en bra layout
Varför är tidningar och böcker alltid utlagda på samma sätt? Även med alternativ design är det en harmoni i layout eller läsarens huvud kommer att explodera ... eller de kommer bara sluta läsa och hoppa över till nästa sida. Framgångsrik design i publicering, reklam, webbdesign, illustration och allt annat som knyter samman element beror på att du skriver i läsaren och leder ögonen över sidan.
Vissa tror att det inte är en stor sak, och att utforma en sida kommer naturligtvis på grund av kulturlektioner lär vi oss att växa upp och titta på design från barndomen, men få, om några, förstår varför det fungerar som det gör. I de flesta samhällen läser vi från vänster till höger. Ljud fortfarande enkelt? Börja bara till vänster, och det kommer alla att falla på plats? I grund och botten, men utmaningen är att få läsaren att titta på element i rätt ordning, eller åtminstone den ordning du vill att dom ska se, vilket är det utmanande tricket i layoutdesign.
Reglerna
Jag var aldrig en att följa reglerna, men lärare och stora artister har några minnesvärda citat om ämnet. "Innan du kan bryta reglerna måste du känna till reglerna" och "för att skapa din egen värld måste du först förstå den verkliga världen".
Om du studerar regelbrytarna kan du se att alla hade grunden att lära av den verkliga världen, grunderna och utveckla därifrån. Reglerna är den grundläggande förståelsen av layout, typ, färgämnen, illustration och fotografi, och hur ögat ser dem, och hjärnan avgör allt när de sätts ihop.
Vad de flesta lärare försöker ge i layout kallas "Z" -mönstret. Det är läsningsmönstret (västerländska kulturer) för strategisk placering av viktig information. Börja i det övre vänstra hörnet, arbeta över till höger och sedan ner och tillbaka till vänster igen, går topp till botten. Standard och enkel.
Jag måste skratta på följande införande av 1950-talets "layout design rules" som jag hittade på webben. Principerna är dock ljuvliga och de talar fortfarande om designens grunder.
- Använd gränser när du vill rama och uppmärksamma information (t.ex. innehållsförteckning, kalendrar, speciella anteckningar).
- Tillåt kanterna av textkolumner och konstverk för att skapa en illusion av gränser.
- Dra uppmärksamhet till lådor, eller bilder med hjälp av gränser med en droppskugga.
- Rita läsarens uppmärksamhet på viktiga element i kontrast till storlek (skala), färg och sidposition. Se till att elementen har en funktion som stöder innehållet.
- Använd stor, fet visningstyp och / eller grafik för att skapa fokus. Använd element med synvikt, intensitet eller färg för fokusering.
- Använd ett rutnät för att hjälpa till att organisera element på sidan. Se till att gallret är flexibelt, men att nätets sektioner inte är för små. Dela sidan i fyra eller fem kolumner för största möjliga flexibilitet.
- Använd flera kolumner för att organisera text och visuella bilder i mindre (lättare läsa) informationsblock.
- Dela text i två eller tre lika kolumner för bästa resultat på en vanlig sida.
- Använd en enda, bredare kolumn med en mindre kolumn för utdragssedlar och andra typer av stödjande innehåll.
Tja, det är enkla regler och övergår fortfarande till vad som behövs idag, och i framtiden, men med vår konsumentkultur, och så många stora regelbrytare i designen dessa dagar, reglerna utvecklas. En utveckling i design var "nätverket". Enligt Wikipedia :
Efter andra världskriget började ett antal grafiska konstruktörer, inklusive Max Bill, Emil Ruder och Josef Müller-Brockmann, som påverkades av de modernistiska idéerna av Jan Tschicholds Die neue Typography (The New Typography), fråga om relevansen av den konventionella sidan tidsplanering. De började utforma ett flexibelt system som kan hjälpa designers att uppnå samstämmighet när det gäller att organisera sidan. Resultatet var det moderna typografiska nätet som blev associerat med den internationella typografiska stilen. Det främsta arbetet i ämnet, Grid-system i grafisk design av Müller-Brockmann, bidrog till att sprida användningen av nätet, först i Europa och senare i Nordamerika.
I mitten av 1970-talet hade instruktion av det typografiska rutnätet som en del av grafiska designplaner blivit standard i Europa, Nordamerika och mycket av Latinamerika. Gridens grafiska stil antogs som ett utseende för företags kommunikation. I början av 1980-talet resulterade en reaktion mot gränsförankringen, särskilt dess dogmatiska användning, och associering med företagskultur, att vissa designers avvisade sin användning till förmån för en mer organisk struktur. Utseendet på Apple Macintosh-datorn och den resulterande övergången från typ som ställts in av typografer till designers inställningstyp resulterade i en våg av experiment, mycket av det strider mot Tschicholds och Müller-Brockmanns föreskrifter. Det typografiska nätet fortsätter att läras idag, men mer som ett användbart verktyg för vissa projekt, inte som krav eller utgångspunkt för all siddesign.
Regelmakare och brytare
Om du inte har hört talas om Josef Müller-Brockmann , då är han ett måste på din lista över designers att studera. Müller-Brockmann var mer än bara en man som försökte bilda det som nu är märkt den schweiziska skolan; Constructivism, De Stijl, Suprematism och Bauhaus, som alla pressade sina mönster i en ny riktning som öppnade dörrar för kreativa uttryck i grafisk design, påverkat honom. Bland hans kamrater är han troligtvis den lättast erkända när man tittar på den perioden.
Müller-Brockmann etablerades snart som den ledande utövaren och teoretiker för den schweiziska stilen, som sökte ett universellt grafiskt uttryck genom en nätbaserad design, rensad av extern illustration och subjektiv känsla.
Nätet var prioriteringen och arrangemanget av typografiska och bildelement med den meningsfulla användningen av färg, inordnade i ordning, baserat på vänster-till-höger, topp-till-botten. Enligt Wikipedia är nätsystemet "en tvådimensionell struktur bestående av en serie skärande vertikala och horisontella axlar som används för att strukturera innehåll. Rutnätet fungerar som en armatur som en designer kan organisera text och bilder i ett rationellt, lätt att absorbera sätt. "
Müller-Brockmann är känd för sina enkla mönster och hans rena typografi, särskilt Akzidenz-Grotesk, former och färger, vilket inspirerar många grafiska designers under 2000-talet. Som med de franska affischerna på 1890-talet försökte Müller-Brockmann och hans kamrater också att locka till sig kunder och sälja produkter med djärv, enkelhet. De affischer som fungerade för att locka publiken till evenemang, särskilt musikhändelser och museutställningar omfamnade de abstrakta geometriska formerna som stilen är noterad för; men det är public service-affischen från denna tidsperiod som har blivit mer noterade än i många andra perioder av design. De enkla, rena och grafiska meddelandena, som med musikhändelseplakaten, kan förstås av tittare med olika språk.
Ed Fella , en samtida designer, är en riktig regelbrytare när det gäller både layout och design, men ändå ger han noggrann uppmärksamhet åt hur ögat och hjärnan ser sidan. Han tittar bara på sitt arbete, man skulle tro att han är lunatisk. Han tvingar motsägelse men spelar fortfarande i nätet. Inte för att det är där, men för att det tjänar sitt syfte att hjälpa till att dra ögat överallt och fortfarande göra en behaglig, läsbar design. Det finns kaos och balans, befintliga sida vid sida som identiska siamesiska tvillingar - en bra och den andra onda.
© Ed Fella
Fella hänvisade till hans arbete som stylistiskt, "blir fel." Hans arbete är rå och obsessiv. Den har makt och spontanitet. Född ur kunskapen om layout, typografi, design och teori, verkar han ha hamnat på att få det väldigt, mycket rätt. Han har inspirerande ord varje designer borde läsa:
"Jag är intresserad av grafisk design som konst", säger han. "Detta är en slags konstpraxis som använder former som kommer ut ur grafisk design, dekorativ illustration och bokstäver, alla blandade former som kommer ut ur tjugonde århundradet konst , utav Miró och Picasso - allt har en släktforskning och ett visst utseende - på samma sätt som konstnärer idag använder serietidningar och grafiska romaner. Jag var en illustratör, så du ser oändliga stilar som dyker in och ut ur böckerna. Ritningarna är ett omedvetet utsläpp av alla stilar och former som jag använde som kommersiell artist i 30 år - det var mitt yrke - jag gjorde det varje dag. Så, min omedvetna har alla dessa saker i det, och nu, för att jag inte behöver göra mer, kan jag bara använda teknikerna, som en maskin som länge sedan slutat göra widgets, men maskinen kör fortfarande. Jag gör fortfarande saker. Jag älskar hantverket av det - att noggrant göra en liten sak. "
Paul Rand , känd designer och regelbrytare gjorde detta i ett rondellvägen. Herr Rand, som ung designer, accepterade en begäran om att utforma omslaget till en liten men anmärkningsvärd publikation i slutet av 1930-talet och början av 1940-talet. Medan det bästa rådet till designers är att aldrig arbeta gratis finns det några undantag. Herr Rand accepterade, men krävde full kreativ frihet och fick det. När någon frågar dig om gratis arbete, har de verkligen inte mycket val, gör de?
Rands spel betalade sig av. Hans arbete för Direction fick den rätta uppmärksamheten. Framgången ledde till andra framgångar. Efter att ha blivit anställd för att utforma sidlayouten för ett årsdagsklubb för Apparel Arts-tidningen, kom ett erbjudande att ta över som konstdirektör för Esquire-Coronet-tidningarna. Ursprungligen vägrade Rand detta erbjudande och hävdade att han ännu inte var på den nivå som arbetet krävde, men ett år senare bestämde han sig för att acceptera det och tog över ansvaret för Esquires modersidor vid en ung ålder av tjugotre.
Det coolaste tricket!
En före detta illustrationslärare av mig visade mig ett användbart verktyg för att identifiera huvudfokuspunkterna på en sida. Rita först en diagonal linje från det övre vänstra hörnet till det nedre högra hörnet. Sidan kan vara vertikal eller horisontell. Det fungerar med vilken orientering som helst.
Dra sedan en linje från varje hörn för att gå med den föregående horisontella linjen i rätt vinkel. Den punkt som linjerna går med är området med maximal uppmärksamhet. Prova ett experiment - ta en berömd målning och dra dessa linjer på det (nej, inte på ett museum för att du ska arresteras). Du får se hur stor konst är färdig med denna layoutteknik.
Ta nu en tidningssida eller webbsida och gör detsamma. Tänk först på hur sidan är utformad. Läser det bra? Var går ditt öga medan du tittar på sidan? Börjar du känna dig lite ängslig när du tittar på sidan eller upphetsad? Rita nu linjerna och se var elementen faller.
Chansen är att om ingenting av betydelse faller i de områden där linjerna möts (allmänna området), kände du dig orolig eftersom ditt öga kämpade för att titta på sidan och din hjärna var förvirrad då layouten gick mot flödet. Om elementen läggs bra ut, känner du dig upphetsad när ditt öga är ledt över sidan.
När det gäller att hantera din klient eller en kommitté som är inriktad på att omforma dina val, ge detta som en demonstration av varför du placerat elementen där de är. Människor tenderar att förstå elementplacering när du använder en sådan demonstration. Det kvantifierar en regel som de inte vill bryta. Visa oro för slutprodukten och involvera laget med spänning över sina idéer och hur man införlivar allt i designen, och du hittar mer utrymme i kommittéer och med kunder. Ibland stämmer du med reglerna för andra kan du bryta regler som de inte vet ... eller kan inte se.
Känner du det här meningsfullt? Har du någonsin hört talas om detta layouttrick och har du provat det i så fall? Fungerar det? Låt oss veta dina tankar i kommentarerna.