abgx360.net
  • Home
  • Уроци
  • Сигурност
  • Новини и общност
  • Отзиви
RSS

Webdesign-tendenser

07.06.2020 Jeffrey Wilson Ingen kategori

DevArt mørkt tema

Webdesigntrends ændres konstant, og 2020 er ingen undtagelse.

I år lancerer mange designere dristige eksperimenter – bryder regler, genopfinder eksisterende stilarter og tager endnu mere inspiration fra industriel og printdesign – mens andre fortsætter med at skubbe grænserne for den legende typografi og den dristige minimalisme, der er så populær i de sidste par år.

Et fugleperspektiv af designlandskabet gør det klart, at designmetoder er mere varierede end nogensinde.

Men bag denne mangfoldighed af æstetik og underliggende tilgange ligger en voksende spalte. Mens UX-design og dens fokus på brugervenlighed og funktion er blevet mere og mere mainstream, har den voksende tekniske fleksibilitet, som designere har til rådighed, ført til, at en anden gruppe har fokuseret endnu mere på webdesign som et kunstnerisk medium.

Alt dette betyder, at 2020 er et år med designekstremer. Dage med en enkelt tilgang, der tager nettet med storm (husker fladt design i 2012?) Er forbi. Hvad der er tilbage er langt mere nuanceret og meget mere interessant.

Lad os se på de bedste designtrends i 2020.

Contents

  • 1 Æstetiske webdesign tendenser fra 2020
    • 1.1 1. Sort er tilbage
    • 1.2 2. Didone-skrifttyper
    • 1.3 3. Stor størrelse
    • 1.4 4. Vintage stilarter
    • 1.5 5. Omfavnelse dybde
    • 1.6 6. Fed fedthed
    • 1.7 7. Futuristiske temaer (og farveskemaer)
    • 1.8 8. Abstrakte illustrationer
    • 1.9 9. Fantastisk 3D
    • 1.10 10. Eksperimentel fortælling
  • 2 Tendenser til brugervenlighed og produktdesign fra 2020
    • 2.1 1. Informationsarkitektur returnerer
    • 2.2 2. Tilgængelighed går mainstream
    • 2.3 3. Gennemsigtighed nu
    • 2.4 4. Designfiler forsvinder
    • 2.5 5. Test, måling og eksperimentering
  • 3 Stien frem

Æstetiske webdesign tendenser fra 2020

1. Sort er tilbage

Da Apple og Google frigav indstillingerne for mørk tilstand næsten samtidig i 2019, startede de en tendens med populære websteder, der udvikler alternative temaer designet specifikt til situationer med lavt lys.

Men den langsigtede virkning af mørk tilstand kan være endnu bredere. Pludselig havde Geocities-websteder fra 1997 ikke længere monopol på mørk baggrund og neonfarver. Og designere i 2020 drager fordel.

Tusinder af designere har udgivet websteder med mørketemne allerede i år, og deres design er ikke kun beregnet til brug i svagt lys. Mørke baggrunde er mainstream igen. Sort er tilbage.

DevArt mørkt tema

Googles DevArt og To chimpansekaffe er to gode eksempler på stilen.

2. Didone-skrifttyper

Designere eksperimenterede bredt med typografi i 2019, og denne tendens er allerede i hastighed i 2020 og krystalliserer i en bestemt undergruppe af skrifttyper, der kaldes Didones.

Didones er skrifttyper med lange, smalle seriffer, tykke lodrette streger og kontrasterende tynde vandrette linjer.

Printere populariserede Didones i begyndelsen af ​​1800-tallet, og disse skrifttyper nyder en genopblussen i 2020. Nogle har allerede kaldte Didones ”Typografien i det næste årti”, og vi er tilbøjelige til at blive enige.

didone logoer

Logoerne af Allswell, Vox og Winc er slående eksempler på stilen, men det er ikke kun direkte til forbrugere og medievirksomheder, der kommer ind på trenden. Mange tech-startups, som Skillshare og Robin, bruger Didones som sekundære skrifttyper for at bringe et strejf af menneskeheden til mærker, der ellers ville føles lidt koldt og robotisk i 2020.

Skillshare bruger didones typografi

