Modetrends inden for webdesign. Landingssiders stigende betydning
I en tid med udvikling af it-teknologier kan man simpelthen ikke stå til side og se, hvad der sker. Du skal være dette sker. For ikke at være en outsider, skal du hente viden fra alle mulige og umulige kilder og holde sig ajour med alle begivenheder. 2016 er ved at være slut, hvilket betyder, at 2017 allerede er om hjørnet og vil bringe noget nyt til webudviklingsområdet. Og hvad præcist, vil du læse i denne artikel!
Vær ikke en outsider, følg med tiden.
Bots
Simple websider er ikke længere så populære, de bliver mere og mere interaktive, desuden efter et stykke tid er vores online liv vil blive så forenklet af forskellige interaktive prompter, at vi slet ikke behøver at belaste vores hjerner. Bots er nu meget brugt, og dette er kun begyndelsen. Alle kender Slack-applikationen til virksomhedskommunikation, og der kan du også finde en bot, der hilser på dig, beder om dit navn og straks indsætter det i din profil. Bots dukker op i mange andre værktøjer og applikationer og indvarsler online-assistenternes æra.
Motion UI
Animation, video, GIF'er er for længst blevet vores hverdag, alt er så livligt og attraktivt, hvad har brugeren ellers brug for? De er meget brugt til hurtig CSS oprettelse overgange og animationer for at sikre brugervenlighed. Nyeste version Motion UI er udstyret med et animationsgruppeservicesystem, fleksibelt CSS skabeloner, som har udvidede muligheder for en fuld overgang og er i stand til at arbejde med alle typer animation JavaScript biblioteker. Vi er mere end sikre på, at mobilitet helt vil erstatte brugen statiske billeder.
Tilpasningsevne
Mobile first er vor tids slogan, hver dag, mindst én gang (for ikke at nævne de misbrugere, der rent faktisk bor i deres hænder med en telefon), søger efter information på internettet, sender beskeder eller foretager opkald, så brugen af dem bør være så bekvemt som muligt. Hvis du er en hjemmesideejer og stadig ikke har hørt om lydhørhed, er det tid til at tage fat i dine fødder og implementere det , for at sikre din potentiel kunde komfort ved at bruge dit websted. Som du måske allerede har bemærket, er dette et rigtigt must-have i verden af webdesign og -udvikling; desuden vil det hjælpe dig med at spare på udvikling af mobilapplikationer.
En side side
Er du forvirret af sider med en masse sider, hvor der er så meget af alting og alt er så uforståeligt? Bare rolig, æraen med ensides websteder er lige rundt om hjørnet. Denne type websted er meget populær blandt store virksomheder, de er mere bekvemme at bruge, og det er lettere at finde de oplysninger, som en bruger, der har besøgt siden til et bestemt formål, har brug for.
Javascript er i fremmarch nu
Javascript er fremtiden, på trods af rygter om, at det har mangler og svage sider. Ingen bestrider, at de faktisk er til stede, men hvad er ideelt i denne verden? Selv Mac OS bruger JS i sin hardware. Desuden vinder dets frontend-biblioteker som Angular, Node, React hurtigt popularitet, såvel som andre mindre biblioteker.
Det er ingen overraskelse, at Javascript er blevet en integreret del af standard webudviklingsstakken sammen med HTML og CSS. Og dette faktum taler for sig selv.
parallakse effekt
Denne effekt bruges oftest, men der er ikke mange, der ved med sikkerhed, hvad den hedder. For at præcisere: Det her Den bedste måde tilføje volumetriske lag til webstedet , den kan også bruges til at tilføje en fantastisk 3D-effekt.
Trends, der vil ændre verden
I denne artikel har vi samlet alle de lovende webudviklingstrends, der straks vil ændre verden. Men vi ved endnu ikke, hvilke trends 2017 har i vente for os. Hold dig orienteret moderne teknologier og måske vil du en dag blive så inspireret af det, der sker, at du selv vil finde på noget revolutionerende?
Lad os finde ud af, hvad det vil sige at være populær, moderigtig og moderne inden for webdesign i 2017. For at gøre dette, lad os se på de vigtigste tendenser inden for webdesign. De fleste af dem vandrer fra år til år og er allerede blevet en integreret del af moderne hjemmesideopbygning. Det hænger især sammen med udviklingen mobile teknologier, kommunikationskanaler og enhedsforbedringer. For eksempel er en trend som hjemmesidemobilitet blevet obligatorisk. Kommercialiseringen af internettet dikterer også dets strenge betingelser til designere og webudviklere. Samtidig svækkes nogle tendenser og bliver mindre populære, men forbliver stadig ret aktive. Moderigtige hobbyer, der er karakteristiske for en kort periode, dukker også op. For eksempel var det sidste år ikoner med en lang skygge af de afbildede genstande. I år er geometriske mønstre blevet populære, vi vil også se på dem. Så lad os tage det i rækkefølge.
1. Mobilt, responsivt design
I dag, måske den vigtigste og mest obligatoriske trend. Siden skal se lige godt ud på alle opløsninger af skærme, bærbare computere, skærme mobile smartphones og tabletter. Søgemaskiner overvåger i øvrigt meget nøje, hvor godt siden er tilpasset forskellige enheder, og ud fra dette bestemmer de deres plads i søgeresultaterne. 
2. Aktiv typografi
I flere år nu en af de mest populære trends. Store skrifttyper og typografi på webstedet har to komponenter. For det første æstetik - smukke linjer, kurver og bogstaver er i sig selv et dekorations- og dekorativt element. Og for det andet er dette funktionalitet - at bruge stor skrifttype du kan entydigt og eftertrykkeligt formidle hovedideen til den besøgende. 
3. Widescreen video
Fuldskærmsvideoen på baggrunden af webstedet fanger utvivlsomt straks vores opmærksomhed. Det her god velkomst at interessere den besøgende. Moderne udvikling teknologi gør det nemt at indlejre video på en hjemmeside, hvilket betyder, at designere i stigende grad vil bruge denne teknik. Der er dog en advarsel: At se videoen er kun interessant første gang; anden og tredje gang bliver det kedeligt. Derfor er denne teknik kun effektiv for nye besøgende.
5. Biografer
Et godt alternativ til widescreen video og flotte billeder på baggrunden. Cinemagraphs er fotografier, hvor der opstår små, gentagne bevægelser. De præsenteres normalt i gif-format og give seeren illusionen af at se en video. Mere om biografer med stort beløb eksempler kan findes i udvalget 
6. Fladt design
Endnu en stærk trend seneste år. Websteder lavet i flad farve, nøjagtighed og klarhed er iboende. Men i På det sidste, er en ny type fladt design dukket op - Semi fladt. Dette er, når hele designet er lavet i flad farve, og kun ét element har skygge, gradient eller tekstur. Som regel er dette element en knap, som får volumen eller fremtrædende plads for at tiltrække besøgendes opmærksomhed.
7. Mikrointeraktion på webstedet
Nu stor opmærksomhed webdesign fokuserer på mikro-interaktionen af webstedets funktionalitet og design med den besøgende. Essensen er, at den besøgende tydeligt kan se resultatet af sin handling på siden, det være sig en justering brugerdefinerede indstillinger, ved at følge et link, bekræfte en handling, interagere med aktive ikoner, knapper, kontakter, tællere og andre elementer.
8. Animation af objekter
Mulighederne i moderne html5 og css3 giver dig mulighed for at bruge et stort arsenal visuelle effekter Online. Dette gør interaktion med siden mere interessant og spændende for den besøgende. Så i det nye år vil vi også se de mest uventede interaktive mikrobevægelser af objekter, som normalt reagerer på musebevægelser. Måske vil vi se eksempler på mere kompleks animation.
9. Levende farvesammensætninger
Populære moderigtige farver i 2017 favoriserer lysstyrke og mætning. Interessante originale nuancer af skarlagen, sennep, gul, smaragd, dybblå samt rød, lilla og chokolade vil hjælpe dit websted med at skille sig ud og erhverve sin egen unikke stil. 
10. Webstedsrulning
Da sidens rulning er ideel til mobile enheder, vil dets tilstedeværelse være betydelig i 2017. Det eneste er, at scrollning ikke efterlader plads til brugerinteraktion, og derfor er der en vis træthed ved uendeligt at indlæse indhold. Måske vil tendensen vende mod en kombination af simple kontrolelementer med scrolling.
11. Parallakseeffekt
Parallaxe er en ændring i den tilsyneladende position af et objekt i forhold til en fjern baggrund. I webdesign bruges denne effekt, når du scroller et websted, når objekter og baggrund ruller med ved forskellige hastigheder, hvilket resulterer i illusionen om tredimensionalitet. Tendensen er ret stabil, så vi vil se sider med parallakse mere end én gang.
12. Modulært design
Modulært design, eller en kortgrænseflade bestående af selvstændige betydningsblokke, har været populært i nogen tid. Denne tendens er meget god til mobile enheder, da blokkene passer godt til enhver skærmopløsning. Men på store sites ser de ganske ens ud og er svære at hierarki og strukturere.
13. One-pagers
Ensides websteder, landingssider, er landingssider blevet en integreret del af det moderne internet. Du kan læse mere om hvad en landing page er i artiklen og. I 2017 vil landingssider lægge øget vægt på en knap, der kalder til handling – bestil, ring, tilmeld mv. Alt andet, der distraherer en potentiel besøgendes opmærksomhed, vil blive afskåret.
14. Grafisk annoncering
Jeg vil også gerne bemærke en ting, som jeg husker fra det forløbne år, og højst sandsynligt vil tendensen fortsætte i 2017. På grund af kommercialiseringen af Runet og væksten i online-handel, efterspørgslen efter grafisk reklamemateriale til reklame og promovering er steget markant - bannere, teasers, kort, flyers. 
15. Automatisering af typiske processer
Alle standardløsninger og procedurer på hjemmesiden bliver gradvist erstattet af automatiserede processer, hvilket eliminerer behovet for at kommunikere med supportservice eller online konsulenter. På grund af dette vokser populariteten forskellige applikationer og udvidelser. Nu kan du købe et produkt eller en service, afgive en ordre, aftale tid, reservere pladser, overføre penge, udfylde en formular eller tage en test – alt dette kan gøres online med få museklik.
16. Infografik
Grafisk repræsentation i form af infografik er stadig populær og efterspurgt. Tekstakkompagnement smukt billede eller et ikon sammen med stilfulde designelementer gør infografikken æstetisk attraktiv. Komparativ infografik er især visuelt tydelig og interessant - såsom hvad der skete, hvad der skete, ja, nej, fordele og ulemper, hvad der skete og ikke må osv. Du kan også bruge infografik til at fortælle en trin-for-trin historie eller levende præsentere kedelig statistik. 
17. Hamburgermenu
Hamburgermenu er et visuelt ikon med tre vandrette striber, normalt øverst i hjørnet af webstedet, når der klikkes på det åbnes eller glider ud fra siden fuld menu. Mange eksperter forudser, at denne tendens vil falme, på grund af det faktum, at de fleste uerfarne brugere simpelthen ikke forstår formålet med dette ikon. Derfor har webdesignere en tendens til at foretrække forenklet navigation. Men ikke desto mindre vil vi se hamburgermenuen mere end én gang på nyoprettede sider.
18. Ikoner
Ikoner, som en måde at præsentere information og et visualiseringsværktøj på, har været og er fortsat en af de mest populære og foretrukne trends blandt designere. Det er nok at placere de tilsvarende tematiske ikoner nær blokkene med tekst - og nu får hele teksten logisk og visuel orden og struktur. Så i det kommende år fortsætter vi med aktivt at bruge ikoner.
19. Brevstabling
Bogstavstabling er tekst i en firkant. I det væsentlige er dette et eksempel på en kompleks kreativ løsning - du skal forestille dig lang tekst i volumen af et lille rum. Samtidig skal det se smukt og originalt ud. I år er det også på mode. 
20. Tom knap
For at spare plads og plads på mobile enheder dukkede der for nogen tid siden en tom knap op - en stor inskription med en firkantet kontur rundt om ordet. Sådan en knap giver et overblik over baggrunden bag knappen og bevarer samtidig sin funktionalitet som en fuldgyldig knap. Plus, som et designelement ser en sådan knap stilfuld og pæn ud.
21. Undgå lagerfotos
Nogle eksperter har bemærket, at designere begynder at opgive stockfotos. Fordi moderne enheder giver dig mulighed for hurtigt og effektivt selv at tage et billede, så kan du undgå lagerupersonlighed og ensartethed og lave dit eget unikt foto og skab dit eget unikke design.
22. Usædvanlige vinkler på billedet
At finde interessante vinkler på billeder er blevet tilgængeligt for enhver ejer af en smartphone med et kamera. I denne henseende er kreativitet, når du laver fotos, ude af diagrammet, og vi kan dekorere webstedet unikt billede med en usædvanlig betragtningsvinkel eller perspektiv. 
23. Karrusel
Karruselskyderen, som kom ind i designlivet for flere år siden, er stadig populær og relevant, når man designer hjemmesider. Ved hjælp af en bred skyder er det praktisk at rotere de vigtigste nyheder såvel som til stede aktuelle kampagner, samlinger og anden relevant information, som den besøgende ser umiddelbart efter at komme ind på siden.
24. Selvafspillende lyd og video
Men denne trend er hej fra 2000'erne. Jeg husker dengang, at det var moderne at spille en lyd, når man ramte en hjemmeside. Og denne for mange. Jeg kan ikke sige, at lydakkompagnementet glæder mig, men måske vil moderat brug være diskret. Nå, selvafspillende video er mere en hyldest til reklame, som for mig. Nå, plus ønsket om at fastholde den besøgendes opmærksomhed i feedet. Ikke den mest behagelige trend, men kommercielt nødvendig.
25. Geometriske mønstre
Nå, vi vil afslutte vores gennemgang af det kortsigtede modetrend i form af div geometriske mønstre og mønstre. De blev uventet populære i slutningen af sidste år. Nå, en anden måde at få dit webstedsdesign til at skille sig ud og unikt. 
Infografik "Webdesign trends 2017"
Jeg tilbyder dig en infografik, der tydeligt præsenterer alle trends og trends inden for webdesign. Download billedet i stor størrelse Du kan følge dette link på DeviantArt. En side om DeviantArt åbnes i et nyt vindue. Der skal du klikke på ordet Download til højre for billedet og gemme billedet på din computer.
Vi følger webdesign trends og eksperimenterer. De fleste af de nye gadgets er nyttige for erhvervslivet, uanset hvad nogen siger. Mens 2017 forbereder sig på at vige pladsen for en efterfølger, er det tid til at lave en foreløbig prognose.
At afgive løfter om ting, der ikke afhænger af dig, er en utaknemmelig opgave. Ikke desto mindre vil vi fremhæve ti nøgleområder inden for webdesign for det næste år. Listen er sammensat på baggrund af vores teams erfaringer.
Fladt design
I 2017 skabte designere og udviklere rene, enkle hjemmesider, der kunne vises bedre på smartphones og tablets. Tunge ressourcer afskrækker mobilt publikum. Trafikken fra smartphones vokser støt, og sideløbende med det ændrer holdningen til webdesign sig. Nu er siden primært tilpasset mobile enheder, virker ikke som et indfald. Tendensen er også relevant for Rusland.
Tror ikke det fladt design kommer ned til to dimensioner - det handler om minimalisme og praktisk. Tænk på det som en filosofi om at slippe af med distraktioner og fokusere på vigtige elementer websted. Efter langsomme hjemmesider med deres massive strukturer føles lyse farver, sprøde kanter og åbne rum som et frisk pust.
Minimalisme og overvægt af funktion over form gør ikke fladt design kedeligt. Kontrasterende lyse farver, illustrationer, simple billeder og sans-serif skrifttyper à la Apple - tilsammen formidler de en fantastisk brugererfaring, fængende og overraskende.
Design af en af blokkene i portalen "Finansiel kultur".
Fladt design er ikke afhængig af billeder, så det er nemmere at indlæse. For webstedsadministrationen betyder det to fede ting:
- Ressourcen vil hurtigt formidle budskabet til kunderne. Det er lige meget, hvordan de fik adgang til webstedet: fra en telefon eller en computer.
- Optimerede sider er mere attraktive for søgemaskiner: Google, Bing og andre.
En hjemmeside med et fladt design er mere tilbøjelig til at rangere god position søgemaskiner. Og besøgende har en tendens til at blive længere på siden. Det er grunden til, at fladt design er blevet populært og vil forblive det i 2018.
Ekspressiv typografi
Er webdesignere efterladt ubevæbnede uden deres billeder og komplekse strukturer? Nej, vartegn har lige ændret sig. I 2018-typografi er ét ord tusind billeder værd. Lad os se på denne erklæring.
Nogle vil hævde, at "typografi" ikke lyder som et interessant designelement. Hvilken forskel gør det, om din titelskrifttype er gotisk eller moderne, serif eller sans serif?
Enhver typografisk beslutning kan formidle tanker og vække associationer lige så godt som et fotografi.
På hjemmesiden for vindrikproducenten cirq taler man om loyalitet over for traditioner
Den russiske regering forstår også vigtigheden af teknologi. I vores land planlægger de i 2022 at oprette en national operativ system til Internet of Things-enheder.
Virtual reality video
Ved udgangen af 2017 så det ud til, at alle websteder med respekt for sig selv lavede en videointro. Det er vidunderligt. Forbrugerne så folkene bag tjenesten eller produktet. Samtidig blev der udviklet tjenester for at forenkle skabelsen af videoindhold.
Virtual reality (VR) blev opfattet som science fiction for en halv snes år siden, men nu er det svært at forestille sig en fest uden. VR er ved at blive venner med webdesign. At lave 360-graders videoer bliver billigere og nemmere hver dag.
Virtual reality kommer til folket. Statens Eremitage har lavet en video om museets historie i VR-format. Guiden til minifilmen var skuespilleren Konstantin Khabensky. Uddraget er lagt ud til offentlig visning kl YouTube-tjeneste. Tag også et kig.
Chatbot, kunstig intelligens og maskinlæring
Vi kommunikerer oftere med bots. Det gør du sandsynligvis, når du ringer mobiloperatør. Det så ud til, at det ville tage mange år at bringe dem ud i livet. Men de bliver klogere og smartere takket være forbedrede kunstig intelligens(AI) og maskinlæring. Det er også derfor, Facebook kender dine præferencer så godt. Den bruger geolokationsdata, vaner og browsinginformation, så den ved, hvilke nyheder den skal tilbyde.
Vi forventer udvikling af denne teknologi i 2018, men allerede inden for webteknologier. Forestil dig et websted, der analyserer klientadfærd og genererer Special tilbud. Kundeservice via internettet bliver hurtigere og mere effektiv takket være smarte systemer. Hold dem i tankerne.
Stemmebrugergrænseflade og søgning
Stemme brugergrænseflade nogle gange omtalt som behandling naturligt sprog: Kort sagt er det menneske-computer-interaktion i form af tale. Nå, du ved, "Okay, Google. Hvor er min anden sok? Kombineret med maskinlæring kan denne teknologi forudsige behov, før en person fuldfører en anmodning.
Vi håber at se websteder med deres egne stemmer. Stemmesøgning også i stigning. Sørg for, at dit websted har et passende modul, fordi forbrugerne har en tendens til at interagere med grænsefladen anderledes. Bruger personlig computer vil nok bruge et tastatur, men det er nemmere at diktere fra en smartphone.
Sømløs interaktion
Husk, at du tidligere på det sociale netværk VKontakte skulle genindlæse siden for at finde ud af, om nogen skrev eller ej? (Så skal du huske væggen, like den hvis du vil have den tilbage). Senere tilføjede de opdateringer i realtid. Det er det, vi kalder sømløs interaktion.
Ryan McCready, indholdsredaktør for infografiktjenesten Venngage, fortæller om, hvad der er trending i verden lige nu. grafisk design, og hvilke teknikker der måtte opgives i år.
Fed og levende farver
I løbet af de sidste par år har mange teknologiledere brugt dæmpede og letlæselige farver. Så de forsøgte at skabe et meget klart designskema og vise, at den elegante og funktionelle fremtid, som normalt vises i science fiction-film, allerede er ankommet.
Denne metode hjalp virksomheden med at flytte til ny scene udvikling og foren alle dine applikationer under én farve. Som med Spotify, gjorde denne dristige brug af lyse farver brandet til at skille sig ud.
Moden til dristige og lyse farver i design kommer fra Googles Material Design-principper. Virksomheden valgte et fladt, strømlinet og intuitivt design med tilføjelsen af "uventede og energiske farver, samt funktionelle og iøjnefaldende skrifttyper og billeder."
Generelt opstod mange aktuelle trends i 2017 under indflydelse af principperne for Materiale Google design.
Vi brugte dem også til at lave dette reklamebillede. e-bog. Som et resultat blev billedet utroligt populært.
Hvis du ikke kan vælge bedste farver for dit design, læs videre for nogle gode eksempler på farvepaletter. Og vær ikke bange for at bruge farver, der står i kontrast til hinanden.
Fed skrifttype
Fed skrift tiltrækker læsernes opmærksomhed. Du lægger ufrivilligt mærke til de store og iøjnefaldende påskrifter.
Mit yndlingseksempel er Wired. Det bruger forskellige skrifttyper at fremhæve specifikke overskrifter og opretholde hierarkisk rækkefølge af information på siden.
Bare tag et kig:
En anden godt eksempel ved hjælp af fængende skrifttyper - HubSpot. Teksten er i forgrunden og understøttet af grafik:
HubSpot forstår, at den tid, det tager at absorbere information fra et tweet hvert år, har en tendens til nul. Derfor bruger de korte og kortfattede inskriptioner med fede bogstaver for at tiltrække læserens opmærksomhed.
Desuden nu alt flere folk surfe på internettet med mobiltelefoner. På grund af high-definition skærme er der et stigende behov for at bruge fede skrifttyper. Så for at fastholde læsere skal du levere dit indhold på den rigtige måde.
Buffer fremhæver overskrifter gennem hele artiklen, ikke kun i begyndelsen - hvilket gør artikler lettere at læse på alle enheder. Jeg anbefaler at bruge denne tilgang til lange artikler – på denne måde hjælper du læserne med at navigere i dem.
Vi anvendte denne metode, da vi lavede denne infografik. Kombination fremhævet og interessante farveløsninger tiltrækker opmærksomhed:
Skrifttyper fra Google Fonts
Jeg bruger Google skrifttyper i meget lang tid, fordi de er universelle. Hvis jeg skal finde på et design til en online publikation og derefter tilføje det til en præsentation, er jeg sikker på, at alle skrifttyperne vil fungere godt sammen. De ser alle godt ud på enhver blogplatform eller hjemmeside.
Forresten er alle 810 skrifttyper helt gratis! Åh ja, folk kan lide gratis ting. De kan også lide ting, der er meget nemme at bruge. Her er et eksempel på at kombinere flere populære skrifttyper fra Google:
På vores hjemmeside bruger vi Roboto og Open Sans skrifttyper.
Originale fotos
Hvert år vokser mængden af indhold, ligesom behovet vokser billeder af høj kvalitet. For at sikre, at fotografier kan holde i lang tid, forsøger forfatterne at gøre dem så alsidige som muligt.
Der er kun et problem: De bedste generiske billeder har en tendens til at blive forældede med tiden. Følger du nyheder inden for teknologi og marketing, så kender du sikkert til dette foto:
Det bruges på landingssider, blogs og endda i Instagram-opslag. For at være ærlig tog jeg det selv for et websted, jeg arbejdede på for et par år siden. På grund af populariteten af sådanne stockbilleder er originaliteten af grafisk indhold faldet kraftigt.
Og behovet for at bruge klare og perfekte billeder gjorde kun situationen værre.
Når en læser ser det samme billede for hundrede gang, tænker han, at artiklens forfatter ikke forsøgte at være i det mindste lidt original. Så hvorfor overhovedet læse sådan en artikel?
Det er derfor, du skal bruge originale billeder. Stop med at tage populære billeder, begynd at lave dine egne.
Jeg er sikker på, at alle på dit hold har en kameratelefon. Hvorfor bruger du dem ikke? Tag billeder af dit kontor eller logo og brug disse billeder.
Find ud af, om der er en håbefuld fotograf blandt dine kollegaer. Giv ham et par dage til at leje et kontor - og du har nok billeder til et helt år!
Da vi lavede vores nye hjemmeside, fotograferede vi vores medarbejdere, og vi var meget tilfredse med resultatet.
Håndtegnede billeder og ikoner
Ikke kun fotografierne skal være originale, men også ikonerne og tegningerne. Nogle mærker har allerede indset dette og forsøger at skille sig ud fra mængden på denne måde. Denne tilgang tilføjer et element af personlig og sjov til designet.
Nogle siger, at trenden ser uprofessionel og barnlig ud, men den er stadig bestemt iøjnefaldende. Som de fleste trends i 2017 fungerer den som et alternativ til de seneste års sterile rene design.
Dropbox bruger håndtegnede illustrationer hele vejen igennem. De blev en del af virksomhedens brand og gjorde det genkendeligt.
Sådanne illustrationer skaber en afslappet stemning og glæder barnet, der bor i hver enkelt af os. De får produktet til at se mere overkommeligt ud. De er især effektive hos store teknologivirksomheder som Dropbox.
Et andet vellykket eksempel på denne tilgang er madrasfirmaet Casper. Næsten hele hendes websted består af håndtegnede tegninger. Her er en af dem:
Tendensen blev også opfanget af MailChimp-tjenesten. I 2016-rapporten viser han også lignende tegninger.
Moz, et firma, der udvikler marketingsoftware, indsætter illustrationer i artiklernes overskrift:
Nogle gange viser vores kærlighed til tegninger sig i andre projekter:
Vend tilbage til minimalismens rødder
Hvis du blev bedt om at forklare til en fremmed, hvad er minimalisme, ville du nok svare, at det er, når du skal opgive dekorativitet til fordel for funktionalitet. Mest sandsynligt vil du straks tænke på neutral farvepalet, bestående af nuancer af sort, grå og hvid.
Det ser ud til, at minimalismens sande ånd er blevet fortrængt af brugen af kedeligt sort og hvid farveskemaer. Jeg tror, det er gjort med vilje for at kompensere lille størrelse skærm og lav strøm på mobile enheder.
Men i 2017 vil alt ændre sig. Minimalismen vil vende tilbage i sin sande form. Hvilket betyder, at det bliver det mere farve. I dag er mobile enheder lige så kraftfulde som computere, og nogle har endda bedre skærme.
Mit yndlingseksempel på minimalistisk design er logoet. Mellemstore platforme. Dens skabere var i stand til at kombinere flere forskellige farver og stadig bevare en minimalistisk stil.
Google lavede endnu et logo-redesign til fordel for minimalisme og en kombination af lyse farver. Det er bemærkelsesværdigt, at det var dette firma, der tjente som en katalysator for fremkomsten af mange nye trends. Designerne trimmede lidt skrifttypestilen og præsenterede den nye slags et G-formet logo, som jeg rigtig godt kan lide.
Minimalismens ånd mærkes i alt dette, men pressen skrev ikke om det. Folk har glemt, hvad ægte minimalisme er. Logoet var ikke farveløst og lavet i en enkelt form, så ingen troede, at det var lavet i en minimalistisk stil.
Det nye logo var lyst og iøjnefaldende – samtidig med at det bibeholdt et minimalistisk look. Efter redesignet begyndte folk omkring dem at efterligne Google, som de havde gjort før i andre aspekter.
Vi begyndte selv at bruge en mere minimalistisk stil til designet af vores blogs.
Det enkle billeddesign formidler nemt den nødvendige information.
Brug af GIF'er
Alle (nå ja, næsten alle) elsker GIF'er. De hjælper os i samtalen, fordi nogle gange kan de formidle følelser bedre end tekst.
Derudover behøver du ikke nogen for at spille dem særlige programmer. GIF'er er normalt små i størrelse og kan indlejres næsten overalt.
De er bedre end videoer og billeder, især når du vil reducere sideindlæsningstid og trafik. Jeg tror på, at takket være deres alsidighed vil GIF'er blive endnu flere nyttigt element design.
Jeg kan virkelig godt lide at sætte gifs i overskriften på en artikel. I stedet for at sætte et kedeligt stockbillede der, så tag et par minutter og lav en GIF som denne.
For at gøre dette behøver du ikke gøre nogen særlig kreativ indsats, men på denne måde vil du helt sikkert tiltrække opmærksomhed til dit indlæg i i sociale netværk. Her er et andet godt eksempel på brug af GIF'er i overskriften på en artikel.
To-farvede billeder
Dette er en kombination af to, normalt meget lyse eller kontrasterende farver i ét billede. For at skabe sådanne billeder bliver du nødt til at tænde for dine designfærdigheder, men det er det værd.
Kun en meget dygtig designer kan lave så smukke tofarvede billeder. Jeg er sikker på, at jeg ikke kan skabe sådan noget, men det betyder ikke, at du skal skære denne teknik ud af dine designplaner.
Under Nyt år nogen fortæller lykke på kaffegrumset og kaster deres tøfler over skulderen. Og designere forsøger at undersøge fremtiden og identificere trends, der bliver hovedtemaet i 2017. Lad os også prøve. Vi vil ikke kun stole på smag og det faktum, at "kunstdirektøren sagde det", men også på analyser.
1. Video er et funktionelt element
Teksterne er for svære, du skal koncentrere dig. Billeder er ikke informative. Og video er den type indhold, der moderne bruger Internettet er klar til at forbruge og smadder på læberne. Og når du fortæller brugeren en historie – for eksempel hvordan en kompleks hjemmesideudviklingsproces fungerer – så brug den. Film og vis, hvordan en analytiker laver prototyper, og en designer tegner mockups. Fordyb brugeren i historien og svar på spørgsmål, de måtte have.
Og stop med at skubbe videoer overalt, hvor kunden beder om noget betagende inden for budgettet. Video for skønhed - brugerens knuste håb. Han kigger og håber, at de vil vise ham noget brugbart, fortælle ham en historie. Men nej. Derfor, som et dekorativt element i webdesign, der ikke opfylder nyttig funktion, videoen forbliver i 2016.
Ja: En video, der besvarer brugerspørgsmål og løser hjemmesideproblemer.
Ingen: Videoen er i baggrunden, fordi den er smuk, og alle gør det på den måde.
2. Biografer i stedet for videoer
Brug cinemagrammer. De er mere interessante end statiske billeder, men giver ikke falsk håb til brugere, som videoer uden en historie eller formål.
Forsigtigt! Biograferne er frygtelig klistrede.
3. Font grafik
Et andet alternativ til videoer og billeder er skrifttypegrafik. Det både dekorerer siden og gør den mere informativ. Den største bekymring her er kvalitetsindhold. Men det er en helt anden historie.
4. Ikoner er det vigtigste dekorative element
Hvorfor har du brug for billeder, videoer og skrifttyper, hvis du kan tilføje "wow" til de ikoner, der allerede vil være på siden? Seriøst, tilføj noget tilpasset animation og kald det en dag. Du vil være den mest trendy.
5. Sticky infografik
Problemet for brugerne er, at de bliver mindre flittige. Og glemsom som guldfisk - vi gik til stedet, så blinkede telefonen (åh, falsk alarm- bare et skær af sollys), vendte tilbage til skærmen og kan ikke huske, hvad de lavede her. Og de går.
Problemet bliver værre for hvert år. Derfor er designerens opgave at hook brugeren og tvinge ham til at interagere med indholdet, selvom det er kedelig statistik. Især (!), hvis det er kedelige statistikker.
Animer det, mal det i lyse farver, tving brugeren til at interagere med det – gør alt for at trække brugeren ind og ikke give slip før slutningen af siden.
6. Kombineret navigation
En teknik, der vinder popularitet - at kombinere vandret og lodret rulning - vil også lyse op i brugerens triste hverdag, interessere ham og tvinge ham til omhyggeligt at interagere med webstedet.
7. Undgå hamburgermenuen
I 99,9 % af webdesignprognoserne for 2015 og 2016 lover forfatterne, at designere i år helt sikkert vil opgive hamburgermenuen. Bare sådan. Nå, lad os støtte traditionen og også sige: i 2017 vil hamburgermenuen ikke være i trenden, gør det ikke, ugh!
Problemet med ikonet med tre bjælker er, at det ikke er intuitivt. Det genkendes af erfarne kalachi, som allerede har interageret med det og ved, hvad der gemmer sig bag symbolet. Men flere nytilkomne dukker op på internettet: både helt små haletudser og ældre mennesker. Og hamburgermenuikonet er hverken kendt eller forståeligt for dem. De kan først finde ud af, hvad hun gemmer på, og hvor fanden menuen er, efter at de har været igennem en smertefuld oplevelse.
Lad os være realistiske: Det er usandsynligt, at du helt vil være i stand til at opgive hamburgermenuen. Men før du stikker det ind, skal du kigge efter et muligt alternativ på hvert projekt.
studio-spoon.co.jp
8. Ramme rundt om stedet
En populær løsning er ikke at strække siden til at fylde hele skærmen, men at placere den i en pæn ramme. Sød og fremstår Fri plads, som kan skræddersyes til navigation (hvorfor ikke, da hamburgermenuen er ved at dø).
teletype.online
9. Flere emoji
Jo mindre indsats brugeren bruger på at reagere, jo mere villig vil han være til at gøre det. Og de er ikke kommet med nogle simplere reaktioner end emojis. For nu, på hjemmesider kan du kun like indhold, det maksimale er at give en Facebook Emote. Men det er tid til at skifte til emoji, andre designere.
10. Materialedesign
Ja, han er stadig hos os.
11. Mere Mobile First
Der er flere og flere brugere, der ser hjemmesider fra mobiltelefoner - det er derfor tilgangen Mobile First hvert år bliver det lettere accepteret af kunderne. Det betragtes ikke længere som et mærkeligt eksperiment, men en metode, der retfærdiggør sig selv. Så gør dig klar til en lavine af websteder af samme type, men så praktiske for mobiltelefoner.
12. Flere mikro-interaktioner
Sites vil absorbere flere chips fra mobile applikationer. I 2017 vil der være fantastiske mikro-interaktioner, der vil få dine fingre til at ryste. Som et hjerte på Twitter - ja, det er et kunstværk! Jeg vil presse ham for evigt. Der vil være mere af dette i Mobile First og klassiske projekter.
13. CTA'er er endnu mere påtrængende
Designeren ophidser kun skønhed for skønhedens skyld på bordet og på Dribbble. I andre tilfælde (i dem, der betales for), trækker marketingfolk tungt i øret på ham, som har brug for noget lysere her og en større knap der. Det ser ud til, at der i 2016 var et vendepunkt og en nytænkning af disse krav – forvent store, saftige, iøjnefaldende CTA-blokke i 2017. Sådan at marketingfolk ikke har noget at tilføje til dem.
strv.com
14. Nostalgi for 80'erne
På det raffinerede internet savner designere tændstik-hovedlampepixel, otte-bit lyden fra set-top-bokse og støjen fra rør-tv. Og de kompenserer for deres længsel efter 80'erne og 90'erne inden for hjemmesidedesign. Vær på trend - tilføj sure farver, interferens og fejl til dine projekter.
retrominder.tv
15. Undgå lagerfotos
Stock billeder har allerede sat tænderne på højkant, seriøst. Hamburgermenuen er værre, og det er nemmere at erstatte dem. Så lad os filme vores.
Det 21. århundrede er i gården, kamon. Telefoner er ligesom, hvad de gør fotos af høj kvalitet. Derfor er det ikke et problem at filme medarbejdere eller arbejdsprocessen lige nu på din telefon. Det vigtigste er tid og lyst til at lave et godt projekt.
16. Grønne
Fyrene fra Pantone mener, at farven i 2017 er denne lille grønne Greenery. Lad os lytte og tilføje det til vores liste. 
17. En ny tilgang til prototyping
Uanset hvilket vidunderligt design du tegner, er det vigtigste at præsentere det på en sådan måde, at kunden bliver forelsket. Eller i det mindste set det, som du ser det.
Et statisk layout kan næsten ikke klare denne opgave, så i 2017 skal du forbedre dine præsentationsevner. Så umiddelbart før layout ser kunden alle de opfundne kirkestole og ikke forestiller sig dem i sit sind. Ellers vil han forestille sig noget galt for sig selv, hvilket skaber forventninger, som udviklerne ikke vil være i stand til at retfærdiggøre.
Nu er det ikke comme il faut for en designer blot at tegne og vise et billede. Du skal være i stand til at håndtere enten et af prototypeværktøjerne for at skabe en interaktiv skabelon eller forbedre dine animationsevner.
Her er jeres arsenal for det kommende år, kolleger. Men lad være med at skændes med en kunde, der vil have en videotelefon. Skub ikke pixelelementer og emojis, hvor du har brug for ren, minimalistisk e-handel. Og lad være med at bombardere modvillige kunder på Skype med links til denne artikel. Brug trends med omtanke – eller brug dem slet ikke. I hvert fald, om tre år vil de være fuldstændig opdateret :)