Nilalaman
- 01. Malakas na palalimbagan
- 02. Mga Progresibong Web Apps
- 03. Paglalarawan
- 04. Animasyon at video
- 05. Mga pastel palette
- 06. Pasadyang mga cursor
- 07. Mga gradient ng kulay
- 08. Mga pakikipag-ugnay na mikro
Ang pagtatrabaho sa disenyo ng web ay nangangahulugang patuloy mong sinusubaybayan ang lahat ng mga pinakabagong pag-unlad. Ang mga bagong teknolohiya at diskarte ay pinuputol sa lahat ng oras, at kung nais mong maihatid ang mga site na hinihiling ng iyong mga customer pagkatapos ay kailangan mong magkaroon ng kahit kamalayan ng mga darating na tool sa disenyo ng web.
Gayunpaman, lampas sa panteknikal, mayroon ding anggulo ng visual na dapat isaalang-alang. Tastes ay palaging nagbabago, at kung ano ang maganda sa hitsura ng ilang taon na ang nakakaraan ay malamang na magmukhang mas kaakit-akit ngayon. Kung nais mo ang iyong layout ng website na magmukhang sariwa at makilala mula sa karamihan ng tao, binabayaran ito upang mapabilis ang mga pinakabagong kalakaran. Kaya't basahin ang para sa walo ng pinakamainit na hitsura ng taong ito, ang ilan sa kanila ay panteknikal, ang ilan sa kanila ay mas mahusay, at karamihan sa kanila ay mahalaga.
- Ang hinaharap ng disenyo ng web
01. Malakas na palalimbagan
Ang disenyo ng web ay palaging isang kaunting mahirap na pagkakaugnay ng disenyo ng grapiko, at bahagi ng problema ay habang ang isang graphic designer ay may higit o mas kumpletong kalayaan upang lumikha sa buong pahina, ang mga taga-disenyo ng web ay para sa isang mahabang panahon na nabalot ng mga primitive na pagpipilian ng layout. at ang pinaka-pangunahing palalimbagan.
Ito ay, salamat, nagbabago; Ang CSS Grid at Flexbox ay nagbibigay sa mga taga-disenyo ng pagkakataong lumikha ng mas maraming mga pahina na tulad ng pag-print, at ang napakalaking pinabuting mga tool ng typography ay nangangahulugang ang malaki, naka-bold, at pang-eksperimentong mga typographic na layout ay napakahusay sa ngayon, na ginagamit nang husto ang malalaking mga font ng retro sa lahat ang mga istilo at timbang, at kumpleto sa sari-saring mga epekto at pagpapapangit upang magdagdag ng labis na character.
02. Mga Progresibong Web Apps
Hindi sila isang solusyon na may sukat na sukat, ngunit kung nagtatayo ka ng isang site na higit na nakatuon sa mga mobile na gumagamit na hindi palaging may bandwidth na gusto nila, ang isang Progressive Web App ay isang matikas na paraan ng paggawa nito. Ang mga PWA ay progresibo at tumutugon, kaya dapat silang gumana sa anumang platform at magmukhang maganda rin, at naghahatid sila ng isang karanasan na tulad ng app na, mahalaga, ay hindi nakasalalay sa pagkakaroon ng koneksyon sa internet, gamit ang mga manggagawa sa serbisyo upang payagan ang offline na paggamit. At habang hindi mo nais na gumamit ng isang PWA para sa iyong susunod na buong-blown na site ng desktop, perpekto ang mga ito para sa paglikha ng mabilis at magaan na mga ecommerce site kung kinakailangan ang mataas na pakikipag-ugnayan.
03. Paglalarawan
Mahirap bisitahin ang isang bagong site ng pagsisimula sa mga araw na ito na walang smattering ng flat at funky cartoon figure na naglalarawan sa negosyo nito at pagbibigay ng ilang kinakailangang character para makilala ng mga bisita. Nasa kahit saan sila at tila wala silang pupunta sa ngayon, ngunit habang natitiyak namin na ang partikular na istilo ng paglalarawan na ito ay mawawala sa pabor maaga o huli, ang ilustrasyon mismo bilang isang sangkap na sangkap na sangkap ng disenyo ng web ay tila itakda upang dumikit sa paligid; ang istilo lamang na malamang na magbabago. Kung masigasig kang isama ang modernong hitsura na paglalarawan sa iyong site, tiyaking basahin ang aming gabay sa mga uso sa paglalarawan ng 2019 upang malaman tungkol sa.
04. Animasyon at video
Bagaman hindi palaging matalino na bumuo ng mga site na naghahatid ng isang hit sa pagganap habang hinihimok ang bandwidth, kung nais mong gumawa ng isang epekto kung gayon mas madali sa mga araw na ito upang mag-full-on sa lahat ng pansin ng visual na nakakakuha ng pansin na sa palagay mo kailangan mo. Hindi ganoon katagal mula nang maiisip na naka-embed na full-screen na video; nakikita ito ngayon sa isang patuloy na tumataas na bilang ng mga site, at isang mahusay na paraan upang maihatid ang instant na visual na interes habang nakikita ang isang kwento ng tatak. At para sa isang hindi gaanong mabibigat na visual na suntok, ang JavaScript o CSS na animasyon na ginamit nang mahusay ay hindi lamang maganda ang hitsura sa pahina, ngunit maaari ding magamit upang huminga ng buhay sa pag-navigate at pagbutihin ang karanasan ng gumagamit.
05. Mga pastel palette
Dahil ang mga takbo sa disenyo ng web ay mas malapit na naiugnay sa mas pangkalahatang mga trend ng visual sa mga araw na ito, hindi nakakagulat na marami sa mga dapat magkaroon ng hitsura para sa mga web site ay may posibilidad na mai-mirror ang uri ng mga desisyon sa disenyo na maaari mo nang makita sa mga naka-print na pahina at advertising. Ang isang hindi napapanahong paleta ay ang perpektong paraan upang patayin ang mga tao, at kung nais mo ang isang site na magmukhang bang-up-to-date kailangan mong ipakita ang kasalukuyang mga trend ng kulay.
Sa ngayon ang banayad na mga tono ng pastel ay isang malakas na hitsura - tingnan ang kulay ng Pantone sa 2019 ng taon, halimbawa, 'Living Coral' - ngunit kung ano ang makakatulong sa paglabas sa kanila ay pagdaragdag ng isa o dalawang talagang buhay na buhay na shade sa parehong paraan ng paggamit ng mga naka-print na designer kulay ng mga spot.
06. Pasadyang mga cursor
Sa mga modernong website na nasa bahay ng labis na interes sa visual sa mga araw na ito, ang mapagpakumbabang mouse cursor ay maaaring makaramdam ng kaunting pagkawala, na kung saan ay magpapaliwanag sa tumataas na bilang ng mga site na sumusubok na gumawa ng isang bagay na kapanapanabik sa pointer.
Ang pagbabago lamang ng mouse cursor sa ibang bagay ay posible sa napakatagal na panahon, ngunit ang pagbabalik ng mga pasadyang cursor ay nakakakita ng mas detalyadong mga diskarte na isinasagawa, tulad ng mga reaktibo na cursor na nagbabago bilang tugon sa mga elemento ng site, at pangalawang mga payo na sumusunod sa cursor sa paligid, ngunit pagwawalis sa buong screen sa isang mas organikong pamamaraan. Napakauso nila ngayon, ngunit pinaghihinalaan namin na ang trend na ito ay mauubusan ng singaw bago masyadong mahaba.
07. Mga gradient ng kulay
Ang mga magagandang gradient ng kulay ay matagal nang magagamit sa mga graphic designer, ngunit hanggang ngayon mahirap silang dalhin sa mga disenyo ng web dahil kailangang i-render ito bilang mga bitmap na hindi palaging nasusukat nang maayos. Gayunpaman, nangangahulugang, ang mga gradient ng CSS ay nangangahulugan na madaling pasiglahin ang isang pahina na may nakakaakit na gradient, kung ito ay upang magbigay ng isang malumanay na makulay na backdrop, o bilang isang overlay na nagbibigay ng isang kaakit-akit na paraan ng pagkupas sa pagkuha ng litrato mula sa isang panig. Ang mga gradient ng CSS ay tulad ng maraming nalalaman tulad ng mga makikita mo sa Illustrator o Photoshop CC, at sinamahan ng mga CSS blend mode na may halos walang limitasyong mga paraan upang magamit ang mga ito sa haka-haka.
08. Mga pakikipag-ugnay na mikro
Minsan ang demonyo ay nasa mga detalye, at ang paggugol ng oras sa pagdaragdag ng mga nakalulugod na dagdag na pagpindot ay maaaring magdagdag ng isang kinakailangang dosis ng pagkatao sa isang site. Ang isang maliit na animated na feedback ay maaaring maging isang mahusay na paraan upang mapanatiling nakatuon at naaaliw ang mga gumagamit, ngunit may higit pa sa mga pakikipag-ugnayan sa micro kaysa sa simpleng visual na feedback.
Maaari silang magamit upang gawing mas malinaw ang nabigasyon, upang masiguro ang mga bisita habang hinihintay nila ang isang bagay na mai-load, o upang maakit ang pansin sa mga kapaki-pakinabang na tampok tulad ng hindi maiiwasang menu ng hamburger. At ginamit na mapanlikha, matutulungan nila ang iyong tagapakinig na makita ang impormasyong kailangan nila nang walang anumang nais na ingay; halimbawa, tingnan ang site na ito para sa Montreux Jazz Festival, na pagsasama-sama ng isang pasadyang listahan ng mga kilos na nais mong makita, batay sa kaunting mga mapagpasyang swipe. Ang ganda
