Fundamentele ontwerpprincipes voor niet-ontwerpers

Deze is voor alle makers van inhoud die het zich niet kunnen veroorloven om een ​​professionele ontwerper te betalen, maar ook voor niet-ontwerpers in een team waar ontwerpers het altijd te druk hebben om te helpen. Als je deze eenvoudige stappen kunt volgen, garandeer ik je dat je ontwerpen er beter uitzien.

Deze lijst is ontstaan ​​uit het jarenlang observeren van mijn niet-designer vrienden, familie en collega's die worstelen met het ontwerpen van dingen die ze nodig hebben in hun dagelijks leven. Persoonlijke nieuwsbrieven, cv's en portfolio's, afbeeldingen voor berichten op Facebook of Instagram, videominiaturen voor YouTube enzovoort.

Al deze mensen kwamen naar me toe voor hulp en advies om dingen er beter uit te laten zien. Ik ben een groot voorstander van het hele idee van "leer een persoon vissen", dus in plaats van dingen VOOR hen te ontwerpen, probeerde ik hen waardevol advies te geven dat zou kunnen helpen bij soortgelijke problemen in de toekomst.

Naarmate de tijd verstreek, realiseerde ik me dat ik mensen keer op keer dezelfde tips heb gegeven . Ik heb ze elke keer anders verwoord, maar al mijn adviezen kan ik terugbrengen tot deze vier principes .

Ik ben me ervan bewust dat er duizenden lijsten zoals deze zijn, maar ik vind deze lijsten te overdreven. Je kunt als niet-ontwerper niet echt consequent een lijst van 25 "simpele" (niets dat 25 onderdelen bevat kan echt "simpele" zijn) stappen volgen. En dat hoeft ook niet.

Zal dit je helpen om glanzende, mooie ontwerpen te maken? Nee. Helpt dit je om geweldige, duidelijke en begrijpelijke ontwerpen te maken die iedereen gemakkelijk kan begrijpen en waarmee hij kan communiceren? Absoluut. Dus, zonder verder oponthoud, presenteer ik u:

4 fundamentele ontwerpprincipes die iedereen kan volgen om geweldige resultaten te bereiken

Contrast

Zorg voor voldoende contrast tussen alle elementen.

Waarom? Omdat dingen die net even anders zijn, maar niet verschillend genoeg, een soort Uncanny Valley creëren. Ze voelen griezelig en weerzinwekkend aan voor een menselijk oog en / of zijn moeilijk te begrijpen. Nu willen we dat niet in onze ontwerpen, toch?

Elementen van uw ontwerp moeten ofwel exact hetzelfde zijn , ofwel significant verschillend .

Problemen met contrast manifesteren zich meestal op 4 verschillende manieren:

1. Kleur: gebruik donker op lichte kleuren en vice versa.

Voorbeeld: gebruik nooit combinaties zoals grijs op iets donkerder grijs of lichtroze op lichtblauw - ze zijn buitengewoon moeilijk te lezen / gebruiken.

2. Grootte: plaats alleen elementen naast elkaar die óf exact dezelfde maat hebben , óf een aanzienlijk andere maat.

Voorbeeld: plaats geen 32pt en 36pt tekstregels naast elkaar. 18pt en 36pt zullen daarentegen prima samenwerken.

3. Gewicht: hetzelfde als bij Size, alleen elementen naast elkaar plaatsen die óf exact hetzelfde gewicht hebben , óf een aanzienlijk verschillend gewicht.

Voorbeeld: plaats geen “Vet” en “Zwart” gewichten van hetzelfde lettertype naast elkaar - omdat ze er te veel op lijken. “Light” en “Bold” gewichten zullen daarentegen prima samen werken.

4. Stijl: plaats geen cursief lettertype naast een ander cursief lettertype, of een schreeflettertype naast een ander schreeflettertype. Combineer dingen die anders zijn.

Voorbeeld: plaats "Times New Roman" en "Georgia" niet naast elkaar - ze lijken te veel op elkaar. Combineer lettertypen met aanzienlijk verschillende stijlen.

Consistentie

Zorg ervoor dat vergelijkbare elementen op vergelijkbare manieren worden weergegeven.

Waarom? Ten eerste, door dingen consistent (en dus eenvoudig) te houden, laat je mensen hun aandacht richten op belangrijke aspecten van je ontwerp in plaats van afgeleid te worden door dingen die voortdurend veranderen.

