Nilalaman

• Upang humakbang
• Paraan 1 ng 2: Ang 3 pangunahing alituntunin
• Paraan 2 ng 2: Mga Alituntunin
• Mga Tip
• Mga babala

Ang pagdidisenyo ng isang mahusay na website ay maaaring maging tulad ng isang nakakatakot na gawain, ngunit hangga't isasaisip mo ang mga pangunahing kaalaman, mahahanap mo ang proseso na kawili-wili at kasiya-siya. Ito ay tungkol sa higit pa sa kagandahan! Ipapakita namin sa iyo ang mga pangunahing kaalaman at ilang pangkalahatang mga alituntunin upang matulungan kang magdisenyo ng mga website na paulit-ulit na bibisitahin ng mga tao.

Upang humakbang

Paraan 1 ng 2: Ang 3 pangunahing alituntunin

1. Panuntunan 1:Makinig sa iyong kliyente. Maaari kang nagdidisenyo ng "pinakadakilang website sa buong mundo sa kasaysayan ng sansinukob at higit pa," na may mga mayamang itim, pinong font, at maliwanag, masining na kulay para sa isang site na sumisigaw na "tuklasin mo ako ngayon!" Sa kasamaang palad, nais ng iyong kliyente ang isang orange na menu bar na may maliwanag na rosas at orange na mga titik. Pinaputok ka, at ang iyong pinakamahusay na website kailanman - kung saan may karapatan ang kliyente - ay nasa isang lugar sa kanilang backup disk, nang hindi na ito nakita ng sinuman.
   • Pag-aralan ang pagkakakilanlan ng iyong kliyente. Ipakita sa iyo ng kliyente ang ilang mga website na gusto nila. Hindi lamang bibigyan ka nito ng isang ideya kung ano ang gusto nila, bibigyan ka rin nito ng ilang mga ideya sa disenyo na maaaring hindi mo naisip.
   • Kung naisip mong nagbibiro kami tungkol sa orange at pink na website, isaalang-alang ang cool, sopistikadong site na ito:
2. Panuntunan # 2:Alamin ang iyong tagapakinig at kung ano ang kanilang hinahanap at iakma ang iyong disenyo nang naaayon. Ang dahilan kung bakit ang mga tao ay may mga website ay dahil gusto nila ang ibang tao na makita ang mga ito. Maaari itong maging kaalaman, o komersyal, o upang aliwin ang isang tukoy na target na madla. Ang iyong trabaho bilang isang taga-disenyo ay upang malaman kung sino ang iyong pagdidisenyo para sa, at panatilihin ang mga ito sa pahina kapag nakarating sila doon.
   • Maaari mong isipin, "Kung maganda ang hitsura nito, mananatili sila." Ngunit hindi ito kinakailangang mangyari. Kumuha ng real estate, halimbawa. Narito ang isang site na may malinis, kasiya-siyang disenyo. Mayroon itong maraming puting puwang na nagbibigay ng isang bukas na hitsura, maliliwanag na kulay at isang modernong format na widescreen na may mga link sa isang kilalang lugar:
   • Tingnan ngayon ang diskarte na ito sa pagbebenta ng real estate sa parehong lugar: kalat at napaka-abala, mapurol na kulay, at sakop sa advertising.
   • Hulaan kung alin ang mas gagana para sa mga naghahanap ng bahay? Tama, ang kung saan mga bahay! Kapag naghahanap ang mga tao ng "mga ipinagbibiling bahay sa Santa Monica," wala silang pakialam kung ano ang hitsura ng isang site. Hindi nila nais na basahin ang tungkol sa ahente ng estate o makita ang magagandang larawan ng lungsod. Gusto nilang makita ang mga bahay.
