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!
- É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:
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.
- 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.
- 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.
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.
- 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.
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.
- 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.
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.
- 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.
- 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.
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.