Не само хората се срещат по дрехите им, но и по уебсайтовете. Роклята на сайта е неговият дизайн. Висококачественият и атрактивен дизайн на ресурса прави благоприятно впечатление на потребителите, като по този начин гарантира тяхната лоялност и желание да отделят времето си за по-нататъшно гледане. В допълнение към качеството са важни оригиналността и уникалността на дизайна. Добре износените теми отблъскват посетителите. Но разработването на уникален дизайн е скъпо. Ето защо много начинаещи уебмастъри се чудят как да нарисуват дизайн на уебсайт със собствените си ръце.
Необходимо е
- - молив;
- - хартия;
- - растерен графичен редактор GIMP или Photoshop;
- - по избор: редактор на векторни графики (например CorelDraw);
- - по избор: среда за 3D моделиране (3DStudio, Blender);
- - модерен браузър;
- - достъп до Интернет.
Инструкции
Етап 1
Разработете концепция за дизайн на уебсайт. Решете за стила, цветовата схема, оформлението на страницата (размер на заглавката на сайта, местоположение на менюто, текстови блокове, изображения). Добре е, ако концепцията за дизайн се основава на оригинални идеи. Но ако липсват, можете да почерпите вдъхновение от анализа на съществуващите решения. Например, разглеждане на каталози на популярни теми за CMS. Резултатът от работата може да бъде скица на страницата на сайта, направена с молив върху лист хартия, посочваща зоните с фиксирани и различни размери.
Стъпка 2
Създайте празен шаблон за страница на сайт в растерен графичен редактор. Отворете нов документ в графичен редактор. Размерите на документите трябва да са много по-големи от минималния размер на страницата както хоризонтално (дори ако не възнамерявате да създавате "течен" дизайн), така и вертикално. Добавете нов прозрачен слой. В добавения слой нарисувайте изображението на шаблона на страницата с линии с дебелина 1 пиксел, съобразявайки действителните размери на елементите. За дизайни на страници с фиксирана ширина посочете полета, които ще бъдат запълнени с цвета на фона.
Стъпка 3
Изтеглете от интернет или проектирайте свои собствени елементи за дизайн на страницата. Лого и уникални дизайнерски елементи могат да бъдат създадени в 3D среда за моделиране, вектор или растер редактор. Голям брой тематични изображения с висока разделителна способност се съдържат в безплатните интернет фотобанки. В Интернет има и безплатни колекции от икони, които можете свободно да използвате във вашите проекти.
Стъпка 4
Начертайте дизайн на уебсайт. Добавете прозрачни слоеве към документ, съдържащ шаблон за страница на уебсайт в графичен редактор. Изберете и попълнете в тях областите, които съответстват на фона на страницата. Запълнете областите с градиентно запълване и периодични текстури. Поставете лого, статични изображения, икони. Начертайте граници на блокове. Добавете малко текст. Поставете всеки завършен елемент на дизайн, статично изображение и лого върху отделен слой. Премествайте изображения на слоеве, за да постигнете необходимото оформление.
Стъпка 5
Запазете работещия "източник" на дизайна на сайта във "родния" формат на графичния редактор. Това ще ви позволи да се върнете по-късно към редактирането му.