3. Stor størrelse

Når vi taler om skrifttyper, er Didones ikke den eneste typografiske designtrend i år.

I begyndelsen af ​​2020 har man allerede set adskillige steder eksperimentere med dramatisk overdreven type. I mange tilfælde formaterer designere skrifttyper så store, at en eller to tekstlinjer optager det meste eller endda hele visningen.

Cowboy Bicycle bruger store skrifttyper

Designere parrer ofte denne trend med dristige farver og illustrationer, der er tæt forbundet med selve typen. Cowboy Cykler er et fantastisk eksempel på stilen.

4. Vintage stilarter

Skrifttyper er ikke de eneste relikvier, der laver comeback. Vintage stilarter er vendt tilbage på en stor måde i år.

Fra de psykedeliske farver fra 60’erne og varmere jordfarver fra 70’erne til arkadefølsomheden i 80’erne og grungeteksturer fra 90’erne, er nostalgi aldrig mere end et par klik væk i år.

Nogle af disse designs, som Gucci’s Grib skateboarding spil, er klart parodier, mens andre ligesom design af Tens og Nudie Jeans, tage sig selv meget mere alvorligt.

Guchys greb skateboarding spil

Naturligvis har nostalgi været et stærkt salgsværktøj, da der var ting at være nostalgisk ved, og populære mærker som Apple, Nike og Instagram har udnyttet det med succes i årevis. Denne tendens er stadig stigende, og det ser ud til, at vintage-stilarter vil forblive en del af samtalen i løbet af det næste årti.

5. Omfavnelse dybde

I begyndelsen af ​​2020 har mange mærker lanceret designs med en faux-3D-stil, der bruger lag og skygger til at skabe dybde.

I modsætning til skeuomorfismen i de tidlige 2000’ere eller den flade designtrend, der fulgte, omfavner denne stil hverken fuld funktionel dekorativitet eller undgår den helt. I stedet søger designere at skabe opmærksomhed på centrale indholdselementer – som opfordring til handling og funktionsillustrationer – gennem perspektiv.

Kort sagt, det er ikke fladt. Det er fladt.

Fullstory's eksempel på hjemmesiden

FullStory’s nuværende startside er et klart eksempel på stilen med hver grafik med både slørede og uskarpe skygger, flere lag og en blanding af både fotos og illustrative elementer. Der er endda en Didone-esque sekundær skrifttype til god målestok.

6. Fed fedthed

Minimalismen forbliver lige så populær i år, som den har været i de forgangne ​​år, hvis ikke mere.

Faktisk føles mange minimalistiske websteder endnu dristigere end nogensinde, og de er næsten udelukkende afhængige af tunge typografi og mættede farver for at skabe skønhed. Third & Groves websted er et fantastisk eksempel med alternerende farveblokke i fuld visning, legende Didone-typografi og masser af negativ plads til åndedrætsværelse.

Andre eksempler, f.eks Innovation er hård, undgå illustrationer helt, men brug animation til at fortælle en historie i stedet.Tredje og lund minimalistiske site

Selvom minimalisme muligvis ikke virker nyskabende i 2020, er det rart at se, at den fortsætter med at vokse og udvikle sig som denne. Og hvis designere fortsætter med at bruge det med så slående effekt, vil minimalisme sandsynligvis forblive en tendens i årene fremover.

7. Futuristiske temaer (og farveskemaer)

Science fiction-styling ser ud til at vende tilbage på en stor måde i 2020.

Fra UFO-inspirerede designs som BrightScouts websted til rumkoloniseringsgrafikken på InVision’s DesignBetter industrirapport, designere bruger plads og sci-fi som stand-ins til innovation, ligesom deres kolleger gjorde i 1950’erne.

Brightscout-stedets futuristiske tema

Selv traditionelt stilte kategorier som finansielle tjenester springer på båndvognen og bruger lysende farveskemaer til at lysne op ellers kedelige steder.

8. Abstrakte illustrationer

Abstrakte illustrationer – ofte sammensat af pastelsilhouetter – var overalt i 2019. Hvis den tidlige del af 2020 er en indikation, vil denne tendens fortsætte med at vokse.

