Hindi lamang ang mga tao ang natutugunan ng kanilang mga damit, kundi pati na rin mga website. Ang damit ng site ay ang disenyo nito. Ang isang de-kalidad at kaakit-akit na disenyo ng mapagkukunan ay gumagawa ng isang kanais-nais na impression sa mga gumagamit, sa gayon tinitiyak ang kanilang katapatan at pagpayag na ilaan ang kanilang oras sa karagdagang pagtingin. Bilang karagdagan sa kalidad, ang pagka-orihinal at pagiging natatangi ng disenyo ay mahalaga. Ang mga maayos na paksa ay nagtataboy sa mga bisita. Ngunit ang pagbuo ng isang natatanging disenyo ay mahal. Iyon ang dahilan kung bakit maraming mga baguhan na webmaster ang nagtataka kung paano gumuhit ng isang disenyo ng website gamit ang kanilang sariling mga kamay.
Kailangan iyon
- - lapis;
- - papel;
- - raster graphics editor GIMP o Photoshop;
- - Opsyonal: vector graphics editor (halimbawa, CorelDraw);
- - Opsyonal: Kapaligiran sa pagmomodelo ng 3D (3DStudio, Blender);
- - modernong browser;
- - pag-access sa Internet.
Panuto
Hakbang 1
Bumuo ng isang konsepto ng disenyo ng website. Magpasya sa estilo, scheme ng kulay, layout ng pahina (laki ng header ng site, lokasyon ng menu, mga bloke ng teksto, mga imahe). Mabuti kung ang konsepto ng disenyo ay batay sa mga orihinal na ideya. Ngunit kung kulang sila, maaari kang makakuha ng inspirasyon mula sa pagtatasa ng mga mayroon nang mga solusyon. Halimbawa, ang pag-browse ng mga katalogo ng mga tanyag na tema ng CMS. Ang resulta ng trabaho ay maaaring isang sketch ng pahina ng site, na ginawa sa lapis sa isang sheet ng papel, na nagpapahiwatig ng mga zone ng naayos at iba't ibang laki.
Hakbang 2
Lumikha ng isang blangko na template ng pahina ng site sa isang raster graphics editor. Magbukas ng isang bagong dokumento sa isang graphic na editor. Ang mga sukat ng dokumento ay dapat na mas malaki kaysa sa minimum na laki ng pahina ng parehong pahalang (kahit na hindi mo balak lumikha ng isang "likido" na disenyo) at patayo. Magdagdag ng isang bagong transparent layer. Sa idinagdag na layer, iguhit ang imahe ng template ng pahina na may mga linya na 1 pixel na makapal, igalang ang mga aktwal na sukat ng mga elemento. Para sa mga nakapirming lapad na disenyo ng pahina, magtalaga ng mga margin na mapupunan ng kulay ng background.
Hakbang 3
Mag-download mula sa internet o magdisenyo ng iyong sariling mga elemento ng disenyo ng pahina. Ang logo at natatanging mga elemento ng disenyo ay maaaring malikha sa kapaligiran sa pagmomodelo ng 3D, vector o raster editor. Ang isang malaking bilang ng mga pampakay na imahe ng mataas na resolusyon ay nakapaloob sa mga libreng Internet photobanks. Mayroon ding mga libreng koleksyon ng icon sa Internet na maaari mong malayang magamit sa iyong mga proyekto.
Hakbang 4
Gumuhit ng isang disenyo ng website. Magdagdag ng mga transparent layer sa isang dokumento na naglalaman ng isang template para sa isang pahina ng website sa isang graphic na editor. Piliin at punan ang mga ito ng mga lugar na tumutugma sa background ng pahina. Punan ang mga lugar ng gradient fill at periodic texture. Ipasok ang logo, mga static na imahe, icon. Gumuhit ng mga hangganan ng bloke. Magdagdag ng ilang teksto. Ilagay ang bawat natapos na elemento ng disenyo, static na imahe at logo sa isang hiwalay na layer. Ilipat ang mga imahe sa mga layer upang makamit ang kinakailangang layout.
Hakbang 5
I-save ang gumaganang "mapagkukunan" ng disenyo ng site sa "katutubong" format ng graphic editor. Papayagan ka nitong bumalik sa paglaon upang i-edit ito.