3. Panuntunan # 3:Makinig ka sa iyong sarili. Nauunawaan mo kung ano ang gusto ng kliyente at alam mo kung ano ang hinahanap ng iyong merkado. Ngayon ay wakas na upang magbayad ng pansin sa iyo, ang taga-disenyo!
   • Bumuo ng isang template sa graphics software na iyong pinili. Gawin ang mga elemento ng iyong pahina sa iba't ibang mga layer (upang maaari mong i-tweak ang mga bagay sa ibang pagkakataon nang hindi sinisira ang buong template). Ang mga elementong ito ay maaaring:
     • Header. Ito ay isang elemento na pareho sa bawat pahina ng iyong site. Ang header ay binubuo ng pamagat at logo ng site, pati na rin ang mga link sa iba pang mga bahagi ng website (hal. Tungkol sa, Makipag-ugnay, atbp.). Biswal at praktikal na ito ay itatali ang lahat ng ito. Mahusay na kasanayan na i-link ang unang pindutan sa isang menu bar pabalik sa homepage.
     • Halimbawa, tingnan natin ang Apple:
     • Tulad ng karamihan sa mga bagay sa Apple, ang kanilang homepage ay may isang napaka-malinis, prangka na disenyo. Tandaan ang menu bar sa tuktok, na may mga lohikal na paksa para sa bawat pindutan, kasama ang isang patlang ng paghahanap - palaging isang magandang ideya kung sinusuportahan ito ng iyong site. Ngayon tingnan natin ang isang landing page para sa isa sa mga pindutan, ang iPad, upang makita ang ilang mga elemento:
     • Nagbabago lamang ang menu bar sa pamamagitan ng pagdidilim ng pindutan ng iPad.
     • Ang paksa ng landing page ay ipinapakita sa malalaking mga titik na itim.
     • Lilitaw ang isang bagong submenu upang malaman mo ang tungkol sa produkto. Kung nag-click ka sa isa sa mga pindutan na ito, makikita mo na ang bawat pahina ay nag-aalok ng bagong nilalaman depende sa paksa, ngunit magkapareho sa layout at disenyo.
     • Kadalasan beses, ang bawat pangunahing paksa sa iyong menu bar ay magkakaroon ng iba't ibang mga subheading para sa iyo upang punan. Sa halip na lumikha ng pangalawang menu bar, maaari kang gumamit ng mga popup menu tulad ng halimbawang ito mula sa Kaibigan ng Mga Musikero:
     • Sidebar. Lilitaw ito sa maraming mga pahina ng iyong site, ngunit hindi kinakailangan lahat - tumutukoy ang konteksto. Gayunpaman, ito ay isang napakahalagang elemento at dapat na maingat na idinisenyo upang maging madaling maunawaan at hindi masyadong kalat. Hindi tulad ng menu bar, ang nilalaman ng isang sidebar ay maaaring maging napaka-dynamic. Suriin ang Dalawang Mga Sidebars na Ito Mula sa Real Estate Marketer Trulia Ang una ay para sa mga mamimili:
       
       

Paraan 2 ng 2: Mga Alituntunin

