Itinuturo sa iyo ng wikiHow na ito kung paano magdisenyo ng isang maayos, mukhang propesyonal na website. Habang malaya kang magpasya sa disenyo ng iyong site, may ilang mahahalagang bagay na dapat gawin at iwasan kapag lumilikha ng isang website.
Hakbang
Bahagi 1 ng 2: Lumilikha ng isang Disenyo ng Site
Hakbang 1. Magpasya kung nais mong gumamit ng isang tagalikha ng website
Ang pagbuo ng isang website mula sa simula ay nangangailangan ng isang detalyadong pag-unawa sa HTML code, ngunit maaari kang lumikha ng isang site gamit ang isang libreng serbisyo sa pagho-host tulad ng Weebly, Wix, WordPress, o Google Site. Ang mga tagalikha ng website ay may posibilidad na maging mas madali para sa mga taga-disenyo ng baguhan kaysa sa HTML.
- Kung magpasya kang i-code ang iyong sarili, dapat mong malaman ang HTML at CSS coding.
- Kung nag-aatubili ka na italaga ang oras at lakas sa paglikha ng iyong sariling website, maaari kang umarkila ng isang taga-disenyo ng website. Malawakang nag-iiba ang mga serbisyo ng freelance designer, ilang singil bawat oras at ilang bawat proyekto, na may kabuuang saklaw mula milyon-milyon hanggang sampu-sampung milyong rupiah.
Hakbang 2. Lumikha ng isang sitemap
Bago buksan ang tagalikha ng website, dapat ay natukoy mo kung gaano karaming mga pahina ang nasa site, kung ano ang nilalaman sa bawat pahina, at ang pangkalahatang layout ng mga mahahalagang pahina tulad ng "Home" at "About".
Mas madali para sa iyo na mailarawan ang mga pahina ng iyong site sa pamamagitan ng paglikha ng mga magaspang na imahe, hindi lamang mga anino
Hakbang 3. Gumamit ng isang intuitive na disenyo
Habang ang mga bagong ideya ay karaniwang kawili-wili, ang mga pangunahing disenyo ay dapat sundin ang mga pangkalahatang patnubay na ito:
- Ang mga pagpipilian sa pag-navigate (halimbawa, maraming mga tab para sa iba't ibang mga pahina) ay dapat ilagay sa tuktok ng pahina.
- Kung gumagamit ka ng menu icon (☰), dapat ito ay nasa kaliwang sulok sa itaas ng pahina.
- Kung gumagamit ka ng search bar, ilagay ito malapit sa kanang bahagi sa itaas ng pahina.
- Ang mga kapaki-pakinabang na link (halimbawa, mga link sa mga "Tungkol sa" o "Mga Makipag-ugnay sa Amin" na mga pahina) ay dapat na nasa ilalim ng pahina.
Hakbang 4. Maging pare-pareho
Hindi mahalaga kung anong teksto, paleta ng kulay, tema ng imahe, at disenyo ang pinili mo, tiyaking inilalapat mo ang parehong mga desisyon sa buong site mo. Magulat ang mga gumagamit nang makita na ang font at color scheme sa pahinang "Tungkol sa" ay ibang-iba sa ginamit para sa home page.
- Halimbawa, kung gumagamit ka ng isang malambot na kulay para sa iyong home page, huwag gumamit ng isang maliliwanag na kulay sa susunod na pahina.
- Tandaan na ang paggamit ng mga maliliwanag o nagbabanggaan na kulay, lalo na ang pagpapalabas ng mga kulay (o paglipat) na mga kulay, ay maaaring magpalitaw ng mga seizure o epileptic seizure sa isang minorya ng mga gumagamit. Kung magpasya kang gumamit ng gayong kulay, tiyaking nagsasama ka ng babalang "peligro ng pag-agaw" bago ang pinag-uusapang pahina.
Hakbang 5. Magdagdag ng mga pagpipilian sa pag-navigate
Ang paglalagay ng mga direktang link sa mga mahahalagang pahina sa itaas ng home page ay makakatulong sa mga bagong bisita sa nilalaman na mahalaga sa kanila. Karamihan sa mga tagalikha ng website ay nagdaragdag ng link na ito bilang default.
Mahalagang matiyak na ang lahat ng mga pahina ng site ay maaaring ma-access sa pamamagitan ng pag-click sa isang pagpipilian sa loob ng site sa halip na ma-access lamang sa pamamagitan ng address ng pahina
Hakbang 6. Gumamit ng mga tumutugmang kulay
Tulad ng lahat ng uri ng disenyo, ang disenyo ng website ay umaasa din sa nakalulugod na mga kumbinasyon ng kulay. Samakatuwid, ang pagpili ng isang pagtutugma ng kulay ng tema ay napakahalaga.
Kung nalilito ka, magsimula sa itim, puti, at kulay-abo
Hakbang 7. Isaalang-alang ang isang minimalist na disenyo
Hinihikayat ng minimalist na konsepto ang paggamit ng mga cool na tone, simpleng graphics, mga itim na pahina ng teksto sa isang puting background, at bilang maliit na dekorasyon hangga't maaari. Dahil ang isang minimalist na disenyo ay nangangailangan ng napakakaunting mga elemento, ito ay isang madaling pagpipilian upang gawing propesyonal at kaakit-akit ang iyong site nang walang labis na pagsisikap.
- Karamihan sa mga tagalikha ng website ay nagbibigay ng isang "minimalist" na tema na maaari kang pumili mula sa paglikha ng isang website.
- Ang minimalist na kahalili ay "brutalismo", na gumagamit ng mas malupit na mga salita, maliliwanag na kulay, naka-bold na teksto, at kaunting mga graphic. Mayroong mas kaunting mga gumagamit ng mga brutalistang disenyo kaysa sa mga minimalist, ngunit kung naaangkop ang nilalaman, ang disenyo na ito ay maaaring isang mahusay na pagpipilian.
Hakbang 8. Mag-apply ng mga natatanging pagpipilian
Ang mga elemento ng grid at straight-line ay ligtas na pagpipilian, ngunit ang ilang mga natatanging istilo ay magdaragdag ng isang personal na ugnayan at hiwalayin ang iyong site mula sa iba pa.
- Huwag matakot na mabait ang takbo sa pamamagitan ng paglalagay ng mga walang simetrong mga elemento ng site o paggamit ng mga nakasalansan na elemento upang lumikha ng isang layered na hitsura.
- Bagaman ang mga matikas, matalim na talim na mga elemento ng parisukat (kilala bilang pagpapakita batay sa kard) ay hindi kanais-nais kaysa sa malambot, bilugan na mga elemento.
Bahagi 2 ng 2: Pag-maximize sa Pagganap ng Site
Hakbang 1. Samantalahin ang mga pagpipilian sa pag-optimize ng kotse
Ang mga mobile browser ay nagdadala ng mas maraming trapiko kaysa sa mga browser ng desktop. Nangangahulugan ito na ang pansin na babayaran mo sa mobile na bersyon ay dapat na hindi bababa sa kapareho ng pagpapaunlad ng desktop site. Karamihan sa mga website ng awtomatikong tagalikha ay gumawa na ng isang bersyon ng kotse, ngunit tandaan ang sumusunod na impormasyon para sa mga mobile site:
- Tiyaking ang mga pindutan (halimbawa, mga sitelink) ay malaki at madaling mag-tap.
- Iwasan ang mga tampok na hindi makikita sa mga mobile device (hal. Flash, Java, atbp.).
- Isaalang-alang ang pagbuo ng isang car app para sa iyong site.
Hakbang 2. Huwag magsama ng masyadong maraming mga larawan bawat pahina
Ang desktop at mobile browser kung minsan ay nagkakaproblema sa paglo-load ng mga pahina na may maraming mga larawan o video. Habang ang mga imahe ay napakahalaga sa disenyo ng web, ang labis na dami ng media bawat pahina ay maaaring pahabain ang mga oras ng paglo-load, at pinanghihinaan nito ang mga gumagamit na bumisita sa mga pahinang iyon.
Sa pangkalahatan, ang isang pag-load ng pahina ay dapat tumagal ng mas mababa sa apat na segundo
Hakbang 3. Magdagdag ng isang pahina ng "Makipag-ugnay"
Maaari mong mapansin na ang karamihan sa mga site ay nagbibigay ng isang pahina na "Makipag-ugnay sa Amin" na naglalaman ng impormasyon sa pakikipag-ugnay (tulad ng numero ng telepono at email address). Sa katunayan, ang ilang mga site ay nagbibigay ng isang awtomatikong form ng pagtatanong sa pahinang ito. Ang pahina ng "Makipag-ugnay" ay isang direktang linya ng komunikasyon sa pagitan ng mga bisita sa site at ikaw, na nangangahulugang ito ay isang solusyon din sa tanong o pagkabigo ng isang bisita.
Hakbang 4. Lumikha ng isang pasadyang 404 na pahina
Kapag dumating ang isang bisita sa isang tukoy na pahina na hindi nilikha o wala, lilitaw ang isang pahina na "404 Error". Karamihan sa mga browser ay nagbibigay ng isang built-in na 404 na pahina, ngunit maaari mong ipasadya ang hitsura nito mula sa mga setting ng tagalikha ng website. Kung nais mong lumikha ng isang pasadyang 404 na pahina, ipasok ang mga sumusunod na detalye:
- Nakakatawa at nakakatuwang mga mensahe ng error (hal., "Binabati kita, lumapag ka sa isang pahina ng error!")
- Mag-link pabalik sa home page
- Listahan ng mga link na karaniwang nakikita ng mga bisita
- Ang imahe o logo ng iyong site
Hakbang 5. Ipasok ang search bar kung maaari
Kung sinusuportahan ng paraan ng paglikha ng website na ginagamit mo ang pagdaragdag ng isang search bar, inirerekumenda naming idagdag ito. Tinitiyak nito na mahahanap ng mga gumagamit ang tukoy na pahina o nilalamang hinahanap nila nang hindi kinakailangang mag-click sa lahat ng mga pagpipilian sa pag-navigate.
Ang search bar ay kapaki-pakinabang din kapag nais ng mga bisita na maghanap para sa mga karaniwang termino nang hindi nagdidoble sa mga random na pahina
Hakbang 6. Magbayad ng higit na pansin sa home page
Kapag nagpunta ang mga bisita sa home page, dapat ay nakakuha sila ng kabuluhan ng tema ng iyong site. Bilang karagdagan, ang lahat ng mga elemento ng home page ay dapat na mabilis na mag-load, kabilang ang mga pagpipilian sa pag-navigate at mga imahe. Dapat magbigay din ang home page ng mga sumusunod na aspeto:
- Tumawag sa pagkilos (halimbawa, isang pindutan upang mag-click o isang form upang punan)
- Toolbar o menu ng pag-navigate
- Nag-aanyaya ng mga graphic (tulad ng isang solidong larawan, video, o maraming larawan na may pantulong na teksto)
- Ang mga keyword na nauugnay sa serbisyo, paksa o pokus ng iyong site
Hakbang 7. Subukan ang iyong site sa iba't ibang mga browser at platform
Napakahalaga nito dahil pinoproseso ng mga browser ang mga aspeto ng isang website sa iba't ibang paraan. Bago itaguyod ang iyong site, subukang buksan at gamitin ang iyong site sa mga sumusunod na browser sa mga platform ng Windows, Mac, iPhone at Android:
- Google Chrome
- Firefox
- Safari (iPhone at Mac lamang)
- Microsoft Edge at Internet Explorer (Windows lang)
- Ang default browser ng ilang mga Android phone (Samsung Galaxy, Google Nexus, atbp.)
Hakbang 8. Panatilihing na-update ang site
Ang mga uso sa disenyo, link, larawan, konsepto at keyword ay palaging nagbabago. Kaya, dapat mo ring palaging gumawa ng mga pagbabago upang makasabay sa mga oras. Dapat mong suriin ang pagganap ng iyong site at ihambing ito sa mga katulad na site ng hindi bababa sa isang beses bawat tatlong buwan (mas mabuti na mas madalas).
Mga Tip
- Ang pag-access ay isa ring pantay na mahalagang aspeto sa pag-unlad ng website. May kasamang mga paglalarawan ang accessibility para sa mga bisita na may kapansanan sa pandinig, mga paglalarawan ng audio para sa mga bisitang may kapansanan sa paningin, at mga alerto sa photosensitivity kung gumagamit ang iyong site ng mga potensyal na epekto na nakakaengganyo sa pag-agaw.
- Karamihan sa mga tagalikha ng website ay nagbibigay ng mga template na magagamit mo upang matukoy ang layout at disenyo bago idagdag ang mga nais na elemento.
Babala
- Karamihan sa mga site ng tagalikha ay libre, ngunit kung nais mong gumamit ng iyong sariling domain (tulad ng "www.yourname.com" sa halip na "www.yourname.wordpress.com"), kakailanganin mong magbayad ng buwanang o taunang bayad.
- Iwasan ang pamamlahiyo at alamin ang lahat ng mga batas sa copyright. Huwag magsama ng mga random na imahe mula sa internet o mga elemento ng istruktura nang walang pahintulot.
