Ontwerp voor de Nines en de Rule of Thirds
Als je tijd hebt besteed aan het verkennen van de creatieve industrie, heb je waarschijnlijk de uitdrukking 'regel van derden' gehoord. "Het is een van die uitdrukkingen die mensen graag gebruiken wanneer ze slim willen klinken. Doe Maar. U kunt een mentale notitie maken voor later. Ik zal het aan niemand vertellen.
Vaak wordt de regel van derden gebruikt in relatie tot fotografie, en zo werkt het: om een afbeelding effectief te gebruiken, op te splitsen in negen gelijke delen. De lijnen die door deze divisie worden gevormd, moeten een duidelijke definitie van de belangrijkste aspecten van het stuk bieden, waardoor een visueel opwindend beeld wordt gecreëerd.
In het onderstaande voorbeeld komt de horizon in de rechterfoto overeen met het lagere segment, terwijl de rotsformatie, nu opzij, een interessante parallel vormt met de brede hemel. Het is uit balans, in tegenstelling tot de symmetrische foto aan de linkerkant, waardoor het interessanter is, waardoor je hersenen meer kunnen studeren.
Ik ben er zeker van dat je je kunt voorstellen waarom het slaan van een akkoord met kijkers een integraal onderdeel is van een goede fotografie. Als een foto niet esthetisch verantwoord is, heeft hij zijn werk niet gedaan en loop je als toeschouwer weg, zonder zorgen te maken wat de fotograaf heeft doorgemaakt om de foto te maken. Een afbeelding moet blijven hangen om effectief te zijn. De hersenen begrijpen symmetrie en borstelen het opzij. Asymmetrie is echter een uitdaging. Opwindend. Nieuwe. Vreemd genoeg is het deze esthetische reden die ertoe heeft geleid dat kunstenaars al eeuwenlang gebruik maken van de regel van derden (en haar neef, goddelijke verhouding).
Maar dat zijn lessen voor een kunstgeschiedenisles, en ik heb beloofd dat ik nooit meer terug zou gaan. - Ik maak natuurlijk een grapje. Stuur me alsjeblieft geen haatmail over kunstgeschiedenis.
Dus waarom is de regel van derden belangrijk bij het ontwerpen?
Natuurlijk is het bij elke "regel" in de kunst niet nodig om strikt aan het construct te voldoen. De regel van derden is meer een leidraad om een ontwerper te helpen bij het richten van content. Maak je er niet te druk om; het is niet zo dat kijkers meteen zouden weten dat een ontwerper de gulden snede heeft gebruikt. (Laten we eerlijk zijn, het zou een opmerkelijke verspilling van tijd zijn om ervoor te zorgen dat elke knop werd gebouwd met behulp van de Fibonacci-reeks.) In plaats daarvan zou een kijker kunnen denken: "" Oh, dat is leuk om naar te kijken. "" Weet je, de op dezelfde manier kunnen ze genieten van het bestuderen van een goed gestructureerd kunstwerk. En hoe frustrerend het ook is om te weten dat je harde werk grotendeels onopgemerkt bleef, dat is precies wat je wilt.
Vanwege al het rumoer rond verschillende rages in het ontwerp, zijn enkele elementen gebleven: maak de pagina niet te vol, houd je belangrijkste aspecten boven de vouw en probeer je aan de magische goddelijke proportie te houden.
Voor blogs en nieuwssites is het relatief eenvoudig om de 1,6 (etc., etc.) gouden ratio bij te houden. Je hebt je hoofdgedeelte voor inhoud aan de linkerkant en een zijbalk die iets meer dan een derde van de grootte van de inhoudsruimte beslaat. Met mijn kleine oog, zie ik dat het goed werkt met de negen vierkanten voor onze regel van derden. Maar dat is als u een blog wilt.
Stel dat u een product te koop heeft en uw pagina esthetisch aantrekkelijk wilt maken voor zoveel mogelijk ogen. We zullen een voorbeeld bekijken dat de regel van de derde goed gebruikt, terwijl we wegschieten van de typische structuur met twee kolommen.
De meeste lezers kijken naar een website in de "" F "" -formatie. Scan de bovenkant van de pagina en ga dan aan de linkerkant. Uiteraard werkt dit goed met het tweekolomsformaat. Laten we echter eens kijken naar ons voorbeeld van de uCast-site. Langs de bovenste drie rechthoeken hebben we de gebruikelijke navigatie-artikelen met een schoon logo, dus we weten waar we aan beginnen. De slogan komt mooi overeen met het bovenste derde deel, net passend genoeg om het net als de horizonlijn in het eerdere fotovoorbeeld te maken. Het oog valt dan langs de linkerkant, maar zodra het de bodem raakt, leiden de genummerde stappen ons weer naar rechts. We hebben een volledige cirkel gemaakt en op één pagina heeft een kijker een vrij goed begrip van de site en het bijbehorende product.
Waar de lijnen elkaar kruisen, is van bijzonder belang. Hier kunnen velen gebruik maken van de regel van derden, en uCast heeft de regels inderdaad als een mooie boekensteun voor de slogan gebruikt. Opgemerkt moet echter worden dat de regel van derden niet is bedoeld om volledig te worden gebruikt. Het schuin plaatsen van een afbeelding links of rechts creëert beweging en is veel aantrekkelijker voor het oog dan een symmetrisch ontwerp. Maak gebruik van de snijpunten en impliciete lijnen, maar niet alles tegelijk, of ze verliezen hun glans.
De regel van derden is een eenvoudige tool om je ontwerp onder controle te houden. Het is niet allesomvattend, maar het is een goede plek om te beginnen als je het gevoel hebt dat je ontwerp visueel niet helemaal bij elkaar past.
Bent u websites tegengekomen die de regel van derden zouden kunnen bevatten? Hoe pas je de regel toe op je ontwerpen? Laat het ons weten in de comments.