Viktige designtrender, april 2016
Nettsteddesign sikkert ser gledelig ut i disse dager. Kanskje fordi våren er i luften eller kanskje er det bare en god stemning å gå rundt. Uansett, trenderne i nettside design denne måneden reflekterer den oppadgående følelsen, med kule ikonstilstil illustrasjoner, stor fotografering og lyse fargevalg.
Her er det som trender i design denne måneden:
1) Ikon-stil illustrasjoner
Det er vanskelig ikke å elske en flott illustrasjon. Noen av de beste illustrasjonene vi ser akkurat nå, har mer av en ikonstilstilstand for dem. Den kommer med noen viktige egenskaper:
- Flate og enkle illustrerte elementer (Legg merke til hvordan alle de små illustrasjonene er kombinert i Confederation Studio-siden)
- Lyse farger eller enkle farger med primære fargetoner
- Geometriske former med et interaktivt formål
- Elementer med utseende og følelse av ikonet, minus beholderen, så visuelt ser du det som en tegning og ikke en knapp
- Håndtegnede illustrasjonseffekter
- Elementer som ser ut som ikoner, men tar opp betydelig mer plass på lerretet enn et ikon
- Enkel linjestil tegninger (for eksempel stilen fra Draw a Better 2016)
Det som er kult om denne trenden er at det virker å innlemme et element av whimsy i et designprosjekt uten å føle seg overveldende lunefull. Det skaper en fin balanse mellom håndlaget og profesjonelt. Det tar også en noe mer maskulin følelse enn mange av de andre trendene som fokuserer på whimsy, for eksempel akvarell eller håndskrevet skriftskrift.
Selv om du ikke er en illustratør, er dette en trend du kan dra nytte av. Det er mange leverandører - betalt og gratis - som lager vektorbaserte ikonpakker. Se etter et sett som inneholder alle de faktiske formfiler slik at du kan trekke fra hverandre, bytte farger og blande og samle deler for å lage oversized illustrert ikonografi for dine prosjekter.
2. Større enn livsfotografering
Et stort, fet fotografi eller bilde gjør et fantastisk førsteinntrykk. Derfor velger så mange designere større enn livs bilder for å tegne brukere inn i deres webdesign. Dette designelementet kan være overraskende, interessant og være et godt alternativ hvis du har ett eller to flotte bilder, men ikke et stort bibliotek å jobbe med.
Men du må være villig til å bli litt ubehagelig for å komme dit.
For å få mest mulig ut av den fotografiske trenden som er større enn livet, må du være villig til å gjøre en av tre ting med designen:
- Beskjær bildet så tett at det tar opp en betydelig del av skjermen, slik at bildet blir skalert til en andel som er større enn virkeligheten
- Zoom inn på et nesten ubehagelig nivå med bilder av personer og ansikter for å vise alle detaljer
- Opprett et standardbilde, men legg til et element som er annerledes eller interessant på en måte som er litt uventet
Alle tre av disse teknikkene kan være ganske ubehagelige først. Intense avlinger, super-lukkede ansikter og oddities kan alle gjøre deg litt urolig først. Tilnær den visuelle for denne typen design litt annerledes. Start med det største eller merkelige alternativet mulig. Deretter går du av i små trinn og vurderer hvordan du føler deg om bildet. Sjansen er at du kan ende opp med å gå tilbake til en av de tidligere alternativene.
Ved å ta denne tilnærmingen tillater du deg selv å se design og bilder på en annen måte. Det er det som gjør denne trenden så slående - bildene er forskjellige. De tegner brukere fordi formene, avlinger og generelle stiler er så ulikt de fleste nettsteder som en bruker lander på hver dag.
3. Lyse fargevalg
Lys, fet farge er inn. Tendensen har innflytelser forankret i Material Design. Selv om Material er en interaksjonsbasert designstil, får noen av de visuelle komponentene seg selv. Dette gjelder spesielt farge.
Hvorfor bruke en fargepalett i Materiell stil hvis resten av designet ikke er materiale? Det er en enkel måte å legge til et trendy element i et prosjekt uten fullskala redesign. Du kan nesten legge til en lys farge og la resten av designet være alene med bare noen få tweaks til CSS eller bilder.
Hva er Materialefarge? Det er ingen perfekt definisjon, men her er hvordan Google beskriver det: "Farge i materialdesign er inspirert av dristige fargetoner sammen med dype omgivelser, dype skygger og lyse høydepunkter. Materialet tar signaler fra moderne arkitektur, veiskilt, belterbaner og sportsbaner. Farge skal være uventet og levende. "- https://www.google.com/design/spec/style/color.html
Hvis du er interessert i å lage en materialbasert fargepalett og trenger et startsted, prøv Material Palette. http://www.materialpalette.com/
De dristige fargevalgene er vakre og skiller seg ut mot mange av de dårligere minimalistiske prosjektene som har vært populære. Bright blues, greener og gule er spesielt populære som aksenter i fargepaletten. Trenden ser ut til å være fokusert på berøringer av Materialefarge, ikke fullskala fargepaletter.
For et prosjekt som virkelig wows, det tar en mer enn bare en lys farge. Stemningen på prosjektet skal være like lyst.
- Legg merke til hvordan Lefty parer lyse grønne med bilder av glade, smilende mennesker for å skape et overveldende positivt humør.
- BNP Paribas bruker en lysegrønn for å bringe brukerne inn i et spillstil-grensesnitt som er satt mot en mørkere bakgrunn.
- Big Drop bruker en dristig gul (og blå, rød og grønn på rullebladet) med lyse bilder og et morsomt skrifttegn for å trekke inn brukere, slik at virksomhetsområdet virker mindre formelt.
Trikset for å legge i hint av Material Design-inspirerte farger, er ikke å miste merkevaren din. Ikke gjenta hele fargepaletten din basert på en trend; heller finne en måte å inkorporere lyse farger uten overveldende design. Eksempelbrukene er gode måter å tenke på - bruk en enkel farget form som et visuelt element, prøv et dristig farget overskrift eller bruk lyse fargepaneler for å skape en mer fordybende, interaktiv opplevelse for brukere mens de ruller nedover siden.
Konklusjon
Det er flott når noen trender bare kan gjøre deg glad. Det er hva denne gruppen gjør med farge og med typevalg og med bilder. Kanskje det er ikke bare vårens innflytelse, og vi vil fortsette å se disse elementene i enda flere design i de kommende månedene.
Hvilke trender elsker du (eller hater) akkurat nå? Jeg vil gjerne se noen av nettstedene du er fascinert med. Slett meg en lenke på Twitter ; Jeg vil gjerne høre fra deg.