2016 m. Svetainės dizaino tendencijos, į kurias reikia atsižvelgti prieš kuriant savo svetainę

dk new media 1 svetainė

Mes matėme daugybę įmonių, siekiančių švaresnės ir paprastesnės svetainės naudotojų patirties. Nesvarbu, ar esate dizaineris, kūrėjas ar tiesiog mėgstate internetines svetaines, galite sužinoti ką nors, pažvelgę ​​į tai, kaip jie tai daro. Pasiruoškite įkvėpti!

  1. multiplikacija

Palikti ankstyvas, niūrias interneto dienas, kurios buvo vienodos su mirksinčiais gifais, animacinėmis juostomis, mygtukais, piktogramomis ir šokančiais žiurkėnais, animacija šiandien reiškia kurti interaktyvius, reaguojančius veiksmus, kurie pagerina pasakojimą ir suteikia turtingą vartotojo patirtį.

Raiškiosios animacijos pavyzdžiai yra animacijos įkėlimas, naršymas ir meniu, animaciniai pelės žymekliai, galerijos ir skaidrių demonstracijos, judesio animacija, slinkimas ir fono animacijos bei vaizdo įrašai. Patikrinkite šią svetainę iš „Beagle“, pasiūlymų valdymo platformos:

Biglio animacinė svetainė

Spustelėkite norėdami pamatyti nuostabią Beagle „JavaScript“ ir CSS animaciją, kai slinkate žemyn jų svetainėje.

Turtinga animacija taip pat gali būti vertinama mikrobangų sąveikos metu. Pavyzdžiui, „LinkedIn“ vartotojas gali užvesti pelės žymeklį virš kortelės, kad gautumėte subtilų parinkčių meniu, tada pasirinkti praleisti istoriją ar atlikti kitus veiksmus.

GIF animacijos (džiaugsmingai?) Atsinaujino ir gali būti naudojamos įvairiems tikslams, įskaitant komedijas, demonstracijas ir net tik dekoravimui.

  1. medžiaga dizainas

medžiaga dizainas, „Google“ sukurta dizaino kalba, remiasi spausdinto dizaino elementais - tipografija, tinkleliais, erdve, masteliu, spalvomis ir vaizdų naudojimu - kartu su reaguojančiomis animacijomis ir perėjimais, paminkštinimu ir gylio efektais, tokiais kaip apšvietimas ir šešėliai. suteikti realistiškesnę, patrauklesnę ir interaktyvesnę vartotojo patirtį.

„Material Design“ naudoja šešėlį, judesį ir gylį, kad pasiūlytų švarią, modernią estetiką, daugiausia dėmesio skiriant UX optimizavimui be per daug varpų ir švilpukų.

Kiti medžiagos dizaino pavyzdžiai yra vaizdai nuo krašto iki krašto, didelio masto tipografija ir tyčinis baltasis plotas.

„YouTube“ „Android“ medžiagų dizaino pertvarkymo koncepcija

  1. Butas dizainas

Nors „Material Design“ siūlo vieną požiūrį į minimalizmo koncepciją, plokščias dizainas išlieka klasikinis pasirinkimas švarių linijų mėgėjams. Tai yra, plokščias dizainas dažnai vertinamas kaip realistiškesnis, autentiškesnis ir patogesnis skaitmeninis vaizdas.

Kosminė adata

Remiantis baltos erdvės principais, apibrėžtais kraštais, ryškiomis spalvomis ir 2D arba „plokščia“ iliustracijomis, plokščias dizainas siūlo universalų stilių, kuriame dažnai naudojamos tokios technologijos kaip linijos ikonografija ir ilgi šešėliai.

Lander

  1. Skaldyti ekranai

Geriausiai naudojami, kai turite dvi vienodai svarbias sritis, kurias norite reklamuoti, arba norite pasiūlyti turinį kartu su nuotraukomis ar laikmenomis, padalyti ekranai yra puikus naujas būdas suteikti linksmą ir drąsią vartotojo patirtį.

padalintas ekranas

Leisdami vartotojams pasirinkti savo turinį ir patirtį, galite sukurti portalo tipo patirtį, kuri vilioja lankytojus įeiti.

padalintas ekranas-vandenynas

  1. „Chrome“ numetimas

Įskaitant chromuotus buferius ir puošmenas klasikiniuose automobiliuose, „chromas“ reiškia svetainės talpyklas - meniu, antraštes, poraštes ir kraštus -, kuriuose pateikiamas pagrindinis turinys.

chromo laikas

Tai gali trukdyti, ir daugelis kompanijų nusprendžia išsivaduoti iš konteinerių ir sukurti švarius, nuo krašto iki krašto išdėstymus be sienų, antraščių ar poraščių.

chromas-į priekį

 

  1. Pamiršk sulankstymą

„Virš atlankos“ yra laikraščio žargonas, skirtas viršutinei laikraščio puslapio pusei. Kadangi laikraščiai dažnai yra sulankstomi ir dedami į dėžutes ir ekranus, patraukliausias turinys eina virš jų, kad suteiktų jiems geriausias galimybes patraukti potencialų skaitytoją (ir jų piniginę).

Svetainės dizainas jau seniai naudojasi „fold“ idėja principu, kad slinkimas buvo sunkus. Tačiau pastaruoju metu viso ekrano vaizdai ir turinys pasitinka vartotoją ir skatina slinkti, kad būtų pristatytas papildomas, išsamesnis turinys.

sėklų dėmė

  1. Vaizdas per visą ekraną

Vaizdo įrašas gali būti puikus būdas patraukti lankytojų dėmesį, ir dažnai jis yra dar efektyvesnis nei vaizdai ar tekstas. Vaizdo įrašų ciklas, pvz., „Apple“ naudojamas „Apple Watch“, yra unikalus būdas nustatyti toną ir pritraukti lankytojus.

DK New Media

Spustelėkite, kad pamatytumėte DK New Mediavaizdo įrašą savo pagrindiniame puslapyje

Kalbant apie interneto dizainą, daugelį specifinių komponentų diktuos jūsų pramonė, niša, tikslinė rinka ir turinys. Jūsų išdėstymas priklausys nuo to, į ką lankytojai atsakys ir kas yra prasmingiausia jūsų žinutei. Bet turėdami šias tendencijas, turėsite viską, ko reikia norint sukurti patrauklią svetainę, kuri atliktų tai, ko jums reikia, ir tai parodytų, kad mokate neatsilikti nuo laiko.

Ką manote?

Ši svetainė naudoja "Akismet", kad sumažintų šlamštą. Sužinokite, kaip apdorojamas jūsų komentaras.