De truc om een geweldige lay-out te ontwerpen
Waarom zijn tijdschriften en boeken altijd hetzelfde opgemaakt? Zelfs met een alternatief ontwerp is er een harmonie in de lay-out of zal het hoofd van de lezer exploderen ... of ze zullen gewoon stoppen met lezen en doorgaan naar de volgende pagina. Succesvol ontwerpen in publiceren, adverteren, webdesign, illustratie en al het andere dat elementen met elkaar verbindt, hangt af van tekenen in de lezer en hun ogen over de pagina leiden.
Sommige mensen denken dat het geen groot probleem is en dat het ontwerpen van een pagina natuurlijk komt door culturele lessen die we leren opgroeien en kijken naar ontwerp uit de kindertijd, maar weinigen, zo ja, begrijpen waarom het werkt zoals het werkt. In de meeste samenlevingen lezen we van links naar rechts. Klinkt het nog steeds eenvoudig? Begin gewoon aan de linkerkant en het zal allemaal op zijn plaats vallen? In principe, maar de uitdaging is om de lezer naar elementen in de juiste volgorde te laten kijken, of op zijn minst de volgorde die je wilt dat ze zien, wat de uitdagende truc is in lay-outontwerp.
De regels
Ik was nooit iemand die de regels volgde, maar leraren en grote kunstenaars hebben een aantal memorabele citaten over dit onderwerp. "Voordat je de regels kunt overtreden, moet je de regels kennen," en "om je eigen wereld te creëren, moet je eerst de echte wereld begrijpen".
Als je de regelonderbrekers bestudeert, kun je zien dat ze allemaal de basis hadden om te leren van de echte wereld, de basis, en van daaruit evolueerden. De regels zijn het basisbegrip van lay-out, type, kleurelementen, illustratie en fotografie, en hoe het oog ze ziet, en de hersenen ontcijferen alles wanneer ze worden samengesteld.
Wat de meeste leerkrachten in lay-out proberen te geven, wordt het "Z" -patroon genoemd. Het is het patroon van lezen (westerse culturen) voor het strategisch plaatsen van belangrijke informatie. Begin in de linkerbovenhoek, werk naar rechts en vervolgens weer omlaag en weer terug naar links, van boven naar beneden. Standaard en eenvoudig.
Ik moet lachen om de volgende opsomming van 1950's "lay-outontwerpregels" die ik op het web heb gevonden. De principes zijn echter degelijk en ze spreken nog steeds over basisprincipes van het ontwerp.
- Gebruik randen wanneer u wilt framen en de aandacht op informatie wilt vestigen (bijv. Inhoudsopgave, kalenders, speciale opmerkingen).
- Laat de randen van tekstkolommen en illustraties de illusie van randen creëren.
- Trek de aandacht op vakjes of afbeeldingen door randen met een slagschaduw te gebruiken.
- Trek de aandacht van de lezer naar belangrijke elementen door de grootte (schaal), kleur en paginapositie tegenover elkaar te stellen. Zorg ervoor dat de elementen een functie hebben die de inhoud ondersteunt.
- Gebruik een groot, dik schermtype en / of afbeeldingen voor het maken van focus. Gebruik elementen met zichtbaar gewicht, intensiteit of kleur voor focus.
- Gebruik een raster om elementen op de pagina te ordenen. Zorg ervoor dat het raster flexibel is, maar dat de rastersecties niet te klein zijn. Deel de pagina op in vier of vijf kolommen voor de meeste flexibiliteit.
- Gebruik meerdere kolommen om tekst te organiseren en afbeeldingen in kleinere (gemakkelijker lees) blokken met informatie.
- Verdeel tekst in twee of drie gelijke kolommen voor de beste resultaten op een standaardpagina.
- Gebruik een enkele, bredere kolom met een kleinere kolom voor uittrekquotes en andere soorten ondersteunende inhoud.
Welnu, dat zijn eenvoudige regels, en zijn nog steeds van toepassing op wat vandaag en in de toekomst nodig is, maar met onze consumentencultuur, en zoveel grote regelgevers in het ontwerpen van tegenwoordig, evolueren regels. Een evolutie in het ontwerp was het 'rastersysteem'. Volgens Wikipedia :
Na de Tweede Wereldoorlog begon een aantal grafische ontwerpers, waaronder Max Bill, Emil Ruder en Josef Müller-Brockmann, beïnvloed door de modernistische ideeën van Jan Neuschlold Die neue Typographie (De nieuwe typografie), de relevantie van de conventionele pagina in twijfel te trekken. lay-out van de tijd. Ze begonnen een flexibel systeem uit te werken dat ontwerpers kan helpen om coherentie te bereiken bij het organiseren van de pagina. Het resultaat was het moderne typografische raster dat werd geassocieerd met de internationale typografische stijl. Het baanbrekende werk over dit onderwerp, Grid-systemen in grafisch ontwerp door Müller-Brockmann, heeft bijgedragen aan de verspreiding van het gebruik van het raster, eerst in Europa en later in Noord-Amerika.
Tegen het midden van de jaren zeventig was de instructie van het typografische raster als onderdeel van curricula voor grafisch ontwerpen standaard geworden in Europa, Noord-Amerika en een groot deel van Latijns-Amerika. De grafische stijl van het raster werd gebruikt als een look voor bedrijfscommunicatie. In het begin van de jaren tachtig resulteerde een reactie tegen de verschansing van het netwerk, met name het dogmatische gebruik ervan, en de omgang met de bedrijfscultuur erin dat sommige ontwerpers het gebruik ervan afwezen ten gunste van een meer organische structuur. Het uiterlijk van de Apple Macintosh-computer en de resulterende overgang van het type dat door typografen werd ingesteld op ontwerpers die zelf het type vormden, resulteerde in een golf van experimenten, grotendeels in strijd met de voorschriften van Tschichold en Müller-Brockmann. Het typografische raster wordt nog steeds gegeven, maar meer als een nuttig hulpmiddel voor sommige projecten, niet als een vereiste of uitgangspunt voor alle paginaontwerp.
Regel makers en brekers
Als je nog niet hebt gehoord Josef Müller-Brockmann , dan is hij een must op je lijst van ontwerpers om te studeren. Müller-Brockmann was meer dan alleen een man die probeerde vorm te geven aan wat nu de Zwitserse school wordt genoemd; Constructivisme, De Stijl, Suprematism en het Bauhaus, die zijn ontwerpen in een nieuwe richting duwden die deuren openden voor creatieve uitingen in grafisch ontwerp, beïnvloedden hem. Onder zijn leeftijdsgenoten is hij waarschijnlijk het gemakkelijkst te herkennen als hij naar die periode kijkt.
Müller-Brockmann werd al snel gevestigd als de leidende beoefenaar en theoreticus van de Zwitserse stijl, die een universele grafische expressie zocht door middel van een op rasters gebaseerd ontwerp, ontdaan van vreemde illustratie en subjectief gevoel.
Het raster was de prioriteitstelling, en de rangschikking van typografische en picturale elementen met het zinvolle kleurgebruik, geplaatst in een schijn van volgorde, gebaseerd op van links naar rechts, van boven naar beneden. Volgens Wikipedia is het rastersysteem "een tweedimensionale structuur die bestaat uit een reeks kruisende verticale en horizontale assen die worden gebruikt om inhoud te structureren. Het raster dient als een armatuur waarop een ontwerper tekst en afbeeldingen op een rationele, gemakkelijk te absorberen manier kan ordenen. "
Müller-Brockmann staat bekend om zijn eenvoudige ontwerpen en zijn schone gebruik van typografie, met name Akzidenz-Grotesk, vormen en kleuren, die veel grafische ontwerpers inspireert in de 21e eeuw. Net als bij de Franse posters in de jaren 1890 probeerden Müller-Brockmann en zijn collega's ook klanten aan te trekken en producten met gedurfde eenvoud te verkopen. De posters die dienden om publiek naar evenementen, met name muziekevenementen, en museumtentoonstellingen te lokken, omhelsden de abstracte geometrische vormen waar de stijl voor wordt opgemerkt; maar het zijn de posterbrieven voor de openbare dienstverlening uit deze periode die meer zijn opgemerkt dan in veel andere ontwerpperiodes. De eenvoudige, duidelijke en grafische berichten waren, net als bij posters met muziekevenementen, begrijpelijk voor kijkers met verschillende talen.
Ed Fella , een eigentijdse ontwerper, is een echte regelbreker als het gaat om zowel de lay-out en het ontwerp, maar hij besteedt nog steeds strikte aandacht aan hoe het oog en de hersenen de pagina bekijken. Alleen al kijkend naar zijn werk, zou je denken dat hij gek is. Hij dwingt tegenspraak maar speelt nog steeds op het rooster. Niet omdat het er is, maar omdat het zijn doel dient om overal het oog op te trekken en toch een aangenaam leesbaar ontwerp te maken. Er is chaos en balans, zij-aan-zij zoals identieke Siamese tweelingen - één goed, en het andere kwaad.
© Ed Fella
Fella verwees naar zijn werk als stilistisch, "het verkeerd krijgen." Zijn werk is rauw en obsessief. Het heeft kracht en spontaniteit. Geboren uit de kennis van lay-out, typografie, ontwerp en theorie lijkt hij het uiteindelijk heel, heel goed te hebben gekregen. Hij heeft inspirerende woorden die elke ontwerper zou moeten lezen:
"Ik ben geïnteresseerd in grafisch ontwerp als kunst," zegt hij, "dit is een soort kunstpraktijk waarbij gebruik wordt gemaakt van vormen die voortkomen uit grafisch ontwerp, decoratieve illustratie en belettering, alle gemengde vormen die voortkomen uit de kunst van de twintigste eeuw. , uit Miró en Picasso - alles heeft een genealogie, en een bepaalde blik - op dezelfde manier dat kunstenaars tegenwoordig stripboeken en graphic novels gebruiken. Ik was een illustrator, dus je ziet eindeloze stijlen binnenkomen en uit de boeken. De tekeningen zijn een onbewuste ontlading van alle stijlen en vormen die ik 30 jaar lang als commercieel kunstenaar gebruikte - dat was mijn beroep - ik deed het elke dag. Mijn onbewuste heeft dus al deze dingen erin en nu, omdat ik geen betekenis meer hoef te maken, kan ik gewoon de technieken gebruiken, zoals een machine die allang gestopt is met het maken van widgets, maar de machine draait nog steeds. Ik maak nog steeds dingen. Ik hou van het vak - van zorgvuldig iets kleins maken. "
Paul Rand , beroemde ontwerper en regelbreker deden dit op een omweg. De heer Rand, als jonge ontwerper, aanvaardde een verzoek om de covers van een kleine, maar opmerkelijke publicatie in de late jaren 1930 en vroege jaren 1940 te ontwerpen. Hoewel het beste advies aan ontwerpers is om nooit gratis te werken, zijn er enkele uitzonderingen. De heer Rand accepteerde het, maar eiste volledige creatieve vrijheid en kreeg het. Wanneer iemand je om gratis werk vraagt, hebben ze echt niet veel keus, toch?
De gok van Rand heeft zijn vruchten afgeworpen. Zijn werk voor Direction trok de juiste aandacht. Succes leidde tot andere successen. Nadat hij was ingehuurd om de pagina-indeling voor een jubileumnummer van het tijdschrift Apparel Arts te ontwerpen, kwam er een aanbod om als art director voor de Esquire-Coronet-tijdschriften over te nemen. Aanvankelijk weigerde Rand dit aanbod en beweerde hij dat hij nog niet op het vereiste niveau was, maar een jaar later besloot hij het te accepteren, waarmee hij de verantwoordelijkheid op zich nam voor Esquires modebladen op de leeftijd van drieëntwintig.
De coolste truc!
Een voormalig illustrator van mij toonde me een handige tool om de belangrijkste focuspunten op een pagina te identificeren. Teken eerst een diagonale lijn van de linkerbovenhoek naar de rechteronderhoek. De pagina kan verticaal of horizontaal zijn. Het werkt met elke oriëntatie.
Teken vervolgens een lijn uit elke andere hoek om de vorige horizontale lijn in een rechte hoek aan te sluiten. Het punt waar de lijnen samenkomen, is het gebied met maximale aandacht. Probeer een experiment - neem een beroemd schilderij en teken deze lijnen erop (nee, niet in een museum omdat je wordt gearresteerd). Je zult zien hoe geweldige kunst wordt gedaan met deze lay-outtechniek.
Neem nu een tijdschriftpagina of een webpagina en doe hetzelfde. Denk eerst aan hoe de pagina is ontworpen. Klopt het goed? Waar gaat je oog naar toe terwijl je naar de pagina kijkt? Begin je je een beetje angstig te voelen terwijl je naar de pagina kijkt of opgewonden? Teken nu de lijnen en kijk waar de elementen vallen.
De kans is groot dat als er niets belangrijks valt in de gebieden waar de lijnen samenkomen (algemeen gebied), je je angstig voelde omdat je ogen aan het vechten waren om naar de pagina te kijken, en je hersenen waren in de war toen de lay-out tegen de stroom in ging. Als de elementen goed zijn ingedeeld, voel je je opgewonden als je oog over de pagina wordt geleid.
Als het gaat om het omgaan met je klant, of een commissie die je keuzes moet herontwerpen, geef dit dan als een demonstratie waarom je de elementen hebt geplaatst waar ze zijn. Mensen hebben de neiging de plaatsing van elementen te begrijpen wanneer u een dergelijke demonstratie gebruikt. Het kwantificeert een regel die ze niet willen doorbreken. Wees bezorgd over het eindproduct en betrek het team met opwinding over hun ideeën, en hoe het allemaal in het ontwerp kan worden verwerkt, en u zult meer speelruimte vinden in commissies en bij klanten. Soms houdt het vasthouden aan de regels van anderen je aan om regels te overtreden die ze niet kennen ... of niet kunnen zien.
Heb je het gevoel dat dit logisch is? Heb je ooit van deze lay-outtruc gehoord en zo ja, heb je het geprobeerd? Werkt het? Laat ons je mening weten in de reacties.