Essentiële ontwerptrends, april 2017
Het draait allemaal om geometrie. De trend is dat design zich nu concentreert op interessante vormen en lagen die samen een verbluffende beeldkwaliteit creëren.
Hoewel er perioden zijn geweest waar vierkanten of cirkels de vorm van keuze waren, is dat verschoven naar meer interessante asymmetrische vormen, minder gebruikte elementen zoals diamanten en gelaagdheid van vormen van alle kinderen. Dit is de trend in het ontwerp van deze maand:
1. Diamanten
De eenvoudige ruitvorm die je op de lagere school tekende, komt in tal van ontwerpen naar voren. Van het gebruik als een container voor foto's tot een schets voor visuele nadruk op het dominante deel van een foto, de vorm heeft veel flexibiliteit.
En het is eenvoudig.
Deze stijl is niet meer dan een vierkant dat op zijn kant staat. De scherpe lijnen zorgen voor interessante referentiepunten in het ontwerp en kunnen een element van beweging of richting toevoegen dat anders niet bestaat. De diamant onderscheidt zich in deze ontwerpen omdat het zo anders is.
Hoewel de vorm op een aantal manieren kan worden gebruikt, kan het enigszins lastig zijn. Als fotolijst verlies je delen van een afbeelding in alle vier de hoeken, dus je hebt afbeeldingen nodig die meer een centraal brandpunt hebben, zodat de betekenis niet verloren gaat. De gelaagdheid van ruitvormige foto's in het ontwerp van Hannington Estate doet dit uitstekend. De gebruiker heeft niet het gevoel dat er iets ontbreekt in de afbeeldingen.
Als een rand of visueel element kan de diamantvorm dienen als een plek om het oog te trekken. Linstant Unique doet dit door de tekst-call-to-action in een ruitvormig kader te plaatsen. Het is visueel interessanter dan alleen de tekst alleen op de afbeelding te zetten en het oog in beeld te brengen.
Ten slotte neemt solicitor Surry een totaal andere benadering aan en gebruikt hij een ruitvorm in een afbeelding om interesse toe te voegen. Een klok is misschien niet zo visueel aantrekkelijk op zichzelf, maar de vorm helpt gebruikers naar de afbeelding te trekken.
2. Asymmetrische geometrie
Dit is misschien wel een van de beste trends die een tijdje opduikt: asymmetrische vormen in ontwerpprojecten.
Niets wordt na verloop van tijd saaier dan een stel perfect symmetrische ontwerpen. Deze trend kan iedereen helpen om uit die sleur te komen met interessante vormen die je onmiddellijk opnieuw in balans brengen.
Asymmetrische vormen zijn een goede tool omdat ze zo interessant en onverwacht zijn. Ze geven richtinggevende nadruk - merk op hoe de linkerbovenhoek van de vorm die wordt gebruikt in de Ghafari-website je naar de branding leidt en vervolgens naar beneden op de pagina met extra witte ruimte.
De grootste uitdaging met asymmetrische vormen is hoe om te gaan met de witte of ingesloten ruimtes die ze soms kunnen creëren. (Je zult daar creatief moeten zijn, maar de onderstaande voorbeelden laten het er gemakkelijk uitzien.) De andere uitdaging is ervoor te zorgen dat het asymmetrische ontwerp nog steeds in evenwicht is. Je moet met de gewichten van elementen spelen - en misschien zwaardere letterbeelden gebruiken om het volume dat een asymmetrische vorm kan dragen te compenseren.
Bij het starten met een asymmetrisch vormontwerp, houd het concept eenvoudig. De funky vorm is in dit geval je ontwerptruc. Kies voor vormen met kleur om een witte achtergrond in evenwicht te brengen of om vormen te vormen met afbeeldingen voor een meer op Material Design geïnspireerde look. Een andere optie is om te experimenteren met 3D-vormen, zoals One Year in Review.
Welke optie u ook kiest, asymmetrie is een absolute blikvanger. Het creëert een leuke, funkiere eerste indruk en helpt gebruikers om dieper in het algehele ontwerp te duiken. Gebruik het voor websites die minder formeel zijn en die de envelop enigszins doordringen met stijl en inhoud.
3. Gelaagdheid
Het in lagen aanbrengen van verschillende vormen voegt een extra dimensie toe aan bijna elk ontwerpproject. Meer tactische ontwerppatronen hebben deze techniek populairder gemaakt en het combineren van vormen in verschillende lagen is een gemakkelijke manier om te beginnen.
De onderstaande voorbeelden tonen drie verschillende manieren om het te doen.
- Chrissen Rajathurai's portfolio bevat eenvoudige rechthoeken over een wazige, te grote achtergrond om focus en nadruk te leggen op elk afzonderlijk portfolio-item en elke link. Het gelaagde effect is klassiek en verbluffend. Gebruikers willen door het ontwerp blijven bladeren om te zien welke andere afbeeldingen er hierna komen.
- Cantina Roeno lagen afbeeldingen op een geïllustreerde achtergrond onder de schuif. De beweging van de homepagina van de held naar de fotolagen maakt dat de gebruiker langzamer gaat kijken naar de inhoud op het scherm. Terwijl de video snel is en een ontwerp om de gelaagde afbeeldingen snel te bekijken - met een interessante verticale oriëntatie - helpen de achtergrond en tekst gebruikers te pauzeren en het verhaal van de wijnmakerij te bekijken.
- Atlis heeft een totaal andere benadering. Het ontwerp maakt gebruik van twee geometrische trends - gelaagdheid in een zeer materialistische stijl - en asymmetrie met een doos die met hover-acties in meer trapeziumvormen verandert. Het ontwerp is zo eenvoudig dat je het niet kunt laten, maar ernaar kijkt. Het is ook vrij complex met de rekbare beweging van het vak "Can Atlis help?". Blijf scrollen en nog meer vormen met verschillende mate van asymmetrie spring op het scherm. Dit bedrieglijk complexe siteontwerp is heel leuk om mee te spelen.
Conclusie
Denk geometrie bij het plannen van je volgende project! Hoe kunt u eenvoudige vormen op nieuwe en interessante manieren gebruiken om betrokkenheid te stimuleren en gebruikers iets anders te laten zien in het proces. Er zijn veel verschillende manieren om geometrie te gebruiken in ontwerpprojecten, vormen paren met interessante animaties, kleuren of afbeeldingen om een ontwerp te maken dat uw inhoud laat zien.
En heb plezier. Geometrische patronen hebben een lichtere, minder formele uitstraling dan sommige andere ontwerpconcepten. Gebruik dat in uw voordeel bij het gebruik van deze technieken.
<p class = "p4"> Welke trends houd 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.