3 Essentiële ontwerptrends, november 2017
Als je een fan bent van deze maandelijkse serie designtrends, is er een sterke mogelijkheid dat je een of twee trends hebt gezien die je niet leuk vond. En dat is OK.
Deze maand moet elk van de drie trends beginnen aan een ontwerpgesprek. Hoewel de beelden er cool uitzien, zijn ze leesbaar en bruikbaar? (Vragen die elke ontwerper van een website zou moeten stellen bij het uitvoeren van een project.) Neem een kijkje, kijk wat u van deze trends vindt en beslis zelf.
Dit is de trend in het ontwerp van deze maand:
1. Onderstreepte tekst en elementen
Onderstreepte tekst is een trend die nogal onverwacht is. Gelukkig zijn de onderstrepingen niet de standaard onderstreping die je zou kunnen zien vanuit een hyperlink of standaardinstelling in een tekstverwerker.
De onderstreepte tekst- en elemententrend gebruikt kleur en lijnen om specifieke informatie te markeren en focus naar een bepaald inhoudsgebied te brengen. Het slimste gebruik van onderstrepen combineert de streek met iets anders, dus laat het als een naadloos onderdeel van het ontwerp voelen.
Om te onderstrepen om succesvol te zijn, moet het er opzettelijk uitzien zonder in de weg te lopen. Onderstrepen kan in veel gevallen een afleidende techniek zijn en zelfs tekst te strak of te vol voelen. Maar het gebruik van een onderstreping in een deel van het ontwerp met veel witruimte kan dat probleem verlichten, terwijl aandacht wordt gevraagd voor onderstreepte tekst.
Beide Simon Lee Gallery en Hoohaa Design gebruik een eenvoudige onderstreping met voldoende ruimte om bepaalde tekst in de gaten te houden. Voor Simon Lee Gallery helpt de onderstreepte gebruikers zich te concentreren op enkele van de kleinste letters in het ontwerp en biedt een pauzepunt terwijl de volgende afbeelding in de schuifregelaar wordt geladen. Voor Hoohaa Design maakt de onderstreping deel uit van een in evenwicht brengende schaal grafisch element dat de nadruk legt op de sitenaam.
Abel Design Group neemt een andere benadering met een oranje lijn die eigenlijk meer een middellijn is dan onderstreept, maar een vergelijkbaar doel dient - om de tekst te tekenen naar de tekst die is verbonden met de streek.
2. Belemmerde tekst
Het zien van ontwerpen met belemmerd of moeilijk leesbare tekst is niet iets dat je waarschijnlijk op deze lijst zou verwachten, maar veel ontwerpers spelen nu met het concept.
Dit kan een moeilijke techniek zijn om van te maken en veel ontwerpers hebben gefaald (en eindigden als memes) vanwege letters die iets onbedoeld zeiden. Het ontwerpen van tekst met een obstructie leent zich voor dit soort problemen. Dit is een echte zorg met responsieve frameworks vanwege verschillende breekpunten en beweging van de tekstobstructie.
Een obstructie kan een element zijn dat tekst bedekt of een gebrek aan contrast tussen tekst en de achtergrond waarbij de elementen bijna in elkaar overlopen.
Maar als het goed wordt gedaan, kan dit leiden tot een mooi opvallend ontwerp. (Het is moeilijk om te stoppen met kijken naar de Root Studio ontwerp. De felle kleur en de subtiele beweging van de giraf over de letters is fascinerend.)
Om het te laten werken, moet je een paar dingen doen:
- Zorg ervoor dat het woord voldoende bekend is om begrepen te worden, daarom is "ROOT" geen probleem
- Bedek niet te veel van het woord
- Houd rekening met obstakels die ongewenste woorden tot gevolg kunnen hebben
- Gebruik een supereenvoudig lettertype zodat de beletteringstijl niet concurreert met de belemmering
- Houd de rest van het ontwerp supereenvoudig, zodat de gebruiker zich op het woord kan concentreren en het met zo veel mogelijk gemak kan lezen
3. Zwart en wit esthetisch
Soms weerspiegelen designtrends, vooral als het op kleuren aankomt, de stemming van de makers. Zwart-witte kleurenschema's zijn trending donkerder, minimaler en met minder helder kleuraccent dan gebruikelijk in de afgelopen jaren. (Voelen ontwerpers zich tegenwoordig wat somberder?)
De huidige versie van de zwart-witte ontwerptrend is anders dan in het verleden, omdat het gebrek aan kleur niet alleen wordt gebruikt voor fotografieportfolio's. De onderstaande voorbeelden omvatten een meubelontwerpbedrijf, een websiteontwerpbureau en verhalen en informatie over geestelijke gezondheid.
Ze hebben echter allemaal dezelfde gemoedstoestand, vanwege een gebrek aan kleur.
Bij het werken met zwart-wit kunnen er zorgen zijn over de plaatsing en leesbaarheid van de tekst en over de manier waarop de kleur in bepaalde delen van het ontwerp kan worden opgenomen. Ontwerpers kunnen worstelen met het maken van iets dat aantrekkelijk is, ondanks de grimmigheid van een gebrek aan kleur.
Een techniek die een zwart-wit ontwerp kan opwarmen, is om een rijkere kleurenmix te gebruiken voor de donkere tonen. Een rijke zwart kan een rode, blauwe, groene of andere kleur ondertoon hebben die helpt om een iets andere sfeer te creëren.
Rich Black is opgebouwd uit meerdere kleuren bij het bekijken van HEX-codes. Hex # 000000 is helemaal geen kleur. Waarlijk rijk zwart is # 004040. Al het andere is een "rijker" zwart. Een rijker zwart kan dienen als een overgang tussen zwart en wit en kleurrijkere ontwerpelementen.
Bijvoorbeeld, Crafton , hieronder, gebruikt een rijk zwart voor het ontwerp met subtiele kleuren rond de geest stijl knop en andere accenten. Het rijkere zwart voelt meer warm en uitnodigend dan sommige andere ontwerpen vanwege deze kleurkeuze. Hoewel de website niet veel kleur bevat onder de schuif, zijn er nog meer kleurrijke divots en ontwerpelementen die redelijk naadloos aansluiten vanwege de rijkdom aan zwarte en kleuraccenten op het startscherm.
Het andere voordeel voor een rijk zwart of rijker zwart is dat het het contrast tussen tekst en achtergrondelementen kan verbeteren, waardoor alles een beetje makkelijker te lezen is.
Conclusie
Alle trending ontwerpen deze maand maken de tekst iets moeilijker om te lezen dan wat de meesten van ons gewend zijn. Het is een van die ontwerpconcepten die effectief kunnen zijn wanneer ze uitzonderlijk goed worden gebruikt en alleen voor bepaalde projecten. Maar dat kan moeilijk zijn om te bereiken.
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.