Hur gestaltprinciper, tredjedelsregel och Z-mönster skapar bra grafisk design

Typbaserad bröllopsinbjudan

Typbaserad bröllopsinbjudan för ett sydligt bröllop.

Typbaserad bröllopsinbjudan för ett sydligt bröllop.

Design av Maria Colomy



Håll det enkelt, dumt!

Vi känner alla till det gamla ordspråket 'Håll det enkelt, dumt!' Det gamla ordspråket är sant av en anledning. Bra grafisk design gör en sak mycket bra: den kommunicerar.



Hur du ordnar element på en sida kommer att avgöra hur en persons ögon skannar sidan och hur den uppfattar vikten av ett element mot ett annat. Att förstå de grundläggande grunderna i perception hjälper till att avmystifiera processen.

Genom att hålla en design enkel låter du meddelandet vara i centrum, vilket visas i denna typografiska bröllopsinbjudan. Det subtila träelementet ger tittaren en förväntan om ett land eller något avslappnat bröllop. Den subtila lutningen och skuggningen ger typen lite djup. Storleken på bokstäverna gör att de sticker ut och kontrasten hos den valda färgen på typen gör det lätt att läsa.



Vi kämpar inte för att ta reda på vad budskapet är och våra ögon hamnar i slutändan på datumområdet för designen, vilket var avsikten.

Z Mönster & Rule of Thirds

Från mönster

Från mönster

Regel av tredjedelar

Regel av tredjedelar



Z-mönstret och tredjedelsregeln

I väster läser vi från vänster till höger och uppifrån och ner, därför kommer vårt öga att skanna de flesta layouter i det som kallas Z-mönstret, vilket betyder att vi börjar längst upp till vänster, vi skannar över (tänk på var en rubrik är !) sedan skannar vi 'tarmarna' på sidan för att få en kärnan i innehållet, och vi skannar sedan längst ner, helt naturligt efter 'Call to Action' - som marknadsförare kallar det.

En uppmaning eller uppmaning till handling ber ofta tittaren att göra något. 'Hitta våra produkter hos din lokala återförsäljare.' eller ibland mer direkt 'Köp nu!' - en CTA kan till och med vara något som 'besök vår webbplats'. Om din pjäs inte behöver en uppmaning till handling och bara är informativ är det här ett bra ställe att lista en webbadress, kontaktinformation, ett telefonnummer osv. Det är också därför logotypen är ofta i botten vänstra hörnet - detta kallas ibland en & apos; död zon & apos; eftersom ögat naturligtvis skannar sidan från vänster till höger och passerar (men ändå märker) logotypen.

Regeln om tredjedelar lärs ofta in i fotografi, konst och andra tider av komposition som har en gräns (som något tryckt eller inramat). Ganska ofta är den mest intressanta delen av bilden i mitten, omgiven av negativt utrymme.



Regeln om tredjedelar kan också tillämpas på layouter i tryck, rutnät i layouter och andra element. Ganska ofta tillämpar regeln om tredjedelar på din layout att det blir mer organiserat. Dessutom kan tredjedelsregeln tillämpas på mindre element inom en design - information är ofta väl organiserad i 3 kolumner, 3 rader etc.

Även i det mer fullbredda exemplet som visas ovan är regeln om tredjedelar uppenbar.

Introduktion till Gestalt

Gestalt betyder: helheten är större än summan av dess delar. I stället för att visa dig det klassiska collaget av grönsakerna som skapar ett ansikte, kommer jag att visa gestaltprinciperna på sitt mest förenklade sätt - för med all fantastisk design är mindre verkligen mer.



jul klädnypa hantverk

Gestaltprinciperna för perception försöker beskriva hur våra ögon uppfattar vissa former. Det sätt som vissa saker kan se närmare eller längre bort, i en bild, och hur ögonen uppfattar djup, riktning och 3D-utrymme på en plan yta - det är därför jag ofta översätter vagheten från en klient som 'gör det pop' som - gå igenom dina Gestalt-principer och gör det intressant.

Gestaltprinciper illustreras enkelt

Gestalt närhetslagen

Gestalt närhetslagen

Maria Colomy

Gestalt likhetslag

Gestalt likhetslag

Maria Colomy

Gestalt lag om stängning

Gestalt lag om stängning

Maria Colomy

Gestalt Symmetri-lag

Gestalt Symmetri-lag

Maria Colomy

Gestaltlag för ödet

Gestaltlag för ödet

Maria Colomy

Gestaltlag av figurmark

Gestaltlag av figurmark

Maria Colomy

Gestalt fortsättningslag

Gestalt fortsättningslag

Maria Colomy

