Essentiële ontwerptrends, april 2016
Website-ontwerp ziet er tegenwoordig gelukkig uit. Misschien omdat de lente in de lucht hangt of misschien gaat er gewoon een goede sfeer rond. Hoe dan ook, de trends in website-ontwerp van deze maand weerspiegelen dat opwaartse gevoel, met coole illustraties in pictogramstijl, grote fotografie en felle kleurkeuzes.
Dit is de trend in het ontwerp van deze maand:
1) Afbeeldingen in pictogramstijl
Het is moeilijk om niet van een goede illustratie te houden. Sommige van de beste illustraties die we nu zien, hebben een meer iconische stijl. Het komt met een paar belangrijke kenmerken:
- Platte en eenvoudige geïllustreerde elementen (let op hoe alle kleine illustraties worden gecombineerd in de Confederation Studio-site)
- Heldere kleur of eenvoudige kleuring met primaire tinten
- Geometrische vormen met een interactief doel
- Elementen met het uiterlijk van het pictogram, minus de container, zodat u het visueel ziet als een tekening en niet als een knop
- Handgetekende illustratieve effecten
- Elementen die op pictogrammen lijken, maar aanzienlijk meer ruimte innemen op het canvas dan een pictogram
- Eenvoudige line-style tekeningen (zoals de stijl van Draw a Better 2016)
Wat cool aan deze trend is, is dat het een element van eigenzinnigheid in een ontwerpproject verwerkt zonder zich overweldigend grillig te voelen. Het creëert een mooie balans tussen handgemaakt en professioneel. Het neemt ook een wat mannelijker gevoel aan dan veel van de andere trends die zich richten op eigenzinnigheid, zoals aquarel of handgetekende schriftbelettering.
Zelfs als u geen illustrator bent, is dit een trend waar u van kunt profiteren. Er zijn veel leveranciers - betaald en gratis - die vectorgebaseerde pictogramkits maken. Zoek naar een set met alle actuele vormbestanden, zodat u uit elkaar kunt halen, kleuren kunt wijzigen en onderdelen kunt mixen en matchen om een oversized geïllustreerde iconografie voor uw projecten te maken.
2. Groter dan levensfotografie
Een grote, krachtige foto of afbeelding maakt een verbluffende eerste indruk. Dat is de reden waarom zoveel ontwerpers grotere afbeeldingen dan levensfoto's selecteren om gebruikers naar hun website-ontwerpen te trekken. Dit ontwerpelement kan verrassend en interessant zijn en een geweldig alternatief zijn als je een of twee geweldige afbeeldingen hebt, maar geen grote bibliotheek om mee te werken.
Maar je moet bereid zijn om een beetje ongemakkelijk te worden om daar te komen.
Om het beste te halen uit de steeds groter wordende fotografietrend moet je bereid zijn om een van de drie dingen te doen met het ontwerp:
- Snijd een foto zo strak bij dat deze een aanzienlijk deel van het scherm in beslag neemt, zodat de afbeelding wordt geschaald tot een deel dat groter is dan de werkelijkheid
- Zoom in op een bijna oncomfortabel niveau met afbeeldingen van mensen en gezichten om elk detail te laten zien
- Voer een standaardfoto uit, maar voeg een element toe dat anders of interessant is op een manier die een beetje onverwacht is
Alle drie deze technieken kunnen in het begin nogal ongemakkelijk zijn. Intense gewassen, super-dichte gezichten en eigenaardigheden kunnen u in het begin allemaal een beetje ongemakkelijk maken. Benader de visual voor dit type ontwerp een beetje anders. Begin met de grootste of vreemdste optie mogelijk. Ga vervolgens in kleine stapjes achteruit en evalueer hoe u over de afbeelding denkt. De kans is groot dat u uiteindelijk terugkeert naar een van de eerdere opties.
Door deze benadering te volgen, sta je jezelf toe om het ontwerp en de beelden op een andere manier te bekijken. Dat maakt deze trend zo opvallend - de afbeeldingen zijn anders. Ze tekenen gebruikers aan omdat de vormen, gewassen en algehele stijlen zo verschillen van de meeste websites waarop een gebruiker elke dag terechtkomt.
3. Heldere kleurenkeuzes
Heldere, gewaagde kleuren zijn aanwezig. De trend heeft invloeden die zijn geworteld in Material Design. Hoewel Material een op interactie gebaseerde ontwerpstijl is, winnen sommige van de visuele componenten op zichzelf aan grip. Dit geldt met name voor kleuren.
Waarom een kleurenpalet in materiaalstijl gebruiken als de rest van het ontwerp niet van materieel belang is? Het is een eenvoudige manier om een trendy element aan een project toe te voegen zonder een volledig nieuw ontwerp. Je kunt bijna een heldere kleur toevoegen en de rest van het ontwerp alleen laten met slechts een paar aanpassingen aan de CSS of afbeeldingen.
Wat is materiaalkleur? Er is geen perfecte definitie, maar dit is hoe Google het beschrijft: "Kleur in materiaalontwerp is geïnspireerd op opvallende tinten naast gematigde omgevingen, diepe schaduwen en heldere hoogtepunten. Materiaal neemt signalen van hedendaagse architectuur, verkeersborden, stoepmarkeringstape en atletische velden in acht. Kleur moet onverwacht en levendig zijn. "- https://www.google.com/design/spec/style/color.html
Als je geïnteresseerd bent in het creëren van een op materialen gebaseerd kleurenpalet en een startplaats nodig hebt, probeer dan Material Palette. http://www.materialpalette.com/
De gewaagde kleuropties zijn mooi en vallen op tegen veel van de meer ingetogen minimalistische projecten die populair zijn geweest. Heldere blauw, groen en geel zijn vooral populair als accenten in het kleurenpalet. De trend lijkt te zijn gericht op aanrakingen van de materiaalkleur, niet op full-scale kleurenpaletten.
Voor een project dat echt schittert, heeft het meer nodig dan alleen een heldere kleur. De sfeer van het project moet even helder zijn.
- Merk op hoe Lefty felgroen combineert met afbeeldingen van gelukkige, glimlachende mensen om een overweldigende positieve stemming te creëren.
- BNP Paribas maakt gebruik van een helder groen om gebruikers een interface in spelstijl te bieden die zich in een donkere achtergrond bevindt.
- Big Drop gebruikt een vet geel (en blauw, rood en groen op de scroll) met lichte afbeeldingen en een leuk lettertype om gebruikers naar binnen te halen, waardoor de bedrijfssite minder formeel lijkt.
De truc om hints van Material Design-geïnspireerde kleuren toe te voegen, is niet om je branding te verliezen. Voer uw volledige kleurenpalet niet opnieuw uit op basis van een trend; eerder een manier vinden om felle kleuren op te nemen zonder het ontwerp te overweldigen. De voorbeeldtoepassingen zijn geweldige manieren om erover na te denken - gebruik een eenvoudige gekleurde vorm als een visueel element, probeer een vetgedrukte kop of gebruik felle kleuren om een meer meeslepende interactieve ervaring te creëren voor gebruikers terwijl ze naar beneden scrollen.
Conclusie
Het is geweldig als een paar trends je gelukkig kunnen maken. Dat is wat deze groep doet met kleur en met type keuzes en met beelden. Misschien is het niet alleen de invloed van de lente en zullen we deze elementen de komende maanden in nog meer ontwerpen blijven zien.
Van welke trends hou je nu (of haat)? Ik zou graag enkele van de websites willen zien waar je gefascineerd mee bent. Stuur me een link op Twitter ; Ik hoor graag van je.