Essentiële ontwerptrends, februari 2017
Een interessante visuele aanwezigheid boven de schuif is de eerste indruk die een gebruiker van een website krijgt. Of die gebruiker blijft klikken, kan afhankelijk zijn van een aantal dingen, waaronder beeldspraak, leesbaarheid en algemene interesse in de inhoud.
Deze maand kijken we naar drie trends die een duidelijke eerste indruk maken-donkere kleuroverlays op afbeeldingen, brutalisme en holle beletteringstijlen. Dit is de trend in het ontwerp van deze maand:
1) Donkere overlay op afbeeldingen
Het maakt niet uit of het hero-beeld stilstaat of beweegt, een donkere kleur-overlay kan zelfs kleuren helpen op een manier die het gemakkelijker maakt om tekst en andere elementen toe te voegen aan een laag bovenop de afbeelding. Hoewel dit in eerste instantie als een snelkoppeling kan klinken, is er veel waarde in deze techniek.
De belangrijkste reden om te kiezen voor een kleuroverlay is om de leesbaarheid te vergroten. De meeste afbeeldingen bevatten variaties in lichte en donkere kleuren, waardoor het een uitdaging is om letters toe te voegen die leesbaar zijn op elk apparaat. Zelfs als er een perfecte plaatsing is voor breedbeeldschermen op de desktop, kan dezelfde combinatie van afbeeldingen en tekst onleesbaar worden op een mobiel scherm.
Dat is waar een kleuroverlay helpt. De semi-transparante kleur wash over een afbeelding of video zou het contrast moeten verhogen. Dan heeft witte of lichtgekleurde belettering een plaats en blijft leesbaar.
Overlays met donkere kleuren zijn ook om andere redenen visueel interessant. Loop niet vast in de valstrik dat zwart zwart of grijs betekent. Een donkere overlay kan elke kleur zijn, zoals de green die door Internetum wordt gebruikt, hieronder. Een leuke of ongebruikelijke kleurkeuze kan gebruikers helpen bij het ontwerpen.
Een donkere overlay kan nog een ding doen: het kan een afbeelding of video camoufleren waarvan u niet de voorloper wilt zijn in het ontwerp. Dit kan zijn omdat het beeld een beetje oud is, een beetje zacht qua compositie of slechts een beetje dat een beetje plat valt. Een kleuroverlay kan de sfeer van de afbeelding veranderen, deze een beetje minder prominent maken en helpen bij het ontwerp om meer aandacht te besteden aan andere inhoud, zoals tekst, oproepen tot actieknoppen of andere grafische elementen.
Overlays kunnen erg donker zijn, zoals Digital Werk of een subtiele verduistering bieden op de manier van Lytton Living. U weet dat u de juiste balans hebt wanneer u de afbeelding nog steeds kunt zien en alle gelaagde elementen gemakkelijk te lezen zijn.
2. Brutalisme
Lelijk. Harsh. Scherp. Bezig.
Dit zijn slechts enkele van de woorden die sommigen hebben gebruikt om de designtrend van het brutalisme te beschrijven. Maar alleen omdat een ontwerper experimenteert met brutalisme, wil dat nog niet zeggen dat het ontwerp een rommeltje is. Het is precies het tegenovergestelde.
Deze stijl heeft een andere stijl en gevoeligheid die dingen bevat die u ziet en dingen die u niet kunt. Ben McNicholl beschreef het op deze manier in een post voor Envato : '' Brutalisme 'komt van het Franse woord voor' onbewerkt ', dus houd daar rekening mee wanneer u uw code schrijft.
"Een website hoeft geen horrorshow te zijn van ongeordende afbeeldingen en botsende lettertypekleuren; de manier waarop de code is geschreven, is ook symbolisch voor de stijl. Embedded CSS, untabbed code, HTML-tabellen, de lijst gaat maar door. "
Er zijn genoeg voorbeelden van brutalisme dat er een geheel is website galerij gewijd aan deze ontwerpen. In de inleiding verwijst de website naar brutalisme op deze manier: "In zijn robuustheid en gebrek aan zorg om er comfortabel of gemakkelijk uit te zien, kan brutalisme worden gezien als een reactie van een jongere generatie op de lichtheid, het optimisme en de frivoliteit van het hedendaagse webdesign. ”
Wat vooral interessant is aan brutalisme, is dat het ontwerp er zo anders uitziet dan alle platte en minimale stijlen die zo veel voorkomen. Als je een van deze ontwerpen tegenkomt, kun je niet anders dan stoppen, kijken en ontdekken. Of je het nu mooi of lelijk vindt of iets daartussenin, dat is het uiteindelijke doel van elk websiteontwerp.
3. Holle belettering
Letters met interessante fills beginnen overal opduiken. Wat interessant is aan deze trend is dat het twee duidelijk verschillende looks heeft:
- Holle letters op een afbeelding of gekleurde achtergrond, zoals C & C Coffee.
- Belettering gevuld met een afbeelding op een effen achtergrond, zoals The London Loom, met een alternatieve versie waarbij je de afbeelding bijna kunt zien met een achtergrond met subtiele transparantie, zoals Mijn moeder voor mij.
Hoewel deze trend veel visuele impact heeft en erg leuk is, kan het enigszins moeilijk zijn om uit te voeren.
Als het gaat om holle belettering boven een foto, zijn er niet altijd zoveel lettertypen om uit te kiezen en ontwerpers kunnen vastlopen met dezelfde lettertypen. Dit is helemaal geen ideale situatie voor webprojecten. Er is meer flexibiliteit voor niet-webprojecten waarbij u zich geen zorgen hoeft te maken over het integreren en renderen van lettertypen.
Als het op gevulde letters aankomt, is de truc om het te laten werken dat de afbeeldingen in letters herkenbaar moeten zijn. Als gebruikers niet weten wat de afbeelding is, is het ontwerp niet effectief. Om te helpen kiezen de meeste ontwerpers hier voor dikke blokletters, zodat er meer ruimte is voor afbeeldingen. Afbeeldingen zijn vaak abstracter, of textiel of landschappen omdat het menselijk brein de neiging heeft om de lege plekken van het beeld te vullen en het werkt nog steeds voor hen. Het is veel moeilijker om afbeeldingen met gezichten of objecten te gebruiken die je op een bepaalde manier moet zien omdat ze perfect in personages moeten worden geplaatst.
Ondanks dat ze enigszins uitdagend zijn, kunnen beide beletteringsstijlen visueel interessant en leuk om te maken zijn.
Conclusie
In tegenstelling tot sommige andere trends waarbij u kleine wijzigingen kunt implementeren, bieden deze drie opties meer een algemene stijlverschuiving. Zie je jezelf een van hen gebruiken in toekomstige projecten?
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.