A legnépszerűbb webdesign-trendek az Edge Animate alkalmazásban

Az Adobe Edge Animate használatával létrehozhatja az itt felsorolt ​​összes tervezési irányzatot. Az itt bemutatott webdizájn-trendek nagyrészt nemcsak új kódolási technikákat képviselnek, hanem új módokat is kínálnak arra, hogy a közönség vonzó módon kommunikáljon a webhelyével. Ha megragadja közönsége figyelmét, és felkeltette az érdeklődését a webdizájnban, jó úton halad a közönség megtartása felé.

További képek és illusztrációk

Fáradt és unod, hogy egy szövegfalat nézel? Ezek a kis képek és ikonok kezdenek kicsit elavultnak tűnni? Az egyszínű háttérszín ásít? Ha így érzed, jó eséllyel a közönséged is így érez.

Ha több képet és illusztrációt ad hozzá webhelyéhez, az nagyban javíthatja webdizájnját. Ahhoz, hogy webhelye aktuálisabb legyen, adjon hozzá egy finom háttérképet a fehér, szürke vagy fekete háttér helyett.

Könnyedén importálhat képeket az Animate kompozícióhoz és a velük való munkavégzéshez. Fedezze fel, hogyan használhat képeket a háttérben, és mi a különbség a div és egy img címke között. Előre beállíthatja az elrendezést a képekhez.

Vízszintes görgetés

A vízszintes görgetéssel webdizájnok készítése némi bátorságot igényelhet – ez ritkán történik meg –, de ez nem jelenti azt, hogy korábban ne csinálták volna, és nagy hatással. A „nagy vízszintes webhelyek” egyszerű internetes keresése nem fog csalódást okozni. Számos nagyszerű példát találhat olyan művészeti oldalakra, galériákra és kreatív oldalakra, amelyek vízszintes görgetést használnak a nagyszerű hatás érdekében.

Bár ez a fajta navigáció még viszonylag új, egy oldal ilyen módon történő létrehozásával Ön a divatos webdizájn terén a csomag élére kerülhet.

Függőleges görgetés

A vízszintes görgetés éppen ellenkezője a függőleges görgetés. Míg a függőleges görgetés hosszú évek óta népszerű webdizájn trend, az elmúlt egy-két évben ezt erősen eltúlozták.

Sok webhely véget nem érő függőleges görgetési technikát használ, amely az oldalon tartja a közönséget. Ezt a véget nem érő prezentációs stílust arra tervezték, hogy a közönség figyelmét a további tartalom folyamatos keresésében tartsa.

Javított fejlécek

Ha úgy dönt, hogy egy animált weboldalt a véget nem érő függőleges görgetés módszerével tervez, akkor érdemes lehet egy rögzített fejléc hozzáadását a webhelyéhez. A rögzített fejléc egy navigációs menü, amely az oldal tetején található, és látható marad, amikor a közönség lefelé görget az oldalon.

Ez a funkció lehetővé teszi a közönség számára, hogy gyorsan navigáljon onnan, ahol éppen tartózkodik, a webhely egy másik részébe – és mindig tudja, hol van.

A rögzített fejléc olyan kényelem, amelyet a közönség értékelni tud, mert nem kell egészen visszafelé görgetnie az oldal tetejéig, hogy megtalálja a menüt. A felhasználók kényelmét szem előtt tartó funkciók hosszabb ideig a webhelyen tartják a közönséget.

Kreatív navigáció

A kreatív navigáció jól kiegészíti azt, ha több illusztrációt és képet használ a webtervben. Az egyszerű szöveges menü helyett használjon képeket a hivatkozások jelölésére. Miután a felhasználók megtanulják, hogy a képekre kattintva továbbléphetnek a webhelyen, kényelmesebben kereshetik a hivatkozásokat webhelye szokatlan helyein.

Ez a fajta interakció megnyitja a lehetőséget a húsvéti tojások létrehozására a webhelyén. Az easter egg ebben az összefüggésben látszólag rejtett tartalmat jelent, amely meglepheti és felizgathatja a közönséget, amikor ráakad.

Nagyszerű módja annak, hogy megmutassa közönségének, hogy egy kép vagy ikon hivatkozás, ha a Kurzor attribútumot használja az Animate alkalmazásban. Amikor a közönség az egérmutatót egy linkelt kép fölé viszi, a kurzor mutatóról kézre válthat, jelezve a hivatkozást.

Történetmesélés

