Vigtige designtendenser, april 2016
Website design sikkert ser glad i disse dage. Måske fordi foråret er i luften eller måske er der bare en god stemning, der går rundt. På nogen måde afspejler tendenserne i webstedsdesign i denne måned, at den opadgående følelse er kold ikonstil illustrationer, stor fotografi og lyse farvevalg.
Her er hvad der trender i design denne måned:
1) Ikon-stil illustrationer
Det er svært ikke at elske en god illustration. Nogle af de bedste illustrationer, vi ser lige nu, har mere af en ikonstil-stil til dem. Den kommer med et par nøgleegenskaber:
- Flad og simpel illustreret elementer (bemærk hvordan alle de små illustrationer er kombineret i Confederation Studio site)
- Lys farve eller enkel farvning med primære nuancer
- Geometriske former med et interaktivt formål
- Elementer med udseende og følelse af ikonet, minus beholderen, så visuelt ser du det som tegning og ikke en knap
- Håndtegnede illustrative effekter
- Elementer, der ligner ikoner, men optager betydeligt mere plads på lærredet end et ikon
- Simple line-style tegninger (såsom stilen fra Draw a Better 2016)
Hvad er cool om denne tendens er, at det virker at indarbejde et element af whimsy i et design projekt uden at føle sig overvældende lunefuldt. Det skaber en god balance mellem håndlavede og professionelle. Det tager også en noget mere maskulin følelse end mange af de andre tendenser, der fokuserer på whimsy, såsom akvarel eller håndtegnet script-bogstaver.
Selvom du ikke er en illustrator, er det en trend du kan drage fordel af. Der er masser af leverandører-betalt og gratis-der skaber vektorbaserede ikonpakker. Se efter et kit, der indeholder alle de egentlige formfiler, så du kan trække fra hinanden stykker, ændre farver og mix-and-match dele for at skabe overdimensioneret illustreret ikonografi til dine projekter.
2. Større end livsfotografering
Et stort, fed fotografi eller billede giver et fantastisk første indtryk. Derfor vælger så mange designere større end livsbilleder for at tegne brugere ind i deres website designs. Dette designelement kan være overraskende, interessant og være et godt alternativ, hvis du har en eller to flotte billeder, men ikke et stort bibliotek at arbejde med.
Men du er villig til at få lidt ubehageligt at komme derhen.
For at få mest muligt ud af fotografietrenden med større levetid skal du være villig til at gøre en af tre ting med designet:
- Beskær et foto så tæt, at det tager en betydelig del af skærmen op, så billedet skaleres til en andel, der er større end virkeligheden
- Zoom ind på et næsten ubehageligt niveau med billeder af mennesker og ansigter for at vise alle detaljer
- Træd et standardfoto, men tilføj et element, der er anderledes eller interessant på en måde, der er lidt uventet
Alle tre af disse teknikker kan i første omgang være ret ubehagelige. Intense afgrøder, super tætte ansigter og oddities kan alle gøre dig lidt urolig i starten. Tilnærm den visuelle til denne type design lidt anderledes. Start med den største eller mærkelige mulighed. Derefter kommer du tilbage i små intervaller og vurderer, hvordan du føler dig om billedet. Chancerne er du måske ender med at gå tilbage til en af de tidligere muligheder.
Ved at tage denne tilgang tillader du dig selv at se design og billeddannelse på en anden måde. Det er det der gør denne tendens så slående - billederne er forskellige. De trækker brugere ind, fordi formerne, afgrøderne og de overordnede stilarter er så ulige som de fleste websteder, en bruger lander på hver dag.
3. Lette farvevalg
Lys, fed farve er inde. Tendensen har indflydelse på roden i Material Design. Selvom Material er en interaktionsbaseret design stil, får nogle af de visuelle komponenter selv trækkraft. Dette gælder især farve.
Hvorfor bruge en Materiale-farvepalet, hvis resten af designet ikke er materiale? Det er en nem måde at tilføje et trendy element til et projekt uden fuldskala redesign. Du kan næsten tilføje en lys farve og overlade resten af designet alene med blot et par tweaks til CSS eller billedbehandling.
Hvad er Material farve? Der er ingen perfekt definition, men her er hvordan Google beskriver det: "Farve i materiale design er inspireret af dristige nuancer sammen med dæmpede omgivelser, dybe skygger og lyse højdepunkter. Materialet tager signaler fra nutidig arkitektur, vejskilte, fortovsmærkningstape og atletiske domstole. Farve skal være uventet og levende. "- https://www.google.com/design/spec/style/color.html
Hvis du er interesseret i at oprette en Materialebaseret farvepalet og har brug for et startsted, skal du prøve Material Palette. http://www.materialpalette.com/
De dristige farveindstillinger er smukke og skiller sig ud mod mange af de mere dæmpede minimal-stilprojekter, der har været populære. Bright blues, greener og gule er særligt populære som accenter i farvepaletten. Trenden ser ud til at være fokuseret på berøringer af Materialefarve, ikke fuldskala farvepaletter.
For et projekt, der virkelig wows, tager det mere end bare en klar farve. Projektets stemning skal være lige så lyst.
- Bemærk, hvordan Lefty parer lyse grønne med billeder af glade, smilende mennesker for at skabe et overvældende positivt humør.
- BNP Paribas bruger en lysegrøn til at bringe brugerne ind i et spil-stil interface, der er indstillet mod en mørkere baggrund.
- Big Drop bruger en fed gul (og blå, rød og grøn på rullebladet) med lyse billeder og et sjovt skrifttype til at tegne brugere, hvilket gør virksomhedswebstedet mindre formelt.
Tricket til at tilføje i tip af Material Design-inspirerede farver er ikke at miste din branding. Gendan ikke hele din farvepalet ud fra en trend; hellere finde en måde at indarbejde lys farve uden overvældende design. Eksemplet anvendelser er gode måder at tænke over det - brug en simpel farvet form som et visuelt element, prøv en dristigt farvet overskrift eller brug lyse farvepaneler til at skabe en mere fordybende interaktiv oplevelse for brugere, da de ruller ned på siden.
Konklusion
Det er godt, når et par tendenser bare kan gøre dig glad. Det er hvad denne gruppe gør med farve og med type valg og med billeddannelse. Måske er det ikke kun indflydelsen fra foråret, og vi vil fortsætte med at se disse elementer i endnu flere designs i de kommende måneder.
Hvilke tendenser elsker du (eller hater) lige nu? Jeg vil gerne se nogle af de websteder, du er fascineret af. Drop mig et link på Twitter ; Jeg vil gerne høre fra dig.