Websteder som GitHub og HelloSign Brug disse illustrationer subtilt, mens andre kan lide Airtable føle sig tunge. Vi får det; rigtige mennesker bruger din abstrakte software.

eksempel på airtable-hjemmeside

Uanset dens fordele ser denne tendens ikke ud som om den går overalt.

9. Fantastisk 3D

Såkaldte eksperter har forudsagt stigningen i 3D-elementer på moderne websteder i årevis, men 2020 kan være det år, det faktisk sker massivt.

Shopify opretter interaktive 3d-elementer

De fleste af produktsiderne i Google Store bruger 3D-elementer til at illustrere det industrielle design af Googles fysiske produkter, og endda SaaS-virksomheder som Shopify skaber interaktive 3D-elementer, skønt nytten af ​​en trækbar animation er tvivlsom.

10. Eksperimentel fortælling

Året 2020 kan også være højdepunktet i eksperimentel og interaktiv online historiefortælling.

Mens websteder kan lide Besejr Boco Brug en tegneseriehistorikboggrænseflade til at popularisere brugeroplevelsesteknikker, andre kan lide TraffickWatch tackle vigtige spørgsmål som menneskehandel i en dokumentarisk stil.

eksempel på trafikur

Denne type langformet fortælling var engang populær i trykte magasiner og tidsskrifter, men da mediet falmer i popularitet, er det fantastisk at se det erstattes af mere interaktive og mere viscerale web-kolleger.

Tendenser til brugervenlighed og produktdesign fra 2020

Hvis alt det ovenstående føltes lidt for subjektivt og kunstnerisk, er du ikke alene.

Brugeroplevelsesdesign er vokset i popularitet i årevis, og en stadigt stigende cadre af designere bekymrer sig mere om deres funktionelle indvirkning end deres æstetik..

Her er nogle af de bedste anvendelighedstendenser fra 2020.

1. Informationsarkitektur returnerer

Informationsarkitektur, længe betragtet som UX-designs uhyggelige onkel, skaffer sig sejr i 2020.

Med fremkomsten af ​​designsystemer og datadrevne mønsterbiblioteker som GoodUI, designere vender tilbage til og genopfinde, informationsarkitekturmønstre, som de er blevet ignoreret støt siden de tidlige dage af internettet.

2. Tilgængelighed går mainstream

Advokater og allierede har presset webtilgængelighed i årevis med ganske vist blandede resultater. Indtil videre har designere vidt ignoreret standarder, hvis de overhovedet er opmærksomme på dem, og de fleste små virksomheder mener, at de ikke har råd til at designe for tilgængelighed.

2020 kunne være året, hvor alle ændringer.

Et antal startups, der fokuserer på at gøre mainstream-tilgængelighed, vinder popularitet. AccessiBe og UserWay, tilbyder for eksempel SaaS-platforme, der automatiserer mange af de udfordringer, der er forbundet med at gøre websteder tilgængelige.

eksempel på accessiBe-hjemmeside

AccessiBe serverer allerede en lang liste med fremtrædende kunder, herunder Fiverr, Hilton og BMW, mens UserWay kan prale af klienter som Disney, eBay og Coca-Cola. Efter en række forbrugerstyrede retssager mod virksomheder med dårlige tilgængelighedsstandarder i 2019, synes begge opstart klar til at vokse markant i 2020.

3. Gennemsigtighed nu

Internetforbrugerlovgivning som forbrugerbeskyttelse som GDPR og CCPA er sandsynligvis kun toppen af ​​isbjerget. I 2020 kræver forbrugerne stigende gennemsigtighed og kontrol over deres data.

I 2000’erne og 2010’erne ejede virksomheder deres kunders data. I 2020 og fremover ser det ud til, at scriptet vil vende.

4. Designfiler forsvinder

Kunne 2019 være det sidste år, du faktisk designer ved hjælp af filer, der er gemt lokalt på din bærbare computer? En voksende gruppe designere synes det.

Figma, en samarbejdsorienteret UX-designplatform med indbygget versionering, der fik så stor popularitet i 2019, at det ikke er svært at forestille sig en verden, hvor e-mailing af den nyeste version af designet til en kollega er en saga fortid.

figma hjemmeside eksempel

