Design til ninene og treenighetens regel
Hvis du har brukt tid på å utforske den kreative industrien, har du sikkert hørt frasen, "" tredjedelsregel "." Det er et av de uttrykkene folk liker å bruke når de ønsker å høres smart. Gå videre. Du kan lage et mentalt notat for senere. Jeg vil ikke fortelle noen.
Ofte brukes regelen for tredjedeler med referanse til fotografering, og her fungerer det: For å effektivt bruke et bilde, del det inn i ni like deler. Linjene dannet av denne divisjonen bør gi en klar definisjon av de viktigste aspektene av stykket, og skape et visuelt spennende bilde.
I eksemplet nedenfor står horisonten på det rette fotografiet opp med det nedre segmentet, mens fjellformasjonen, nå av til siden, skaper en interessant parallell med den brede himlenes bredde. Det er ubalanse, i motsetning til det symmetriske bildet til venstre, noe som gjør det mer interessant, noe som gir hjernen din mer å studere.
Jeg er sikker på at du kan forestille deg hvorfor det er viktig å slå en akkord med seerne for god fotografering. Hvis et fotografi ikke er estetisk tiltalende, har det ikke gjort jobben sin, og du, seeren, går bort og bryr seg ikke hva fotografen gikk gjennom for å få skuddet. Et bilde trenger å nøle for å være effektivt. Hjernen forstår symmetri og børster den til side. Asymmetri er imidlertid utfordrende. Spennende. Ny. Merkelig nok er det denne estetisk tiltalende grunnen som har ført til at artister bruker tommelfingerregelen (og dens fetter, guddommelige proporsjon) i århundrer.
Men det er leksjoner for en kunsthistorieklasse, og jeg lovte at jeg aldri ville gå tilbake dit. - Jeg tuller selvfølgelig. Vennligst ikke send meg kunsthistorie hate mail.
Så hvorfor er regelen av tredjedeler viktig i design?
Selvfølgelig med hver "regel" gitt i kunst, er det ikke nødvendig å følge konstruksjonen strengt. Regelen med tredjedeler er mer en veiledning for å hjelpe en designer i hvor å fokusere innhold. Ikke bekymre deg for det for mye; Det er ikke som om seerne umiddelbart ville vite at en designer brukte gullforholdet. (La oss være ærlige, det ville være et bemerkelsesverdig sløsing med tid for å sikre at hver knapp ble bygget ved hjelp av Fibonacci-sekvensen.) I stedet kan en seer tenke, "" Oh, det er fint å se på. "" Du vet, den på samme måte som de kan nyte å studere et godt strukturert kunstverk. Og så frustrerende som det er å vite at ditt harde arbeid gikk for det meste ubemerket, det er akkurat det du vil ha.
For alle hubbubene som omgir forskjellige fads innen design, har noen elementer forblir sanne: Ikke overfylle siden, hold viktige aspekter over folden, og prøv å holde fast i den magiske guddommelige proporsjonen.
For blogger og nyhetssider er det forholdsvis enkelt å holde på 1,6 (etc., etc.) gyldne forhold. Du har hovedinnholdsseksjonen til venstre, og en sidelinje som er litt over en tredjedel av størrelsen på innholdsrommet. Med mitt lille øye ser jeg det som fungerer fint sammen med de ni rutene for vår tredje regel. Men det er om du vil ha en blogg.
La oss si at du har et produkt å selge og vil gjøre siden din estetisk tiltalende for så mange øyne som mulig. Vi tar en titt på et eksempel som bruker regelen for tredjedeler godt, mens du skiller bort fra den typiske to-kolonne strukturen.
De fleste lesere ser på et nettsted i "" F "" -formasjonen. Skann toppen av siden, og flytt deretter ned på venstre side. Dette fungerer selvfølgelig bra med to-kolonneformatet. Men la oss se på vårt eksempel på uCasts nettsted. Langs de tre øverste rektanglene har vi de vanlige navigasjonsgodene med en ren logo, så vi vet hva vi kommer inn i. Slagordet rager pent opp med den øvre tredjedelen, og passer akkurat like bra til å gjøre det som horisonten i det tidligere fotografiske eksempelet. Øyet faller deretter ned på venstre side, men når det kommer til bunnen, fører de nummererte trinnene oss til høyre, enda en gang. Vi har laget en full sirkel, og på en side har en seer en ganske klar forståelse av nettstedet og dets produkt.
Hvor linjene krysser er av særlig interesse. Her er hvor mange kan gjøre bruk av regelen av tredjedeler, og faktisk har uCast brukt linjene som en fin bokholder for sitt slagord. Det skal imidlertid bemerkes at regelen for tredjedeler ikke er ment å bli brukt fullt ut. Skewing et bilde til venstre eller høyre skaper bevegelse og er mye mer tiltalende for øyet enn en symmetrisk design. Gjør bruk av kryssene og impliserte linjer, men ikke alle samtidig, eller de mister glansen.
Regelen med tredjedeler er et enkelt verktøy for å holde designen din i kontroll. Det er ikke altomfattende, men det er et bra sted å starte hvis du føler at designen din ikke passer sammen visuelt.
Har du kommet over noen nettsteder som kan innlemme regelen av tredjedeler? Hvordan bruker du regelen til designene dine? Gi oss beskjed i kommentarene.