Tendencat kryesore të dizajnit të uebit për tu aplikuar në Edge Animate

Duke përdorur Adobe Edge Animate, mund të krijoni të gjitha tendencat e dizajnit të listuara këtu. Tendencat e dizajnit të uebit të paraqitura këtu, në pjesën më të madhe, përfaqësojnë jo vetëm teknika të reja kodimi, por edhe mënyra të reja që audienca juaj të ndërveprojë me faqen tuaj në mënyra tërheqëse. Kur tërhiqni vëmendjen e audiencës tuaj dhe i bëni ata të intriguar në dizajnin tuaj të internetit, ju jeni në rrugën tuaj për ta mbajtur atë audiencë.

Më shumë imazhe dhe ilustrim

Jeni të lodhur dhe të mërzitur duke parë një mur me tekst? A kanë filluar të duken pak të vjetruara të gjitha ato imazhe dhe ikona të vogla? Një ngjyrë e fortë e sfondit ju bën të gogësheni? Nëse ndiheni kështu, ka shumë mundësi që audienca juaj të ndihet në të njëjtën mënyrë.

Shtimi i më shumë imazheve dhe ilustrimeve në faqen tuaj mund të përmirësojë shumë dizajnin tuaj të internetit. Për ta bërë faqen tuaj të duket më aktuale, shtoni një imazh delikate të sfondit në vend që të përdorni një sfond të bardhë, gri ose të zi.

Mund të importoni lehtësisht imazhe për t'u përdorur me përbërjen tuaj Animate dhe si të punoni me to. Zbuloni se si të përdorni imazhet në sfond dhe ndryshimin midis përdorimit të një etikete div dhe një etikete img për imazhet. Mund të vendosni paracaktimet e Layout për imazhet tuaja.

Lëvizja horizontale

Krijimi i modeleve të uebit me lëvizje horizontale mund të marrë pak guxim - kjo është bërë rrallë - por kjo nuk do të thotë se nuk është bërë më parë dhe me efekt të madh. Një kërkim i thjeshtë në internet për "faqet e internetit të shkëlqyera horizontale" nuk do t'ju lërë të zhgënjyer. Do të gjeni shumë shembuj të shkëlqyeshëm të faqeve të artit, galerive dhe faqeve krijuese që përdorin lëvizjen horizontale për një efekt të madh.

Ndërsa ky lloj navigimi është ende relativisht i ri, duke krijuar një faqe në këtë mënyrë ju mund ta vendosni veten në krye të paketës për sa i përket dizajnit në modë të uebit.

Lëvizje vertikale

E kundërta e lëvizjes horizontale është lëvizja vertikale. Ndërsa lëvizja vertikalisht ka qenë një prirje popullore e dizajnit të uebit për shumë vite, në një ose dy vitet e fundit është ekzagjeruar shumë.

Shumë sajte përdorin një teknikë të pafundme të lëvizjes vertikale që e mban audiencën në faqe. Ky stil i pafund prezantimi është krijuar për të mbajtur vëmendjen e audiencës në një kërkim të vazhdueshëm për më shumë përmbajtje.

Kokat e fiksuara

Nëse vendosni të dizajnoni një faqe interneti të animuar duke përdorur metodën e pafundme të lëvizjes vertikale, atëherë mund të dëshironi të mendoni të shtoni një kokë fikse në faqen tuaj. Një kokë fikse është një meny navigimi që qëndron në krye të faqes dhe mbetet e dukshme ndërsa audienca juaj lëviz poshtë faqes.

Kjo veçori i mundëson audiencës suaj të lundrojë shpejt nga vendi ku janë në një seksion tjetër të faqes tuaj – dhe të dijë gjithmonë se ku janë.

Një kokë fikse është një komoditet që audienca juaj mund ta vlerësojë sepse nuk duhet të lëvizë deri në krye të faqes për të gjetur menunë. Veçoritë që mbajnë parasysh komoditetin e përdoruesit do ta mbajnë gjithashtu audiencën tuaj në faqen tuaj për periudha më të gjata kohore.

Navigacion krijues

Të qenit kreativ me navigimin tuaj është mjeshtërisht plotësues me përdorimin e më shumë ilustrimeve dhe imazheve në dizajnet tuaja të uebit. Në vend të një menuje teksti bazë, përdorni imazhe për të treguar një lidhje. Pasi përdoruesit tuaj të mësojnë se mund të klikojnë imazhe për të avancuar në faqen tuaj, ata do të bëhen më të rehatshëm me kërkimin e lidhjeve në vende të pazakonta në faqen tuaj.

Ky lloj ndërveprimi hap mundësinë për të krijuar vezë të Pashkëve brenda faqes tuaj. Një vezë e Pashkëve, në këtë kontekst, përfaqëson një përmbajtje në dukje të fshehur që mund të befasojë dhe emocionojë audiencën tuaj kur e hasë.

Një mënyrë e shkëlqyer për t'i treguar audiencës tuaj se një imazh ose një ikonë është një lidhje, është të përdorni veçorinë e atributit të Kursorit në Animate. Kur audienca juaj kalon treguesin e miut mbi një imazh të lidhur, kursori mund të ndryshojë nga një tregues në një dorë, duke treguar një lidhje.