1. Magdisenyo ng isang mahusay na interface ng gumagamit. Iposisyon ang iba`t ibang mga elemento ng website tulad ng pamagat, sidebars, logo, imahe at teksto sa parehong lugar sa bawat pahina upang magawa ang iyong site na ma-navigate at madaling maunawaan.
   • Panatilihin ang parehong header sa tuktok ng bawat pahina. Kung pinapayagan o hindi ang nilalaman ng iyong site para sa maraming mga paulit-ulit na elemento, tiyakin na ang tuktok ng bawat pahina ay pareho.
   • Gumamit ng lohika sa iyong disenyo. Ang mga elemento sa isang solong pahina ay dapat na lohikal na inayos ayon sa kahalagahan o paksa; ang magkakaibang mga pahina sa site ay dapat na rin.
2. Lumikha ng isang pare-pareho na estilo. Kung saan dapat bigyan ng layout ang iyong site ng istrakturang pagkakapare-pareho, ang istilo ay dapat magbigay ng pagkakasunud-sunod ng pampakay.
   • Dumikit sa dalawa o tatlong pangunahing mga kulay at tiyakin na magkakasama ang mga ito.
   • Iwasang gumamit ng masyadong maraming mga istilo ng font o laki; kung nais mong kahalili ng iilan, gamitin ang mga ito sa parehong paraan sa bawat pahina.
   • Gumamit ng Cascading Style Sheets (CSS) upang mapanatili ang isang pare-parehong istilo at upang gawing mas madaling baguhin ang mga elemento sa isang buong website nang hindi kinakailangang pumunta sa bawat pahina nang magkahiwalay.
3. I-maximize ang kakayahang mabasa. Upang gawing mas madaling basahin ang iyong teksto, maaari mo itong hatiin sa mas maliit na mga bahagi.
   • Gumamit ng mga subtitle at tamang spacing upang paghiwalayin ang bawat bahagi.
   • Gumamit ng mga naka-bold na titik o iba't ibang laki upang maipakita ang hierarchy at kahalagahan ng mga paksa.
   • Magbayad ng pansin sa kung paano mo tinatrato ang teksto. Huwag gawing masyadong maliit ang font, at dagdagan ang spacing ng linya upang gawing mas madaling mabasa ang mga malalaking tipak ng teksto. Ang mga malalaking patch ng teksto ay mas mahirap basahin; paghiwalayin ito sa mas maliit na mga talata.
4. Gawing nababasa nang unibersal ang iyong website. Gumamit ng karaniwang HTML at iwasan ang mga tag, tampok, at plug-in na magagamit lamang para sa isang tatak o bersyon ng isang browser.
   • Habang ang karamihan sa mga modernong browser at computer ay maaaring hawakan ang mga kumplikadong imahe, ang lahat ay magiging mas makinis kung pipiliin mo at i-optimize ang iyong mga imahe para sa web. Timbangin ang kahalagahan ng kalidad kumpara sa kahalagahan ng bilis.
5. Subukan ang iyong website. Siguraduhin na gumagana ang bawat link tulad ng iyong aasahan, at ang mga imahe ay lumilitaw nang tama.
   • Maaaring gusto mong ayusin ang ilang pagsubok sa gumagamit sa pamamagitan ng pagsubok sa mga miyembro ng iyong target na madla ang kalinawan at kadalian ng paggamit ng iyong disenyo at magbigay ng puna tungkol sa iyong website.
6. I-publish ang iyong website. Bumili ng isang domain name kung hindi mo pa nagagawa. Pana-panahong suriin kung gumagana pa rin ang mga link at makinig sa mga mungkahi na i-email sa iyo ng mga bisita.

Mga Tip

• Habang malaya kang magdisenyo ng layout batay sa iyong sariling personal na paningin o mga bagay na iyong nakita sa iba pang mga site, maaaring mas madaling bumili ng isang nakahandang disenyo.
• Huwag bombahin ang bisita ng maganda, mga espesyal na larawan. Ang flash animasyon, maliliwanag na kulay, mga pattern na background, at musika na awtomatikong tumutugtog sa paglo-load ng pahina ay nakakatuwang mga eksperimento noong dekada 90, ngunit ngayon ay matatakot nila ang mga gumagamit. Dumikit sa mga simpleng background na kaibahan sa kulay ng teksto para sa maximum na kakayahang mabasa.
• Maaari mong palaging gumamit ng CSS upang ma-optimize ang spacing ng talata.
• Para sa mga bisita na may mga kapansanan sa pandinig o visual, maaari kang mag-subtitle ng mga video, mag-transcript ng audio at magdagdag ng isang mensahe sa kakayahang mai-access. Habang ang mga talahanayan ay maaaring maging isang mahusay na paraan upang ayusin ang impormasyon, ang mga bisitang may kapansanan sa paningin gamit ang software ng screen reader ay maaaring hindi marinig ang materyal sa wastong pagkakasunud-sunod.
• Hayaan ang iyong mga bisita na mag-save ng tinta: gumamit ng isang hiwalay na sheet ng estilo para sa mga pahina ng pag-print.
  • Patayin ang mga imahe sa background kapag itinatakda ang mga parameter ng pag-print.
  • Gumamit ng itim na teksto sa isang puting background.
  • Alisin ang menu bar at hindi kinakailangang mga imahe.

Mga babala

• Iwasan ang pamamlahiyo at sundin ang lahat ng mga batas sa copyright. Huwag isama ang mga random na imaheng nakikita mo online o kahit na mga elemento ng istruktura nang walang pag-apruba. Lahat ng iyong ginagamit sa iyong site ay dapat na parehong ligal at etikal.