Mga Trending sa Disenyo ng Website sa 2016 na Isaalang-alang Bago Lumikha ng Iyong Site

dk new media site 1

Nakita namin ang maraming mga kumpanya na gumagalaw patungo sa isang mas malinis, mas simpleng karanasan para sa mga gumagamit ng website. Kung ikaw man ay isang taga-disenyo, isang developer, o mahilig ka lamang sa mga website, maaari kang matuto ng isang bagay sa pamamagitan ng pagtingin sa kung paano nila ito ginagawa. Humanda na maging inspirasyon!

  1. animasyon

Ang pag-iwan sa maagang, maselan na araw ng web, na kung saan ay flush ng flashing gifs, animated bar, pindutan, mga icon at sayawan hamsters, ang animasyon ngayon ay nangangahulugang paglikha ng mga interactive, tumutugong aksyon na nagpapahusay sa pagkukuwento at magbigay ng isang mayamang karanasan ng gumagamit.

Ang mga halimbawa ng mayamang animasyon ay kasama ang paglo-load ng mga animasyon, pag-navigate at mga menu, pag-hover ng mga animation, mga gallery at pag-slide, paggalaw ng animasyon, pag-scroll, at mga background na animasyon at video. Suriin ang site na ito mula sa Beagle, isang platform ng pamamahala ng panukala:

Beagle Animated na Website

Mag-click sa pamamagitan ng upang makita ang kamangha-manghang JavaScript at CSS animasyon ng Beagle kapag nag-scroll ka pababa sa kanilang site.

Ang rich animasyon ay maaari ding makita sa pakikipag-ugnay ng micro. Halimbawa, sa LinkedIn, ang isang gumagamit ay maaaring mag-hover sa isang card para sa isang banayad na popup menu ng mga pagpipilian, at pagkatapos ay piliin na laktawan ang kuwento o gumawa ng iba pang mga pagkilos.

Ang mga animasyon ng GIF ay (nagagalak?) Muling nanumbalik, at maaaring magamit para sa maraming iba't ibang mga layunin, kabilang ang komedya, mga demonstrasyon, at kahit para lamang sa dekorasyon.

  1. Materyal na Disenyo

Materyal na Disenyo, isang wikang disenyo na binuo ng Google, nakasalalay sa mga elemento ng disenyo na nakabatay sa print — typography, grids, space, scale, kulay, at paggamit ng koleksyon ng imahe — kasama ang mga tumutugong animasyon at transisyon, padding, at malalalim na epekto tulad ng pag-iilaw at mga anino sa magbigay ng isang mas makatotohanang, nakakaengganyo, at interactive na karanasan ng gumagamit.

Gumagamit ang Disenyo ng Materyal ng anino, paggalaw, at lalim upang mag-alok ng isang malinis, modernong aesthetic na may pagtuon sa pag-optimize ng UX nang walang masyadong maraming mga kampanilya at sipol.

Ang iba pang mga halimbawa ng disenyo ng materyal ay may kasamang edge-to-edge na koleksyon ng imahe, malakihang typography, at sinadya na puting puwang.

Konsepto ng Disenyo ng Disenyo ng Materyal ng Android Android sa Youtube

  1. flat Design

Habang ang Materyal na Disenyo ay nag-aalok ng isang diskarte sa konsepto ng minimalism, ang flat na disenyo ay nananatiling klasikong pagpipilian para sa mga mahilig sa malinis na linya. Iyon ay, ang patag na disenyo ay madalas na nakikita bilang isang mas makatotohanang, tunay, at komportable na digital na hitsura.

Space Needle

Batay sa mga prinsipyo ng puting espasyo, tinukoy na mga gilid, buhay na buhay na kulay, at 2D — o “patag” —ang mga paglalarawan, nag-aalok ang flat na disenyo ng isang maraming nalikhaing istilo na madalas na gumagamit ng mga diskarte tulad ng line iconography at mahabang anino.

Lander

  1. Hatiin ang Mga Screen

Pinakamahusay na ginamit kapag mayroon kang dalawang pantay na mahalagang mga lugar upang i-promosyon, o nais mong mag-alok ng nilalaman sa tabi ng mga larawan o media, ang mga split screen ay isang mahusay na bagong paraan upang magbigay ng isang masaya at naka-bold na karanasan ng gumagamit.

split-screen

Sa pamamagitan ng pagpapahintulot sa mga gumagamit na pumili ng kanilang nilalaman at karanasan, maaari kang lumikha ng isang karanasan sa uri ng portal na nakakaakit sa mga bisita na pumasok.

split-screen-karagatan

  1. Pag-drop ng Chrome

Hindi kasama sa mga chrome bumper at dekorasyon sa mga klasikong kotse, ang "chrome" ay tumutukoy sa mga lalagyan ng isang website — ang mga menu, header, footer, at border - na nagpapaloob sa pangunahing nilalaman.

oras ng chrome

Maaari itong makagambala, at maraming mga kumpanya ang pipiliin na makawala sa mga lalagyan at lumikha ng malinis, mga gilid na layout na walang mga hangganan, header, o footer.

chrome-forward

 

  1. Kalimutan ang Fold

"Sa itaas ng kulungan" ay ang jargon ng pahayagan para sa pang-itaas na kalahati ng front page ng isang pahayagan. Dahil ang mga pahayagan ay madalas na nakatiklop at inilalagay sa mga kahon at ipinapakita, ang pinaka-nakakahimok na nilalaman ay napupunta sa itaas ng kulungan upang mabigyan sila ng pinakamahusay na pagkakataon na agawin ang isang potensyal na mambabasa (at ang kanilang pitaka).

Matagal nang ginamit ng disenyo ng website ang ideya ng isang tiklop sa prinsipyo na mabigat ang pag-scroll. Ngunit kamakailan lamang, binabati ng isang full-screen na mga imahe at nilalaman ang isang gumagamit at hinihikayat ang pag-scroll upang ipakita ang karagdagang, mas malalim na nilalaman.

butil

  1. Video na Buong Screen

Ang video ay maaaring maging isang mahusay na paraan upang makuha ang pansin ng mga bisita, at madalas itong mas epektibo kaysa sa alinman sa mga visual o teksto. Ang pag-loop ng mga video tulad ng mga ginamit ng Apple para sa Apple Watch ay isang natatanging paraan upang magtakda ng isang tono at hilahin ang mga bisita.

Highbridge

Mag-click upang makita HighbridgeAng Video sa kanilang home page

Pagdating sa disenyo ng web, maraming mga tukoy na bahagi ang ididikta ng iyong industriya, angkop na lugar, target na merkado, at nilalaman. Ang iyong layout ay depende sa kung ano ang tumugon sa mga bisita at kung ano ang pinaka-kahulugan para sa iyong mensahe. Ngunit sa mga trend na ito sa kamay, magkakaroon ka ng lahat ng kailangan mo upang lumikha ng isang nakakahimok na website na ginagawa ang kailangan mong gawin, at ipinapakita na alam mo kung paano sumabay sa mga oras.

Ano sa tingin ninyo?

Ang site na ito ay gumagamit ng Akismet upang mabawasan ang spam. Alamin kung paano naproseso ang data ng iyong komento.