Mindenki szereti a magával ragadó történetet. Szóval, miért ne tervezhetne olyan webhelyet vagy animációt, amely lenyűgöző történetet mesél el közönségének? Ahelyett, hogy létrehozna egy egyszerű étterem weboldalt, amely csak az ételeket és az összetevők leírását mutatja be, miért ne készítene egy fantáziadús háttértörténetet?

Amellett, hogy a legjobb ételeidet helyben bio, farmon termesztett, fenntartható finomságként sorolod fel, miért nem adsz hozzá egy történetet a párról, akik a főétel és a desszert között eljegyezték egymást? Hozzáadhat egy pezsgőfuvolába ejtő gyűrű animációját, kiegészítve emelkedő buborékokkal.

Lehet, hogy a webhely látogatói jó ételt keresve érkeztek az étterem webhelyére, de ott maradnak, hogy többet megtudjanak arról, mi történik a többi asztalnál. A történetmesélő weboldalak animációi nem csak a prezentációt javítják, de kapcsolatba léphetnek a látogatók élettapasztalataival is.

Navigálás egy oldalon belül

Egy oldalas honlapok - ha ismert kiadvány oldalakat is - hogy a visszatérés. Ha a közönséget egyetlen oldalon tartja, amely különböző oldalak megjelenését öltheti, akkor kihasználhatja a görgetési trendet.

Ahelyett, hogy különböző oldalakra kattintana, és megpróbálna találni valamit, közönsége ehelyett görgetheti a webhelyet, miközben halad a tartalomban. A képként szolgáló linkek abban is segíthetnek a közönségnek, hogy közvetlenül a webhely bizonyos pontjaira ugorjon, amikor tudják, mit akarnak – miközben leköti valakit, aki véletlenül keres.

Ha az ebben a részben leírtak szerint hoz létre egy webhelyet, akkor valóban kihasználja néhány jelenlegi webdizájn-trendet: görgethet információkat, több képet használ, és kreatív navigációt hajt végre.

Távolodik a vakutól

Az Adobe Flash egykor a jövő hulláma volt, de ez a hullám összeomlott a tengerparton, és egy új hullám gördül be. Ahol korábban a Flash volt az animációk és webhelyek készítésének fő eszköze, ennek az eszköznek a virágkora eljött és elmúlt.

Lehet, hogy az Adobe Edge Animate még nem áll készen a Flash teljes leváltására, de hamarosan eléri ezt. Végül is nem nézheti meg a Flash-t i-eszközökön, például iPhone-okon és iPadeken, és ki szeretne olyan tartalmat létrehozni, amely a legnépszerűbb mobileszközökön hibásnak tűnik?

HTML5, CSS3 és JavaScript

A webdesign és a kódolási technikák világa folyamatosan fejlődik. A kód nagy trendje a HTML5 és a CSS3, amelyek csak egyre jobban beépülnek a web-o-szférába. A Google Chrome élen jár a legújabb szabványokkal – a Firefox és a Safari mellett.

Aztán ott van az Internet Explorer – jelenleg kissé későn jelenik meg a bulin –, de a Microsoft nagy lépéseket tesz a böngésző frissítésében, hogy lépést tartson.

A Down-level Stage és az Edge Animate által kínált különféle webes közzétételi lehetőségek használatával megóvhatja animációit az Internet Explorer régebbi verzióiban való meghibásodástól. Ebből a szempontból az Adobe Edge Animate egyszerű használata már önmagában is webtervezési irányzatnak tekinthető!

Reszponzív webdesign

A reszponzív webdesign (RWD) napjaink legújabb divatja. Az RWD mögött meghúzódó koncepció az, hogy egyetlen webhelyet tervezzenek, amely tetszőleges számú eszközön használható, az asztali monitoroktól a táblagépeken át a telefonokig. Míg a webtervezők megoszlanak abban a tekintetben, hogy egy mobilwebhelyet az asztali webhelyektől elkülönítve hozzanak létre, vagy egyetlen webhelyet hozzanak létre, amely képes reagálni a böngésző méretére, a tendencia a reszponzív tábor felé billen.

Ennek meglehetősen egyszerű az oka, egyetlen reszponzív webhely létrehozásával nem kell folyamatosan frissítenie két különböző webhelyet. Az RWD létrehozása a jövő irányába mutat; minél fejlettebbek a kódolási technikák és eszközök, annál jobban működnek az RWD-vel. Fontolja meg, hogy az Adobe Edge Animate még egy módja annak, hogy a webdesign-trendek élvonalába kerüljön.