Minimalistisch webontwerp: wanneer minder meer is
Als ontwerpers weten we allemaal dat een minimalistisch ontwerp mooie resultaten kan opleveren.
Toch hebben veel ontwerpers moeite om er een te maken; of ze vinden het moeilijk om een pagina te maken met zo weinig elementen die er goed uitzien of het uiteindelijke resultaat ziet er niet 'compleet' uit.
Er zijn veel artikelen op het web over minimalisme en dit artikel is bedoeld om u te helpen een minimalistisch ontwerp te realiseren dat mooi maar niet kaal is.
Om het nog beter te maken, presenteren we een kleine showcase van minimalistische ontwerpen , zodat u kunt analyseren waarom sommige ontwerpen werken en andere niet.
Wat is een minimalistisch ontwerp?
Minimalistisch design is beschreven als ontwerp op zijn meest elementaire, ontdaan van overbodige elementen, kleuren, vormen en texturen.
Het doel is om de content te laten opvallen en centraal te stellen. Vanuit een visueel standpunt is minimalistisch ontwerp bedoeld om te kalmeren en de geest tot de basis te brengen .
De ontwerpbeweging begon in Zwitserland en werd vervolgens toegepast op een verscheidenheid aan media: grafisch ontwerp, architectuur, muziek, literatuur, schilderkunst en, meer recentelijk, webdesign.
Hoewel het minimalistische ontwerp decennia geleden begon, hebben de eerste dagen van het internet het niet laten zien. Zelfs zonder de draaiende logo's, feesttenten en felle kleuren waren de website-ontwerpen rommelig en aanmatigend .
We bespreken de basisprincipes van minimalistisch design. Maar zelfs als u ervoor kiest om geen minimalistische esthetiek na te streven, kunnen de lessen hier u helpen uw ontwerp te vereenvoudigen, ongeacht uw stijl.
Minder is meer
Zoals eerder vermeld, brengt minimalisme de belangrijkste inhoud naar de voorgrond en minimaliseert het de afleiding voor de gebruiker. Als een pagina te veel elementen bevat, zal de kijker in de war raken over waar te kijken of de prioriteit van elk element verkeerd interpreteren. Een minimalistisch ontwerp legt de nadruk volledig op de inhoud.
Elke kleurspat in een zwart-wit ontwerp zal bijvoorbeeld de aandacht van de gebruiker trekken. De kleur zelf wordt het brandpunt . Laten we naar een specifiek voorbeeld kijken:
U hebt dit ontwerp waarschijnlijk eerder gezien: effen witte achtergrond, één blok inhoud en één grafisch element.
Het grafische element brengt kleur, textuur en vorm. Het is duidelijk het belangrijkste element op de pagina en het bepaalt het merk en de identiteit van de ontwerper.
Met de complexiteit van dit specifieke grafische element zou meer inhoud op deze pagina het minder opvallend en minder belangrijk hebben gemaakt . Door de inhoud tot een minimum te beperken, heeft de ontwerper de perfecte balans bereikt.
Hoe inhoud te minimaliseren
De eerste stap om een minimalistisch ontwerp te maken of alleen maar een lay-out te vereenvoudigen, is niet alleen om de meeste grafische afbeeldingen te verwijderen, maar om de inhoud opnieuw te bekijken en aan de strikte vereisten te voldoen. Alleen dan zullen de belangrijkste elementen op de pagina het beoogde effect bereiken.
Net zoals je elke website zou plannen, noteer welke inhoud je nodig hebt: logo, inleiding, navigatie, enz. Knip al het andere uit dat niet essentieel is. Gooi zo veel mogelijk weg .
Hieronder vindt u enkele elementen die u waarschijnlijk niet nodig hebt. Houd er rekening mee dat dit slechts een leidraad is. Uw exacte vereisten zijn afhankelijk van uw specifieke ontwerp. Sommige van de onderstaande items zijn mogelijk niet vereist voor uw website.
- Pictogrammen of afbeeldingen voor sociale media of een gedeelte voor sociale media
- Taglines en aanvullende beschrijvingen of inleidingen
- "Uitgelichte", "Populaire" en "Recente" lijsten (inclusief Twitter- en RSS-feedlijsten)
- Pagina's met meer dan drie hoofdsecties (bijv. "Introductie", "Over" en "Diensten")
- Secundaire navigatiepagina's.
Het gaat er hier niet om de website minder functioneel te maken, maar om onnodige elementen weg te knippen (en dus de noodzakelijke te markeren) of om secties te combineren in een eenvoudigere lay-out (bijvoorbeeld door uw sociale mediakoppelingen op te nemen in de "Over" of inleidende sectie).
U kunt ook inhoud in afzonderlijke pagina's verdelen, waardoor elk stukje inhoud meer aandacht krijgt.
Hoe het ontwerp te vereenvoudigen
Nu is het tijd om het ontwerp zoveel mogelijk te vereenvoudigen .
Minimalistische ontwerpen moeten weinig textuur, kleur, vorm, lijnen, inhoud of type hebben. Ga echter te kaal, en het ontwerp zal saai zijn. In plaats van alles dumpen, geef het ontwerp aantrekkingskracht door het maken van slechts één belangrijke functie het brandpunt .
Kies wat die focus zal zijn en houd de onderstaande tips in gedachten terwijl u door uw ontwerp werkt.
Gebruik een groot draadframe
Bij het doorbladeren van de onderstaande showcase zien we dat sommige ontwerpers visuele belangstelling hebben toegevoegd met subtiele uitbarstingen van kleuren, unieke typografie of interessante vormen. Misschien is het belangrijkste element waar ze allemaal op vertrouwd hebben een uniek draadframe .
Het maken van een draadframe voor zo'n kale pagina vereist een beetje extra aandacht. Met het juiste draadframe kunt u de juiste hiërarchie en organisatie bereiken en visuele interesse creëren.
Ga als volgt te werk om een draadframe te maken:
- Bepaal welke inhoud je absoluut nodig hebt
- Geef in een lijst prioriteit aan de inhoud
- Teken een paar wireframes op basis van uw lijst om te experimenteren met de beste visuele hiërarchie.
Denk bij het uitwerken van het draadframe aan plaatsing, maar ook aan visuele behandeling. Als uw logo bijvoorbeeld een kleur heeft die u elders in het ontwerp niet opnieuw gebruikt, moet u daar rekening mee houden.
Witte ruimte
Witte ruimte is vrijwel synoniem met minimalisme.
Hoe creatief u ook bent, een minimalistisch ontwerp zonder veel witruimte is helemaal niet zo minimalistisch. Zorg dus dat u meer witruimte rond elementen toevoegt dan u normaal zou doen.
De ruimte is nodig om de weinige elementen in balans te brengen die op de pagina verschijnen.
Evenwicht, Uitlijning, Contrast
Hoewel een groot deel van de lading kan worden gedragen door witte ruimte en een goed draadframe, moet speciale aandacht worden besteed aan de grondbeginselen van het ontwerp. De drie grootste gerelateerd aan minimalisme zijn balans, uitlijning en contrast .
Zorg ervoor dat uw ontwerp voldoet aan deze principes en dat het geen aanvullende visuele hulpmiddelen nodig heeft om er 'afgewerkt' uit te zien.
Houd ook andere basisontwerpprincipes in gedachten. Bekijk ze en experimenteer met verschillende opties om het beste resultaat te bereiken. Uitchecken " De principes van ontwerp "Voor meer ideeën.
Wanneer over-ontwerpen een gewoonte wordt
Overontwerpen wordt soms een gewoonte. Hoe hard je ook probeert een ontwerp eenvoudig te houden, het komt rommelig en complex naar voren. Om dit te verhelpen, moeten we nieuwe gewoonten vormen.
Probeer de bovenstaande tips vóór elk project te bekijken om ze tijdens het proces in gedachten te houden. Richt je op het ontwikkelen van één gewoonte per keer. Werk bijvoorbeeld aan het verminderen en vereenvoudigen van de inhoud voordat u doorgaat naar de witte ruimte.
Als je merkt dat je in een moeilijke situatie denkt: "Er ontbreekt iets", probeer dan eerst iets uit te proberen, in plaats van iets nieuws in te voegen.
Elk aspect van minimalisme vereist een ander talent. Je ontwerpen worden eenvoudiger naarmate je deze principes meer in de praktijk brengt.
Als je verder gaat, als je de hier besproken technieken hebt toegepast, kijk dan naar het eindproduct en kijk of je manieren kunt vinden om het resultaat nog verder te vereenvoudigen.
Je zou je kunnen concentreren op gebieden waarvan je tijdens het ontwerpproces niet zeker was, en je zou andere ontwerpers kunnen vragen om te wijzen op elementen die je misschien hebt gemist.
Minimalistische vitrine
Hieronder is een korte demonstratie van minimalistische ontwerpen. Zie hoe elk van deze de principes die we hebben besproken implementeert. Zie ook welke onze richtlijnen overtreden, en bedenk waarom ze nog steeds werken.
1. James Day Photo
2. Killswitch Collective
3. Eenzaam
4. DBushell
5. XPD.no
6. Speelgoed NY
7. Joshua Serbus
8. Ah-Studio
9. Symar Powell
10. Icon Werk
11. Neil Wilson Architects
12. Non-Format
13. Zaum
14. Checkland Vriendelijke kanten
15. Blumenthal
16. Tink Londen
17. Trots creatief
18. Kimag
19. Fort Bernat
20. De hele dag
Enkele trends
Zoals u kunt zien, heeft het minimalistische webdesign enkele duidelijke trends. Zich bewust zijn van deze trends helpt ons onze ontwerpen op een aantal manieren te verbeteren.
We kunnen niet alleen inspiratie putten uit de lay-outs waar andere ontwerpers zo hard aan hebben gewerkt, maar we kunnen bewust stoppen met deze trends om ons eigen innovatieve pad te smeden.
Laten we een paar van deze trends in meer detail bespreken.
Zwart en wit
Een van de meest opvallende trends is uitgebreid gebruik van zwart en wit . Dit is duidelijk genoeg: de kleuren moeten worden vereenvoudigd, samen met textuur, vorm en inhoud. Maar het kan tegenwoordig overdreven zijn en er een beetje saai uitzien.
Bekijk enkele websites met kleuren in de bovenstaande vitrine en zie hoe ze zich onderscheiden van andere minimalistische ontwerpen. Denk er ook aan hoe ze erin slagen om minimalistisch te blijven, zelfs met zo'n sterk kleurgebruik. Hier is een voorbeeld:
Interessante typografie
Typografie-gebaseerd webdesign is nauw verbonden met minimalisme.
Wanneer ontwerpers heel weinig anders hebben om de gebruiker te prikkelen, grijpen ze vaak naar interessante typografie. Je zou zelfs zover kunnen gaan dat typografie het enige visuele element is.
Dit is een gedurfde techniek, maar nog steeds een trend op zich . Zoek naar manieren om typografie te maken die het ontwerp verbetert en tegelijkertijd uniek blijft.
Flash
Een verrassend aantal minimalistische webontwerpen is gebaseerd op Flash. Met zo weinig anders voor visuele stimulatie, zou een ontwerp kunnen profiteren van subtiele animaties (zoals tekst die in- en uitflitst) zonder overweldigend te zijn.
Flash verwijdert ook bepaalde beperkingen in het ontwerpproces. Onconventionele wireframes, typografie en andere elementen kunnen eenvoudiger met Flash worden bereikt dan met traditionele methoden.
Afsluiten
Minimalistisch ontwerp komt in vele vormen, en toch zien we te vaak dezelfde vorm herhaald. Trends kunnen aanmatigend worden en we moeten de drang om te imiteren bestrijden, terwijl we begrijpen wat het is met een trend die logisch is.
Hoe dan ook, minimalisme kan mooi zijn en zal er nog vele jaren zijn, dus het aanleren van sommige van zijn technieken kan ongelooflijk voordelig zijn, of het nu voor uw klanten is of voor uw eigen projecten.
En zelfs als u niet geïnteresseerd bent in de minimalistische stijl, kunnen de lessen en de principes die erbij betrokken zijn u helpen uw ontwerpen te vereenvoudigen, wat altijd een goede zaak is.
Exclusief geschreven voor Webdesigner Depot door Kayla Knight.
Dus, wat maakt minimalistisch ontwerp zo effectief, en wanneer moeten we het vermijden? Deel alstublieft uw opmerkingen hieronder ...