A weboldal készítése előtt figyelembe kell venni a 2016-os webhelytervezési trendeket

dk new media 1. oldal

Sok olyan céget láthattunk, amely a weboldal felhasználói számára egy tisztább és egyszerűbb élmény felé halad. Akár tervező, akár fejlesztő, akár csak a weboldalakat szereti, megtudhat valamit, ha megnézi, hogyan csinálják. Készülj fel arra, hogy ihletet kapj!

  1. Élénkség

A villogó gifekkel, animált sávokkal, gombokkal, ikonokkal és táncoló hörcsögökkel teli web korai, rikító napjainak elhagyása ma az animáció azt jelenti, hogy interaktív, érzékeny cselekvéseket kell létrehozni, amelyek fokozzák a történetmesélést és gazdag felhasználói élményt nyújtanak.

A gazdag animáció példái közé tartoznak az animációk betöltése, a navigáció és a menük, az egérmutató animációk, a galériák és a diavetítések, a mozgásanimáció, a görgetés, valamint a háttéranimációk és videók. Nézze meg ezt a webhelyet a Beagle-től, egy ajánlatkezelő platformtól:

Beagle Animált Weboldal

Kattintson, hogy megnézze Beagle csodálatos JavaScript és CSS animációját, amikor végiggörgeti a webhelyet.

A gazdag animáció a mikrokapcsolatokban is látható. Például a LinkedIn oldalon a felhasználó egy kártya fölé viszi az egérmutatót az opciók finom előugró menüjéhez, majd választhatja a történet kihagyását vagy más műveleteket.

A GIF-animációk (örömmel?) Újjáéledtek, és sokféle célra felhasználhatók, beleértve vígjátékokat, bemutatókat és akár csak díszítésre is.

  1. Anyagok tervezési

Anyagok tervezési, a Google által kifejlesztett tervezési nyelv, a nyomtatáson alapuló tervezés elemeire támaszkodik - tipográfia, rácsok, tér, méretarány, szín és képek felhasználása -, valamint reagáló animációk és átmenetek, párnázás és mélység effektek, például a világítás és az árnyékok. reálisabb, vonzóbb és interaktívabb felhasználói élményt nyújtanak.

Az Anyagtervezés az árnyék, a mozgás és a mélység segítségével tiszta, modern esztétikát kínál, amelynek középpontjában az UX optimalizálása áll, túl sok harang és síp nélkül.

Az anyagtervezés további példái közé tartozik a széltől a szélig képalkotás, a nagyméretű tipográfia és a szándékos fehér tér.

Youtube Android Anyagtervezés Újratervezési Koncepció

  1. Lapos design

Míg a Material Design egy megközelítést kínál a minimalizmus koncepciójához, a lapos kialakítás továbbra is a klasszikus választás a tiszta vonalak kedvelői számára. Vagyis a lapos kialakítást gyakran reálisabb, hitelesebb és kényelmesebb digitális megjelenésnek tekintik.

Tű

A fehér tér, a meghatározott élek, az élénk színek és a 2D - vagy „lapos” - illusztrációk elvei alapján a lapos kialakítás sokoldalú stílust kínál, amely gyakran alkalmaz olyan technikákat, mint a vonal ikonográfia és a hosszú árnyékok.

Lander

  1. Osztott képernyők

A legjobban akkor használható, ha két egyformán fontos területe van a reklámozásnak, vagy ha tartalmat szeretne kínálni fotók vagy média mellett, az osztott képernyők nagyszerű új módja a szórakoztató és merész felhasználói élmény biztosításának.

osztott képernyős

Ha lehetővé teszi a felhasználók számára, hogy kiválasszák tartalmukat és tapasztalataikat, létrehozhat egy olyan portál típusú élményt, amely csábítja a látogatókat a belépéshez.

osztott képernyős-óceán

  1. A Chrome leejtése

A klasszikus autók krómozott lökhárítóival és díszítésével együtt a „chrome” a webhely konténereire - a menükre, fejlécekre, láblécekre és szegélyekre - utal, amelyek az alapvető tartalmat foglalják magukba.

króm-idő

Ez zavaró lehet, és sok vállalat úgy dönt, hogy kiszabadul a konténerekből, és tiszta, éltől szélig elrendezéseket hoz létre, határok, fejlécek és láblécek nélkül.

króm-előre

 

  1. Felejtsd el a hajtást

A „hajtás felett” újságzsargon jelenti az újság címlapjának felső felét. Mivel az újságokat gyakran hajtogatják, dobozokba és kijelzőkbe helyezik, a legmeggyőzőbb tartalom a hajtás fölé kerül, hogy a lehető legjobb esélyt kapják a potenciális olvasó (és pénztárcájuk) megragadására.

A honlaptervezés már régóta alkalmazza a hajtás gondolatát azon az elven, hogy a görgetés megterhelő. De a közelmúltban a teljes képernyős képek és tartalom üdvözli a felhasználót, és görgetésre ösztönzi a további, mélyebb tartalom bemutatását.

magfolt

  1. Teljes képernyős videó

A videó nagyszerű módja lehet a látogatók figyelmének felkeltésére, és gyakran még a látványnál vagy a szövegnél is hatékonyabb. Az olyan videók, mint például az Apple által az Apple Watch számára használt videók, egyedülálló módon hangot adhatnak és vonzzák a látogatókat.

DK New Media

Kattintson, hogy lássa DK New Mediavideó a honlapjukon

Amikor a webdesignról van szó, sok konkrét összetevőt diktál az ipar, a rés, a célpiac és a tartalom. Az elrendezés attól függ, hogy a látogatók mire reagálnak, és mi az, aminek a legértelmesebb az üzenete. De mivel ezek a tendenciák kéznél vannak, mindenre szükséged lesz egy lenyűgöző weboldal létrehozásához, amely azt teszi, amire szükséged van, és amely megmutatja, hogy tudod, hogyan kell lépést tartani az időkkel.

Mit gondolsz?

Ez az oldal Akismet-et használ a levélszemét csökkentése érdekében. Ismerje meg, hogyan dolgozik a megjegyzésed.