Utforska Gestalt Principles of Perception

Lagen om närhet:när objekt ses som en grupp, baserat på deras närhet (eller avstånd) till varandra. I mitt exempel, som verkligen var helt av misstag - de fyra rutorna uppfattas som ett fönster, medan de två rutorna uppfattas som en dörr, bara av rutorna & apos; närhet till varandra, såväl som placeringen i den yttre formen.

Lagen om likhet:när föremål betraktas som ”likartade” eller del av en familj av vissa egenskaper. I mitt exempel finns det en tydlig outsider.

Lagen om stängning:när en del av en form utelämnas, men ögat tar det naturliga steget att stänga av det. (Vi vet att hela formen är avsedd, även om den inte är där) och när vi ser en halvmåne föreställer vi oss alltid den saknade månen.

Lagen om symmetri:Sinnet uppfattar en mittpunkt när föremål är ordnade symmetriskt, och detta ger ofta elementen en organisk eller levande kvalitet.

Lagen om gemensamt öde:Även om detta kanske låter sjukligt (och sant! LOL) betyder det inte att vi alla är på väg i samma riktning (men vi är inte ?!). När objekt är ordnade i riktning uppfattar vi dem som rör sig i en riktning. Återigen kan detta ofta ta på sig känslan av rörelse eller spänning - båda ger tittaren känslan av att vara involverad eller interagera med designen.

Lagen om figurmark:I de flesta kompositioner (tänk på en klassisk landskapsmålning eller ett foto) uppfattar vi att vissa saker ligger i förgrunden och andra i bakgrunden. Med mycket enkla tekniker kan vi trycka ett objekt i förgrunden eller bakgrunden genom hur det placeras på sidan i förhållande till andra objekt. Även i den enkla bröllopsinbjudan står texten tydligt i förgrunden med träet i bakgrunden. I detta fall uppnåddes figuren och marken inte med former utan med skuggning och kontrast. I exemplet till höger uppnåddes det med enkla former. Den berömda artisten MC. Escher var känd för sin användning av figurmark.

I mitt exempel blir den vita stapeln och triangeln en horisontlinje och en struktur, medan den svarta bakgrunden blir en himmel och faller till bakgrunden.

Lagen om kontinuitet:Ögat kommer att uppfatta fortsättningen av en linje även när den bryts, med förståelsen att de två linjerna är separata enheter.

I mitt exempel ger två böjda linjer uppfattningen om två separata kullar. Du kanske också märker att en är i förgrunden och en i bakgrunden.

Gestaltprinciperna för perception spelar snyggt tillsammans och förekommer ofta tillsammans.

Gestaltprinciperna är magin i fantastisk design. När en kund säger till dig att 'få det att springa' återbesöker du dina gestaltprinciper - dessa är SÅ mycket effektivare än vissa skakiga Photoshop-effekter. Söm det yttre glödet och kom ihåg din träning!

My Next Hub

Börja studera vad du ser

När du tittar på till synes vardagliga kompositioner börjar du märka att Gestalt-principerna är ständigt närvarande. Lägg märke till lagen om gemensamt öde som skapats av den riktning som ögonen tittar på, eller den förslutning som ditt sinne skapar för allt som saknas? Även på fotografiet i sig är tredjedelens regel uppenbar.

Maträtt med vattendekoration, Qing-dynastin, Kangxi-perioden (1662-1722), slutet av 1600-talet. Mu

Maträtt med vattendekoration, Qing-dynastin, Kangxi-perioden (1662-1722), slutet av 1600-talet. Mu

Mer Gestalt

På denna invecklade platta ser vi Figure Ground, skapad av placeringen av vattnet och de överlappande träden. Fortsättningen demonstreras i de organiska runda löven som inramar bilden och lagen om gemensamt öde visas i fåglarnas position, vattnet, gräset och blommorna - även klipporna visar lagen om gemensamt öde.

Gestaltprinciperna hjälper till att visuellt organisera olika element. Dessa principer kan ses i fotografi, i stor konst och i grafisk design (förhoppningsvis!).

Gestaltprinciperna kan lösa de tuffaste designutmaningarna och kan ta en tråkig, platt design och verkligen få den att leva upp, samtidigt som den ger visuellt intresse, hierarki och övergripande kontinuitet.

Kommentarer

Maria Colomy (författare)från Nashville, TN den 6 december 2016:

Bra! Jag kommer att göra mer designrelaterat skrivande snart!

borttagare av akrylfärg

RTalloniden 5 december 2016:

Att göra mönster levande är avgörande för att framgångsrikt uppnå målet för ett projekt. Tack för att du placerar denna information i ett nav för oss. Jag återkommer.