Vigtige designtendenser, maj 2017
At lave et godt første indtryk er en vigtig del af webdesign. Hjemmesiden er ofte den første oplevelse en bruger har med en virksomhed eller organisation, og et slående design kan medvirke til at skabe interesse. Denne måneds tendenser fokuserer alle på designelementer på hjemmesiden, der kun er lidt anderledes end hvad brugerne er vant til at se.
Fra en ren æstetisk tendens i overfladiske helteoverskrifter og diagonale hjørneudformninger til en brugerinteraktionstendens i denne eller denne opfordring til handling er der masser af interessante måder at henlede brugerens opmærksomhed på.
Her er hvad der trender i design denne måned:
1. Grunte Hero Headers
For et stykke tid har trenden med heltebilleder været store, fede billeder og videoer, der fylder skærmen, ofte fra toppen af hjemmesiden til højre om hvor rullen begynder. Flere designs begynder at tage afsted med denne overdimensionerede billedudvikling for lavere heltebilleder.
Meget af designet er stadig det samme. Heltopslag indeholder stadig fine billeder eller tekst med en konfiguration, der er lavet til at blive set på. Men billederne er omkring halvt så dybe.
Hvad er godt med dette koncept, det hjælper med at flytte anden information op på skærmen. Body kopi og opkald til handling, der ikke er i helten billede vises højere op i designet, giver brugerne noget at gøre eller klik med det samme. Det kan hjælpe med til at forhindre rod i selve billedet, hvilket kan være ret vigtigt, hvis billedet er travlt eller svært at parre med tekst effektivt.
Dette designmønster kan også tilføje mere whitespace til det overordnede design, så det bliver lettere og lettere at navigere. Med mere minimal stilarter stadig populære, kan dette koncept være en af de faktorer, der kører denne design beslutning.
Den hårdeste del af at bruge et mere overfladisk heltebillede er beskæring. Det er en af de ting, du vil tænke på tidligt i designprocessen, helt tilbage til, når du taler med fotografen om billeder. Fordi formen ikke er som standard, skal du muligvis forklare, hvordan du planlægger at bruge billedet for at få et billede eller en video, der vil se godt ud med dette billedforhold.
2. Diagonal hjørne Layouts
Nogle trends er bare for meget sjovt at ignorere. Diagonal hjørne layout er en af disse begreber.
Disse designs er eksemplificeret af elementer, der er grupperet i et hjørne af skærmen - ofte nederst til højre - og blæser ud på resten af lærredet. Elementer er ofte placeret for at se ud som om de bryder ind i designet.
Diagonale hjørnelayouter giver et andet øjeovervågningsmønster for brugere ved at oprette et kontaktpunkt i nederste hjørne af et design i stedet for øverst til venstre eller midten og skabe en dybde med ideen om elementer, der synes at "eksplodere" på tværs af skærmen. (For et ekstra spark til designet skal du overveje animerende elementer for at øge eksplosionseffekten med bevægelse, da brugeren ruller eller svæver over bestemte elementer.)
For at få mest muligt ud af disse elementer gemmer mange design flere elementer under rullen for at tilføje det ekstra element af virkeligheden, så de dele af designet, som du ikke kan se, føles taktile og findes på rullen.
Selv om denne type mønster ikke virker med alle typer indhold, kan det være en god ide for design, der ikke har mange andre kunstarter og bruger mange brugergrænsefladeelementer til at henlede opmærksomheden. Det kan også arbejde for porteføljestil design eller fungere som en måde at organisere mange mindre visuelle elementer i en enkelt enhed.
3. Denne eller der opfordrer til handling
Næsten hver hjemmeside design indeholder en form for opfordring til handling. Uanset om det er en formular at udfylde, link til klik eller retning for at fortsætte med at rulle for mere indhold, bliver brugeren bedt om at gøre noget. (Og de modtager ofte noget andet som en belønning for den indsats.)
Flere designs begynder at dukke op med spejleopkald til handlinger, som giver brugerne mulighed for at vælge fra hjemmesiden, da de beslutter, hvad de skal gøre næste gang. Designet kan se ud på en række måder, som direkte ville du snyde eller ikke stille spørgsmål fra Ord gør ondt til to-panelet option fra Stoli til klikoptionsnavigationen for Hej Pointe Drive In .
Denne design stil giver brugerne kontrol over, hvad de vil gøre og se, hvilket kan tiltrække med den rigtige blanding af indhold og valg. Alle tre eksempler nedenfor gør et godt stykke arbejde med at udforme, hvad brugeren kan gøre, og hvad der vil ske. (Der er også outs, hvis brugeren foretager et forkert valg og skal tilbage.)
Udfordringen her er, at du bare har brug for den rigtige form for indhold til dette designmønster til at arbejde. Nogle brugere kan blive overvældet af flere valg og ønsker kun et enkelt opkald til handling med et enkelt valg - fuldfør handlingen eller ej. Her har brugerne dobbelt så mange muligheder at overveje. For at få mest muligt ud af valg skal indholdet være helt engagerende.
Konklusion
I modsætning til nogle af de andre tendenser, vi har udforsket for nylig, er denne måneds tendenser rene visuelle elementer, som du kan føje til et eksisterende design i luften. (Selv om du måske kommer tæt, hvis du er heldig.)
Disse designordninger afhænger lidt mere af planlægning af indhold og design for at matche, idet man ved, at man har et bestemt koncept i tankerne. Det kræver forudplanlægning og kræver i nogle tilfælde endda lidt HTML eller CSS magi til at trække det hele sammen.
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.