Paano tumingin ang web at anong balita ang naidala sa 2015? Balik-tanaw kami sa ilan sa pinakamalaking trend ng web ng taon. Ano ang hitsura ng isang site na moderno at ano ang hitsura nito na may petsa? Bawat taon ang kaligtasan ng buhay ay isa sa pinakaangkop, pagpili ng mga uso na gumagana at alin ang hindi. Sa pagtatapos ng 2015, maaari na nating makilala ang pinakamatagumpay na kalakaran ng 2015, ang mga tumutukoy sa istilo ng taon at nagpapakita ng sapat na lakas upang makapagpatuloy sa bagong taon. Narito ang ilan sa 5 mga uso sa disenyo ng web na minarkahan sa taong 2015.
Napakahabang pag-scroll.
Sa mobile na pag-browse Nalampasan na ang desktop, nakita ng 2015 ang disenyo ng web ng isang malaking push para sa mas maliit na mga screen. Tulad ng marami sa mga trend sa listahang ito, ang pag-scroll sa mahabang pag-scroll ay naging popular para rito utility sa disenyo, at sa pagkarga ng mga web page.
Noong nakaraan, natatakot ang mga taga-disenyo sa paglalagay ng nilalaman sa ilalim ng takip, ibig sabihin, na binigyan sila nito upang magsalita na hindi ito nakita sa unang screenshot tumingin iyon mula sa kanilang website, ngunit ipinapakita ng bagong pagsasaliksik na ang mga gumagamit ay hindi bale mag-scroll. Ngayon kinikilala ng mga taga-disenyo at gumagamit ang halaga ng oras upang magamit ang pag-scroll: higit pa malayang kalayaan, pinabuting pagsasalaysay, Ang ang mga pakikipag-ugnayan ay napakalakas, at ang pinasimple na pag-navigate (kung ang site ay sapat na maliit).
Ang mga benepisyong ito ay mayroong gastos negatibong epekto ng SEO at mas mahabang oras ng singilin kabilang sa mga pinakapangit. Ang mahabang pag-scroll ay pinakamahusay na gumagana para sa mga site na may mabibigat na trapiko sa mobile o nilalaman na mataas ang pag-refresh, at ay hindi gaanong epektibo para sa mga site na may mabigat na media tulad ng mga video.
halimbawa/anino
Mga disenyo ng card.
Ang isa pang kalakaran sa disenyo ng web sa 2015 na ito na pinasikat ng kilusang mobile, ay naging ng mga disenyo ng kard kapag ipinapakita ang a malaking halaga ng nilalaman isang malinis na paraan y naayos. Ginagawa itong pinakaangkop sa kanila sa pag-browse ng magkakaibang at magkakaibang nilalaman, lalo na ang pag-link sa mga panlabas na site: mga gumagamit intuitively Alam nila kung paano mag-click sa card na hahantong sa nauugnay na post.
halimbawa/Behance
Reimagining flat na disenyo.
Ang patag na disenyo ngayon ay malayo pa sa pinagmulan nito. Ang bago, mas masulit na pag-ulit ng flat na disenyo, tinawag ni Ryan Allen na 'Flat Design 2.0', ay nag-aalok ng maraming mga pagkakataon para sa mga detalye at dekorasyon. Narito ang isang halimbawa sa web sa trend na ito.
halimbawa/Toyota
Napakahusay na mga animasyon.
ang mga animation nakakuha ng mas maraming mga tungkulin at responsibilidad sa 2015, na umaabot sa higit sa halaga ng aesthetic, upang maghatid mas praktikal na pag-andars, dahil ang aksyon ay nakakaakit ng pansin, ang animation ay maaaring maka-impluwensya sa visual hierarchy ng kung ano ang unang nakita. Mga animated na epekto maaaring mag-advertise ng ilang mga elemento sa iba, na may potensyal na makitungo sa mga mas tradisyunal na aspeto, tulad ng laki o kulay.
Ang mga animasyon ay may kapangyarihang magpakita ng mga ugnayan. Mag-isip ng isang animated na epekto sa paligid i-minimize ang isang window, kung saan ito gumuho at pagkatapos ay lumilipad sa menu, kinukumpirma ng animasyon na ito ang unang tagumpay ng pagkilos, ngunit ipinapakita rin sa gumagamit kung saan sa menu makikita nila ang kasunod na window.
halimbawa/bugaboo
Kamangha-manghang mga litrato.
Sa kasikatan ng nagpapakita ng mataas na kahulugan Noong 2015, sinimulang bigyang pansin ng mga taga-disenyo ang masining na kalidad ng mga litrato. Mas maraming mga site ang umaasa sa nakamamanghang mga larawan para sa visual na pagtatanghal sa halip na mga digital na graphics.
Punan ang buong background ng isang solong imahe, kung saan lumilikha ang mga website lubos na nakaka-engganyong mga karanasan na ang mga gumagamit ay maaaring gumuhit ng mas mabilis, na ginagawang perpekto para sa mga landing at landing page.
halimbawa/Ang site ni Mario Frigerio