3 viktiga designtrender, november 2017
Om du är en fan av den här månatliga serien för designtrender, finns det en stark möjlighet att du har sett en trend eller två som du bara inte tyckte om. Och det är okej.
Denna månad borde var och en av de tre trenderna vara konversationsstartare. Medan visuella ser coola ut, är de läsbara och användbara? (Frågor varje webbdesigner borde fråga när man genomför ett projekt.) Ta en titt, se vad du tycker om dessa trender och bestäm själv.
Här är vad som trender i design denna månad:
1. Understruken text och element
Understruken text är en trend som är ganska oväntad. Tack och lov är understruken inte den standard som du kan se från en hyperlänk eller standardinställning i en ordbehandlare.
Den understrukna text- och elementstrenden använder färg och linjer för att markera specifik information och föra fokus till ett visst innehållsområde. Den smartaste användningen av underlining kombinerar stroke med något annat så att det känns som en sömlös del av designen.
För att understryka att det ska bli framgångsrikt måste det se avsiktligt utan att komma i vägen. Underlining kan vara en distraherande teknik i många fall och till och med få text att känna för hårt eller trångt. Men med hjälp av en understrykning i en del av konstruktionen med mycket vitt utrymme kan lindras det problemet samtidigt som man uppmärksammar understruken text.
Både Simon Lee Gallery och Hoohaa Design Använd en enkel understrukning med gott om plats för att dra ögat till viss text. För Simon Lee Gallery, hjälper underlaget användarna att fokusera på några av de minsta bokstäverna i designen och ger en pauspunkt medan nästa bild i reglaget fyller. För Hoohaa Design är underlaget en del av ett balanseringsskala grafiskt element som lägger tonvikten på sidnamnet.
Abel Design Group tar ett annat tillvägagångssätt med en orange linje som faktiskt är mer av en mittlinje än understruken men tjänar en liknande syfte - att dra texten till texten som är kopplad till stroke.
2. Obstruerad text
Att se design med obstruerad eller svårläst text är inte något som du förmodligen skulle förvänta dig att se på listan, men många designers spelar med konceptet just nu.
Detta kan vara en svår teknik att dra av och många designers har misslyckats (och slutade som memes) på grund av bokstäver som sa något oavsiktligt. Att utforma text med en obstruktion lämpar sig för sådana problem. Detta är en verklig oro med responsiva ramar på grund av olika brytpunkter och rörelse för textobstruktionen.
En obstruktion kan vara ett element som täcker text eller brist på kontrast mellan text och bakgrunden där elementen nästan blekna i varandra.
Men när det går bra kan det leda till en ganska iögonfallande design. (Det är svårt att sluta titta på Root Studio design. Den ljusa färgen och den subtila giraffrörelsen över bokstäverna är fascinerande.)
För att få det att fungera måste du göra några saker:
- Se till att ordet är vanligt nog att förstås, varför "ROOT" inte är ett problem
- Täck inte för mycket av ordet
- Var medveten om hinder som kan leda till oönskade ord
- Använd en super enkel typsnitt så att bokstäverna inte konkurrerar med obstruktionen
- Håll resten av designen super enkel så att användaren kan fokusera på ordet och läsa det med så mycket lätthet som möjligt
3. Svarta och vita estetiska
Ibland utformar trenderna - speciellt när det gäller att färga reflektera skaparens humör. Svartvita färgscheman trender mörkare, mer minimal och med mindre ljus färg accent än vad som varit vanligt under senare år. (Är designers lite lite dyster idag?)
Den nuvarande versionen av den svarta och vita designtendensen skiljer sig från vad som hänt tidigare, eftersom färgbristen inte bara används för fotoportefiler. Exemplen nedan inkluderar ett möbeldesignföretag, en webbdesignbyrå och berättelser och information om mental hälsa.
De har alla samma stämning gemensamt men på grund av brist på färg.
När man arbetar med svartvitt kan det vara oro för textplacering och läsbarhet, samt hur man lägger in färg i vissa delar av designen. Designers kan kämpa med att skapa något som är engagerande trots starkheten från en brist på färg.
En teknik som kan värma upp en svartvit design är att använda en rikare färgmix för de mörka tonerna. En rik svart kan ha en röd, blå, grön eller annan färg underton som hjälper till att skapa en något annorlunda humör.
Rik svart består av flera färger när man tittar på HEX-koder. Hex # 000000 är gjord av ingen färg alls. True rich black är # 004040. Allt annat är en "rikare" svart. En rikare svart kan fungera som en övergång mellan svartvita och mer färgstarka designelement.
Till exempel, Crafton , nedan, använder en rik svart för designen med subtil färg runt spökstilknappen och andra accenter. Den rikare svart känns varmare och inbjudande än några andra mönster på grund av detta färgval. Medan webbplatsen inte innehåller mycket färg under rullningen finns det några mer färgglada divots och designelement som förbinder sig ganska smidigt på grund av den svarta och färgaccenternas rikedom på startskärmen.
Den andra fördelen med en rik svart eller rikare svart är att den kan förbättra kontrasten mellan text och bakgrundselement, vilket gör allt lite lättare att läsa.
Slutsats
Alla trendiga mönster i månaden gör text lite svårare att läsa än vad de flesta av oss är vana vid. Det är ett av de designkoncept som kan vara effektiva när de används exceptionellt bra och endast för vissa projekt. Men det kan vara svårt att uppnå.
Vilka trender älskar du (eller hatar) just nu? Jag skulle gärna se några av de webbplatser som du är fascinerad av. Släpp mig en länk på Twitter ; Jag skulle gärna höra från dig.