Tregim historish

Të gjithëve u pëlqen një histori tërheqëse. Pra, pse të mos hartoni një faqe ose animacion që i tregon audiencës suaj një histori tërheqëse? Në vend që të krijoni një faqe interneti bazë restoranti që paraqet vetëm imazhe të ushqimit dhe përshkrime të përbërësve, pse të mos krijoni një histori fantastike në sfond?

Përveç renditjes së pjatave tuaja më të mira si organike vendase, të kultivuara në ferma, të mira të qëndrueshme, pse të mos shtoni një histori për çiftin që u fejua mes pjatës kryesore dhe ëmbëlsirës? Ju mund të shtoni një animacion të një unaze që bie në një flaut shampanjë, të kompletuar me flluska në rritje.

Vizitorët e sitit mund të kenë mbërritur në faqen tuaj të restorantit duke kërkuar një vakt të mirë, por ata do të qëndrojnë për të mësuar më shumë rreth asaj që ndodh në tavolinat e tjera. Animacionet e uebsajteve të tregimit jo vetëm që përmirësojnë prezantimin, ato mund të lidhen me përvojat jetësore të vizitorëve.

Lundrimi brenda një faqeje

Uebsajtet me një faqe – dikur të njohura si faqe broshurash – po kthehen. Duke e mbajtur audiencën tuaj në një faqe të vetme që mund të marrë pamjen e faqeve të ndryshme të ndryshme, ju mund të përfitoni nga tendenca e lëvizjes.

Në vend që të klikoni në faqe të ndryshme në një përpjekje për të gjetur diçka, audienca juaj në vend të kësaj mund të lëvizë nëpër faqen tuaj ndërsa përparon nëpër përmbajtjen tuaj. Lidhjet që shërbejnë si imazhe mund të ndihmojnë gjithashtu audiencën tuaj të kërcejë drejtpërdrejt në pika të veçanta në sajt kur ata e dinë se çfarë duan - ndërkohë që ende angazhojnë dikë që është duke kërkuar rastësisht.

Duke krijuar një sajt siç përshkruhet në këtë seksion, ju me të vërtetë po përfitoni nga disa tendenca aktuale të dizajnit të uebit: lëvizja për informacion, përdorimi i më shumë imazheve dhe zbatimi i navigimit krijues.

Duke u larguar nga blici

Adobe Flash dikur ishte vala e së ardhmes, por ajo valë është përplasur në plazh dhe një valë e re po rrokulliset. Aty ku Flash dikur ishte mjeti mbizotërues për krijimin e animacioneve dhe faqeve të internetit, lulëzimi i këtij mjeti ka ardhur dhe ka shkuar.

Adobe Edge Animate mund të mos jetë plotësisht gati për të zëvendësuar plotësisht Flash-in, por është në rrugën e tij për të arritur pikërisht këtë. Në fund të fundit, nuk mund ta shikoni Flash-in në pajisje të tilla si iPhone dhe iPad, dhe kush dëshiron të krijojë përmbajtje që duket e prishur në disa nga pajisjet celulare më të njohura përreth?

HTML5, CSS3 dhe JavaScript

Bota e teknikave të dizenjimit dhe kodimit të uebit po evoluon vazhdimisht. Tendenca e madhe në kod është HTML5 dhe CSS3, të cilat vetëm sa do të nguliten gjithnjë e më shumë në web-o-sferën. Google Chrome po kryeson tarifën, duke zbatuar standardet më të fundit — me Firefox dhe Safari së bashku.

Pastaj është Internet Explorer - aktualisht me pak vonesë në festë - por Microsoft po bën hapa të mëdhenj në përditësimin e shfletuesit të tyre për të mbajtur ritmin.

Mbroni animacionin tuaj që të mos shfaqet i prishur në versionet më të vjetra të Internet Explorer duke përdorur Fazën e nivelit poshtë dhe opsionet e ndryshme të publikimit në ueb që ofron Edge Animate. Në këto drejtime, thjesht përdorimi i Adobe Edge Animate mund të konsiderohet një tendencë e dizajnit në internet!

Dizajn i përgjegjshëm në internet

Dizajni i përgjegjshëm i uebit (RWD) është buja më e fundit këto ditë. Koncepti prapa RWD është të dizenjojë një faqe për përdorim në çdo numër pajisjesh, nga monitorët e desktopit tek tabletët e deri te telefonat. Ndërsa dizajnerët e uebit mund të ndahen nëse duhet të krijojnë një sajt celular veçmas nga një sajt desktop, ose të krijojnë një sajt të vetëm që mund t'i përgjigjet madhësisë së shfletuesit, tendenca po anon drejt kampit të përgjegjshëm.

Arsyeja për këtë është mjaft e thjeshtë, duke krijuar një sajt të përgjegjshëm, nuk keni nevojë të vazhdoni të përditësoni dy sajte të ndryshme. Krijimi i një pikë RWD në drejtim të së ardhmes; sa më të avancuara të bëhen teknikat dhe mjetet e kodimit, aq më mirë do të punojnë me RWD. Konsideroni këtë një mënyrë tjetër se si Adobe Edge Animate ju vë në pararojë të tendencave të dizajnit të uebit.