I denne modige nye verden kan flere designere samarbejde om den samme fil, klienter og interessenter kan give feedback i realtid, og værktøjerne er blevet så nemme at bruge, at næsten enhver kan bidrage.

5. Test, måling og eksperimentering

Mens næsten alt andet har ændret sig online, har A / B-test og produktanalyse været tidens test. 2020 vil ikke være nogen undtagelse.

På trods af hvad GDPR dommedagsprædiktører vil have dig til at tro, er måling og eksperimentering levende og godt. Direkte respons marketing og analytisk rapportering kan blive vanskeligere i 2020, men nettet vil udvikle sig for at imødekomme denne udfordring.

I en verden, hvor optimerede konverteringsfrekvenser og brugeropbevaring trumf alt, vil virksomheder fortsætte med at innovere.

Stien frem

Hvis over et årti med webdesign og -udvikling har lært os noget, er det at overveje trends med et skeptisk øje og undgå at blive fanget i hype.

Pas på skinnende genstands syndrom.

Hvis du driver en online-forretning eller arbejder i et webbaseret erhverv, er dit bedste valg at fokusere på din plan og vælge den strategi og taktik, der mest sandsynligt vil hjælpe dig med at nå dine mål.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    « 12 parimat WordPressi pistikprogrammi (tasuta ja tasuline) » Τύποι φιλοξενίας – Η διαφορά μεταξύ Shared VPS και Dedicated Web Hosting

    Random Posts

    • Jak prodávat hudbu online pomocí WordPress (3 snadné kroky)
    • 80多个最佳WooCommerce扩展和附加组件
    • Kas InMotion pakub veebisaidi malle?
    • Jak publikovat blogové příspěvky WordPress prostřednictvím e-mailu
    • Wix Review
    • Защо и как да добавяте персонализирани отстъпки от количката WooCommerce
    • GoDaddy veebimajutuse ülevaade
    • InMotion MySQL andmebaasi õpetus
    • Sådan opretter du e-mail-konti til dit domænenavn
    • FatCow poodide tööriistad
    • So veröffentlichen Sie WordPress-Blog-Beiträge per E-Mail
    • Tarjoaako BlueHost SEO-palveluita?
    • HostGatori ülevaade
    • Tilføjelse af tilpassede skrifttyper til WordPress
    • 12 parimat WordPressi pistikprogrammi (tasuta ja tasuline)
    • Voinko siirtää sivustoni pois FatCow-palvelusta?
    • GoDaddy-arvostelu
    • Vellumi üksikasjalik ülevaade – tundlik WordPressi teema
    • Kan jeg betale BlueHost med Paypal?
    • IdeaHosti ülevaade
    • Booknetic: WordPress Schůzky a rezervace v krabici
    • 12+ millors elements complementaris per a WordPress 2020
    • Kuinka mukauttaa WordPressiä (101)
    • Justhost ülevaade
    • Una guia per a les mides de retallades d’imatges de WordPress
    • Põhjalik ülevaade poepidajast – tundlik WordPressi teema
    • So gestalten Sie Ihre WordPress-Site mit dynamischen Inhalten
    • emaze ülevaade – emaze veebiesitlustehnoloogia maksimaalne ärakasutamine
    • Безплатни и празнични ресурси за вашия WordPress блог
    • Vuoden 2016 10 parasta premium-verkkokaupan teemaa WordPressille
    • Passen Sie Ihren WordPress-Administrationsbereich mit White Label Branding an
    • 25+ Millors elements temàtics de WordPress del 2020
    • 30+ nejlepších sociálních médií pro WordPress v roce 2020
    • Как да стартирате сайт за списание с новини с WordPress в 10 лесни стъпки
    • ClickFunnelsi ülevaade: kas teie veebisait hävitab teie müügipotentsiaali?
    • 12 най-добри теми за WordPress за партньорски маркетинг за 2020 г.
    • WordPress 3.9+ TinyMCE 4 Tweaks: Hinzufügen von Stilen, Schaltflächen, Schriftarten, Dropdowns und Popups
    • Veebidisainer vs veebiarendaja
    • Φύλλο εξαπάτησης MySQL
    • Quadres d’opcions del tauler de tema de WordPress
    • Erstellen Sie ein benutzerdefiniertes Wörterbuch mit dem CM Tooltip Glossary WordPress Plugin
    • Revue d’hébergement A2
    • 如何将自定义字体添加到您的WordPress网站
    • Fungerer WebHostingHub på iPhone og iPad?
    • Visual Composer: Eine Anleitung zum Erstellen von Drag & Drop-Seiten
    • Kas ma saan oma saidi üle kanda InMotionile?
    • 20 millors complements del formulari de contacte de WordPress 2020
    • BlueHosti ülikooli veebimajutuse allahindlus
    • Kuidas oma veebisaiti eHosti üle kanda
    • bbPress-Foren für WordPress: Eine Kurzanleitung
    • Hosting af en blog med WebHostingHub
    • Venedor – WordPress + WooCommerce-tema dybdegående anmeldelse
    • 20+ Beste Kryptowährung WordPress Themes 2020
    • Voinko maksaa InMotion Paypalilla?
    • Ús de Markdown amb WordPress: Guia per a principiants
    • 如何跟踪WordPress网站的社交指标
    • ARForms Review: un creador de formularis de WordPress potent, professional i fàcil
    • Sådan sættes WordPress i vedligeholdelsestilstand
    • 50+ τρόποι αύξησης της επισκεψιμότητας ιστότοπων
    • emaze Review – Få mest muligt ud af emaze Online Presentation Technology
    • Tjekliste over webtilgængelighed
    • Jak vytvořit e-mailovou odkapávací kampaň pro WordPress
    • Как да използвате BuddyPress за създаване на социална мрежа с WordPress
    • Bluehost Review – värskendatud 2020. aasta maiks
    • Revisió de Youzer: complement addicional de BuddyPress per WordPress
    • ChemiCloud-arvostelu
    • Kas BlueHost pakub SEO teenuseid?
    • Visual Web Technologies Review
    • FatCow 3,15 dollaria erikoiskupongilinkki
    • Et Google Analytics-nedbrudskursus for digitale marketingfolk
    • 15个最佳预约WordPress插件
    • Die besten Plugins zum Scannen von WordPress nach Malware
    • InMotion e-handelsværktøjer
    • FatCow e-handelsværktøjer
    • Parim foorumi tarkvara (tasuta ja tasuline)
    • So richten Sie den Google Tag Manager für WordPress ein
    • WPForms评论:最佳高级联系表格插件?
    • 15 nejlepších modulů WordPress pro rezervaci schůzek
    • BlueHost tilmeldingsvejledning
    • 如何在WordPress中嵌入PDF文件
    • Nejlepší zásuvné moduly WordPress pro Nákupy Google
    • Kuidas oma saiti WebHostingHubi üle kanda
    • Coût de confidentialité du domaine SiteGround (examen 2020): en vaut-il la peine? En ai-je besoin?
    • So erstellen Sie einen Online-Kurs mit WordPress
    • Kuinka perustaa ostoskori WebHostingHubiin
    • FatCow 3,15 dollarit – eriline kupongi link
    • SiteGround GrowBig Review 2020 (coupon de réduction de 70%)
    • 20 μέρη όπου μπορείτε να μάθετε να κωδικοποιήσετε δωρεάν
    • Webdesign-tendenser
    • So erstellen Sie Facebook Remarketing-Kampagnen für WordPress
    • 如何使用WordPress创建社交网络
    • 如何在搜索引擎中排名更高
    • Hvor godt er Porto responsivt WordPress og WooCommerce tema?
    • WebHostingHub Kontrolpanelvejledning
    • Kas WebHostingHub lubab teil oma saiti omada?
    • HostGator arvostelu
    • Hinzufügen einer Zwei-Faktor-Authentifizierung für WordPress
    • Instalace WordPress na Mac místně pomocí MAMP
    • AI i WordPress: Com la intel·ligència artificial pot ajudar el vostre lloc web
    • La taula periòdica dels complements de WordPress (i els meus 5 millors)

    Follow us

    • facebook
    • twitter
    • dribbble

    ↑

    • Home
    • Уроци
    • Сигурност
    • Новини и общност
    • Отзиви