Адамдарды киімімен ғана емес, веб-сайттармен де кездестіруге болады. Сайттың көйлегі - оның дизайны. Ресурстың сапалы және тартымды дизайны пайдаланушыларға жағымды әсер қалдырады, осылайша олардың адалдығы мен уақытын әрі қарай қарауға арнауға дайын болуын қамтамасыз етеді. Сападан басқа дизайнның өзіндік ерекшелігі мен бірегейлігі маңызды. Жақсы тозған тақырыптар келушілерге жол бермейді. Бірақ ерекше дизайнды жасау қымбатқа түседі. Сондықтан көптеген бастаушы веб-шеберлер веб-сайттың дизайнын өз қолдарымен қалай салу керек деген сұрақ қояды.
Бұл қажетті
- - қарындаш;
- - қағаз;
- - GIMP немесе Photoshop растрлық графикалық редакторы;
- - қосымша: векторлық графикалық редактор (мысалы, CorelDraw);
- - қосымша: 3D модельдеу ортасы (3DStudio, Blender);
- - заманауи браузер;
- - Интернетке қол жетімділік.
Нұсқаулық
1-қадам
Веб-сайттың дизайн тұжырымдамасын әзірлеу. Стиль, түс схемасы, беттің орналасуы (сайт тақырыбының өлшемі, мәзірдің орналасуы, мәтін блоктары, кескіндер) туралы шешім қабылдаңыз. Дизайн тұжырымдамасы түпнұсқа идеяларға негізделген болса жақсы. Егер олар жетіспейтін болса, сіз бар шешімдерді талдаудан шабыт ала аласыз. Мысалы, танымал CMS тақырыптарының каталогтарын қарау. Жұмыстың нәтижесі - қағаз парағында қарындашпен бекітілген, белгіленген және әр түрлі көлемдегі аймақтарды көрсете отырып, сайт парағының эскизі болуы мүмкін.
2-қадам
Растрлық графикалық редакторда тораптың бос шаблонын жасаңыз. Графикалық редакторда жаңа құжатты ашыңыз. Құжаттардың өлшемдері көлденеңінен (тіпті «сұйықтық» дизайнын жасамасаңыз да) және тігінен парақтың минималды өлшемінен әлдеқайда үлкен болуы керек. Жаңа мөлдір қабатты қосыңыз. Қосылған қабатта элементтердің нақты өлшемдерін ескере отырып, қалыңдығы 1 пиксельді сызықтармен парақ шаблонының суретін салыңыз. Белгіленген ені бар беттің дизайны үшін өң түсімен толтырылатын жиектерді белгілеңіз.
3-қадам
Интернеттен жүктеп алыңыз немесе өзіңіздің парағыңыздың дизайн элементтерін жасаңыз. Логотип пен дизайнның ерекше элементтерін 3D модельдеу ортасында, векторлық немесе растрлық редакторда жасауға болады. Ажыратымдылығы жоғары тақырыптық суреттердің көп саны ақысыз Интернет-фотобанктерінде бар. Интернетте ақысыз белгішелер коллекциясы бар, олар сіз өз жобаларыңызда еркін қолдана аласыз.
4-қадам
Веб-сайттың дизайнын салыңыз. Графикалық редактордағы веб-парақтың шаблоны бар құжатқа мөлдір қабаттарды қосыңыз. Парақтың өңіне сәйкес аймақтарды таңдап, оларды толтырыңыз. Аймақтарды градиентті толтырумен және мерзімді текстурамен толтырыңыз. Логотипті, статикалық кескіндерді, белгішелерді салыңыз. Блок шекараларын сызыңыз. Біраз мәтін қосыңыз. Әрбір дайын дизайн элементін, статикалық кескінді және логотипті бөлек қабатқа орналастырыңыз. Қажетті орналасуға қол жеткізу үшін суреттерді қабаттармен жылжытыңыз.
5-қадам
Сайт дизайнының «көзін» графикалық редактордың «ана» форматында сақтаңыз. Бұл кейінірек оны өңдеуге оралуға мүмкіндік береді.
