Beginnende ontwerpers wordt aangeraden hun oog te trainen. Ze worden aangemoedigd om te zoeken en te compileren wat volgens hen esthetisch aantrekkelijk is en sites te observeren die een kwaliteitservaring bieden. Helaas is het, zelfs na het compileren van veel inhoud en misschien meerdere boards, nog steeds moeilijk te begrijpen wat een goed ontwerp vormt.
Voer Web Design in 4 minuten in.
In deze gratis tutorial van vier minuten geeft front-end designer Jeremy Thomas ontwerpers en niet-ontwerpers een overzicht van basisregels en tips die u kunt toepassen bij het bouwen van uw website. Regels zoals: vermijd zwarte tekst op witte achtergronden, omdat die kleurencombinatie hard kan zijn voor de ogen. En tips zoals het bieden van voldoende ruimte rond inhoud kunnen de esthetische aantrekkingskracht van uw pagina vergroten. Zo eenvoudig, maar toch zo waar.
Zijn zelfstudie biedt eenvoudige CSS voor het aanbrengen van impactvolle wijzigingen op uw site en het uiteindelijk presenteren van wat het belangrijkste is - uw eigenlijke inhoud. Hij begint met een pagina met vrijwel geen stilistische opmaak en verbetert deze vervolgens stap voor stap. Via een paar regels CSS, zoals het centreren van inhoud en het importeren van aangepaste lettertypen, demonstreert hij het kenmerk van goed ontwerp. En als bonus biedt Thomas meer diepgaande kennis van het realiseren van Photoshop-ontwerpbestanden met zijn gratis HTML- en CSS-zelfstudie.
Toen mijn ontwerpinstructeurs me voor het eerst deze basisregels en tips gaven, voelde ik me daardoor beperkt. Ik dacht dat deze richtlijnen me ervan zouden weerhouden een unieke site en ervaring te ontwerpen. Na het maken van een paar slecht ontworpen sites, realiseerde ik me echter dat je deze regels in je toolkit nodig hebt omdat gebruikers, misschien onbewust, naar sites komen die verwachten dat ze worden gevolgd.
Zoals Thomas bijvoorbeeld ook in zijn zelfstudie zegt, kan een pagina voor gebruikers 'gebroken' lijken als er niet voldoende en gelijke afstand is rond inhoud - niet verrassend, een 'gebroken' ontwerp kan voorkomen dat gebruikers betrokken raken bij uw inhoud.
Bovendien besefte ik na het begin van mijn carrière ook dat deze tools de originaliteit niet uit de weg ruimen. In plaats daarvan bieden ze een basis die u kunt aanpassen en uniek maken met een aangepaste lay-out, aangepaste lettertypen, afbeeldingen en een kleurenpalet.
HOUD VAN DEZE TUTORIAL ZO VEEL DAT JE EEN NIEUWE BAAN IN ONTWERP WILT
Gelukkig voor jou hebben we heel veel geweldige openingen bij geweldige bedrijven
Bekijk ze nu
Zelfs als je geen ontwerper bent en je leest dit nog steeds, moet je weten dat deze tutorial ook nuttig is voor iedereen die zijn of haar ontwerpoog wil ontwikkelen. Binnen vier minuten kun je de basis leggen voor een eenvoudige, goed ontworpen site zonder eerst een PSD-bestand te hoeven maken of je designer-vriend om input te vragen.
Dus, waarom probeer je het niet? In het ergste geval verliest u vier minuten. Je hebt waarschijnlijk al die tijd gegeven om door Instagram te scrollen, een popcultuurgesprek met je bureaubuur te starten of intern te debatteren over wat je vanavond gaat eten.
