Webside-ûntwerp 2016 tendint te beskôgjen foardat jo side oanmeitsje

dk new media side 1

Wy hawwe in soad bedriuwen sjoen nei in skjinner, ienfâldiger ûnderfining foar brûkers fan websides. Oft jo in ûntwerper, in ûntwikkelder binne, of jo gewoan fan websiden hâlde, jo kinne wat leare troch te sjen hoe't se it dogge. Makket dy klear om ynspireare te wurden!

  1. Animaasje

Efterbliuwe fan 'e iere, fleurige dagen fan it web, dat wie fol mei flitsende gifs, animearre balken, knoppen, byldkaikes en dûnsjende hamsters, betsjuttet hjoed-de-dei animaasje ynteraktive, responsive aksjes te meitsjen dy't ferhalen fertelle ferbetterje en in rike brûkersûnderfining leverje.

Foarbylden fan rike animaasje omfetsje laden animaasjes, navigaasje en menu's, hoveranimaasjes, galeryen en diashows, bewegingsanimaasje, scrollen, en eftergrûnanimaasjes en fideo's. Besjoch dizze side fan Beagle, in platfoarm foar behear foar foarstellen:

Beagle Animated Website

Klik troch om de geweldige JavaScript en CSS-animaasje fan Beagle te sjen as jo har side omleech rôlje.

Rike animaasje kin ek sjoen wurde yn mikro-ynteraksje. Bygelyks op LinkedIn kin in brûker oer in kaart sweverje foar in subtyl pop-upmenu fan opsjes, en dan kieze it ferhaal oerslaan of oare aksjes te nimmen.

GIF-animaasjes binne (bliid?) Opnij opstien, en kinne brûkt wurde foar in soad ferskillende doelen, ynklusyf komeedzje, demonstraasjes, en sels gewoan foar dekoraasje.

  1. material Design

material Design, in ûntwerpstaal ûntwikkele troch Google, fertrout op 'e eleminten fan printbasearre ûntwerp - typografy, roosters, romte, skaal, kleur en gebrûk fan bylden - tegearre mei responsive animaasjes en transysjes, padding, en djipteffekten lykas ferljochting en skaden nei leverje in mear realistyske, boeiende en ynteraktive brûkersûnderfining.

Materiaalûntwerp brûkt skaad, beweging en djipte om in skjinne, moderne estetyk oan te bieden mei in fokus op it optimalisearjen fan UX sûnder te folle toeters en bellen.

Oare foarbylden fan materiaalûntwerp omfetsje râne-oan-râne bylden, grutskalige typografy, en opsetlike wite romte.

Youtube Android Materiaal Untwerp opnij ûntwerp konsept

  1. Flat Design

Wylst Material Design ien oanpak biedt foar it konsept fan minimalisme, bliuwt plat ûntwerp de klassike kar foar leafhawwers fan skjinne linen. Dat is, plat ûntwerp wurdt faak sjoen as in mear realistyske, autentike en noflike digitale útstrieling.

Space Needle

Op basis fan 'e prinsipes fan wite romte, definieare rânen, libbendige kleuren en 2D - as "flak" - yllustraasjes, biedt plat ûntwerp in alsidige styl dy't faak gebrûk makket fan techniken lykas line-ikonografy en lange skaden.

Lander

  1. Spjalte skermen

Bêste brûkt as jo twa like wichtige gebieten hawwe om te befoarderjen, as jo ynhâld neist foto's of media wolle oanbiede, binne splitskermen in geweldige nije manier om in leuke en dryste brûkersûnderfining te leverjen.

split-skerm

Troch brûkers tastean har ynhâld en ûnderfining te kiezen, kinne jo in portal-type ûnderfining oanmeitsje dy't besikers ferliedt yn te gean.

split-screen-oseaan

  1. De Chrome falle

Mei útsûndering fan 'e chrome bumpers en fersieringen op klassike auto's, ferwiist' chrome 'nei de konteners fan in webside - de menu's, kopteksten, foetteksten en rânen - dy't de kearnynhâld omfiemje.

chrome-tiid

Dit kin steurend wêze, en in protte bedriuwen kieze derfoar om frij te brekken fan 'e konteners en meitsje skjinne, râne-oan-râne lay-outs sûnder rânen, kopteksten as foetteksten.

chrome-foarút

 

  1. Ferjit de Fold

"Boppe de fold" is krantejargon foar de boppeste helte fan 'e foarside fan in krante. Sûnt kranten wurde faak fold en pleatst yn doazen en byldskermen, giet de meast twingende ynhâld boppe de fold om se de bêste kâns te jaan om in potinsjele lêzer (en har portemonnee) te pakken.

Webside-ûntwerp hat it idee fan in folding al lang brûkt op it prinsipe dat scrollen lestich wie. Mar koartlyn begroetsje ôfbyldings en ynhâld op folslein skerm in brûker en stimulearje it scrollen om ekstra, yngeande ynhâld te ûntbleatsjen.

seedspot

  1. Folslein skerm fideo

Fideo kin in geweldige manier wêze om de oandacht fan besikers te pakken, en it is faaks noch effektiver dan fisuele as tekst. Looping fideo's lykas dy brûkt troch Apple foar de Apple Watch binne in unike manier om in toan te jaan en besikers yn te lûken.

DK New Media

Klik troch om te sjen DK New Media's Video op har thússide

As it giet om webûntwerp, wurde in protte spesifike komponinten diktearre troch jo sektor, niche, doelmarkt en ynhâld. Jo opmaak sil ôfhingje fan wêr't besikers op reagearje en wat it measte sin hat foar jo berjocht. Mar mei dizze trends oan 'e hân hawwe jo alles wat jo nedich binne om in twingende webside te meitsjen dy't docht wat jo nedich binne om te dwaan, en dat lit sjen dat jo wite hoe't jo de tiid byhâlde kinne.

Wat tinksto?

Dizze side brûkt Akismet om spam te ferleegjen. Learje hoe't jo kommentaargegevens ferwurke wurde.