Ten tweede vergroot consistentie het vertrouwen en zorgt het ervoor dat dingen er echt ontworpen uitzien , in plaats van dat ze gewoon snel in elkaar worden gegooid.

Dingen om aan vast te houden als je ze eenmaal hebt geselecteerd:

  • Lettertype / lettertype
  • Kleurenpalet / kleurschakering
  • Raster
  • Uitlijning
  • Stijl van decoratieve elementen

Enzovoorts...

Als je aan veel verschillende stukken werkt die naast elkaar verschijnen (bijvoorbeeld videominiaturen voor je YouTube-kanaal of omslagen voor je Medium-artikelen), kies dan één algemene stijl voor alle artikelen en houd je er ook aan.

Occam's scheermes

aka Visuele ruis verminderen

Hoe minder elementen u in uw ontwerp gebruikt, hoe beter.

Waarom? Het is moeilijk voor het menselijk brein om informatie te verwerken en beslissingen te nemen met een overload aan input. Gebruik zo min mogelijk decoratieve elementen (lettertypen, kleuren, schaduwen, kaders, lijnen, pictogrammen, patronen enzovoort).

Pas op alles een ontwerpversie van Occam's Razor toe:

Als iets kan worden bereikt met slechts 2 elementen, gebruik dan geen 3. Als iets kan worden bereikt met 10 elementen, gebruik dan geen 20. Je krijgt het.

Als je niet van oud-Engelse scholastieke filosofen houdt en de voorkeur geeft aan dingen die je op Netflix kunt zien, wees dan zeker de Marie Kondo van je eigen ontwerpen. Wat geen vreugde opwekt (of geen nuttig onderdeel van een ontwerp is), moet weg.

Ruimte

De manier waarop dingen zijn gepositioneerd, stuurt een bericht op metaniveau over hun betekenis.

Waarom is dit belangrijk? Omdat letten op hoe u dingen positioneert en hoeveel ruimte u er omheen toevoegt, helpt om de complexiteit van een ontwerp te verminderen en het daarom zowel aangenamer te maken om naar te kijken EN gemakkelijker om mee om te gaan.

Om de ruimte in uw ontwerp te gebruiken om betekenis over te brengen, let dan op deze 3 dingen:

1. Nabijheid = verbondenheid

Dingen die dichter bij elkaar staan ​​dan bij de andere elementen, worden gezien als meer gerelateerd aan elkaar dan aan de andere elementen.

Dit is het belangrijkste omdat ik het gevoel heb dat het te vaak wordt genegeerd (zelfs door sommige mensen die beweren professionele ontwerpers te zijn, om geen namen te noemen).

Het kan op veel verschillende manieren worden aangebracht, bijvoorbeeld:

  • Er moet meer ruimte tussen de regels zijn dan tussen elk woord op een regel - en evenzo meer ruimte tussen de verschillende alinea's dan tussen de regels in een alinea.
  • Elementen van een ontwerp zouden minder ruimte tussen elkaar moeten hebben dan tussen die elementen en de randen van de compositie.
  • Labels en ondersteunende informatie moeten worden geplaatst in de buurt van de elementen die ze beschrijven / waarop ze betrekking hebben.

2. Negatieve ruimte

Geef uw ontwerpen in combinatie met Occam's Razor zoveel mogelijk negatieve ruimte om ze overzichtelijker te maken en hun betekenis duidelijker te maken.

Als je te veel elementen in een beperkte ruimte plaatst, is het alsof je naar drie verschillende nummers tegelijk probeert te luisteren. Het is moeilijk te begrijpen wat er wordt gezegd.

3. Belang en orde

Deze is buitengewoon gezond, maar ik heb het gevoel dat ik het hier nog moet vermelden.

Dingen die er het meest toe doen, plaatst u op de eerste plaats en / of zorgt ervoor dat ze de meeste ruimte innemen. Gebruik reeksen dingen om orde over te brengen. Enz. U kunt de rest zeker achterhalen.

Het einde

Proficiat! Als je al deze stappen hebt gevolgd bij het maken van wat je maakt, ziet het er volgens de industrienormen waarschijnlijk erg goed uit.

Voor al het andere is er altijd een ontwerper.

***

Mijn naam is Mészáros Anna, ik ben een grafisch / UI-ontwerper die een UX / UI-ontwerper is geworden met een academische achtergrond in filosofie en interesse in alles wat met ontwerpethiek te maken heeft. Ik zou graag in contact komen met meer gelijkgestemde individuen, dus stuur me gerust een bericht en volg me op Medium of Twitter.