Всеки собственик на сайт мечтае за уникален дизайн за своя ресурс. Всеки знае, че човек е посрещнат от дрехи. Същото важи и за сайта, тъй като посетителят първо обръща внимание на дизайна на проекта, а след това и на съдържанието. Ако дизайнът е твърде ярък или, обратно, скучен, потребителят скоро ще напусне ресурса. Не препълвайте уебсайта с ненужни елементи, тъй като уеб ресурси с минималистичен дизайн често изглеждат много по-интересно. Как да създадете дизайн на уебсайт?
Всъщност целият процес на проектиране може да бъде разделен на три етапа: създаване на скица, създаване на оформление в графичен редактор, дизайн на оформление. Скица на дизайна може да се нарисува в обикновен редактор на снимки или в обикновен молив върху лист хартия. Що се отнася до оформлението, повечето дизайнери използват Photoshop като най-мощния графичен редактор на съществуващите. За дизайн на оформление ще ви трябва знания на езика за маркиране на хипертекста и CSS. Преди да създадете свой собствен дизайн, задайте си няколко прости въпроса: знам ли HTML и CSS и също така мога ли да работя с графичен редактор?
Ако отговорите отрицателно, тогава процесът на създаване на дизайн няма да надхвърли първия етап. Лесно е да нарисувате скица, но не всеки потребител може да направи оформление и да направи завършен дизайн. В резултат на това се препоръчва първо да научите основите на HTML | CSS, както и да гледате няколко обучителни видеоклипа за Photoshop, за да знаете къде се намира всеки инструмент, как да прилагате филтри и много други.
Преди да започнете да скицирате, създайте в главата си изображение на бъдещ дизайн. Моля, обърнете внимание, че всеки дизайн се състои от следните части:
- "Хедърът" на сайта е горната част на всеки дизайн, който по правило включва логото, името на сайта и няколко бутона (контакти, за автора). Капачката може да бъде с различна височина, но обикновено този параметър не надвишава 300 пиксела. Често в горната част на сайта има формуляри за търсене и рекламни банери.
- Sidebar - страничното меню на сайта. В страничната лента се поставя вторична информация и допълнителни елементи: блок със свежи статии, форма за търсене, различни анкети и календари, връзки, реклама, елементи за навигация в ресурса. В дизайна на сайта могат да се използват няколко странични ленти, но има и дизайни без странични колони.
- „Мазето“ е дъното на сайта. Обикновено съдържа връзка към основния ресурс и авторските права в стила на „(c) 2014 Най-добрият сайт“. Но през последните години концепцията за "мазето" част от дизайна се промени с появата на мобилни устройства. В "мазето" започнаха да се уреждат елементи, които обикновено се поставят в странични ленти.
- „Основната част“ е блокът, в който е поставено основното съдържание. Повечето дизайнери поставят основната част на сайта в центъра, така че да е по-удобно да прочетете материала.
И така, сега знаете от какви блокове се състои сайтът. Време е да започнете да решавате въпроса как сами да създадете дизайн на уебсайт. Отворете най-простия редактор на снимки (Paint е достатъчно) и създайте нов шаблон с разделителна способност 1280 × 1024. Струва си да припомним, че при създаването на сайтове не се използват метрични измервания. Всички блокове се "измерват" в пиксели.
Например решавате да скицирате с една странична лента. Маркирайте графика на мазето, заглавията на сайта и страничната лента в графичния редактор.
Имате ли идея да направите няколко странични колони и да поставите съдържанието в центъра? Чудесно, но когато маркирате, имайте предвид ширината на страничните ленти и пространството за основното съдържание. Страничните колони не трябва да са твърде широки (не повече от 300 пиксела), а най-малко 500 пиксела трябва да бъдат оставени под основното съдържание, в противен случай текстът ще бъде неудобен за четене.
Когато основните маркери са разположени, е време да допълним скицата на дизайна с елементи. Добавете авторски права в мазето, блок с форма за търсене, заглавие и т.н. Дизайнерската скица ще придобие по-интересен вид и няма да бъде набор от геометрични фигури..
Ако сте се научили да работите във Photoshop, тогава е време да конвертирате скицата в оформление. Но преди това вземете решение за цветовете на сайта. За новинарски сайтове по-подходящи са бял цвят на фона, черен цвят на текста и син цвят на връзката. Ако дизайнът е създаден за сайта на женска или туристическа тема, тогава използвайте по-ярки цветове. В същото време не трябва да правите коледно дърво от дизайна, тъй като изобилието от цветове пречи на възприемането на основното съдържание.
Започнете да попълвате всеки блок от оформлението с графика. Експериментирайте с цветове и фонове, създайте свои собствени елементи и бутони. В Интернет обаче има огромен брой различни фонове, бутони за създаване на дизайн.
Когато оформлението е окончателно готово, го нарежете на блокове и съставете дизайн от него. В същото време подпишете всеки слой, така че да се наложи по-лесно.
С появата на мобилни устройства популярността на отзивчивите каучукови дизайни нараства. Всеки потребител може да създаде тема за своя сайт, но само истински дизайнер може да го адаптира към всички устройства. В началото на дизайнерската си „кариера“ опитайте да започнете с обикновен шаблон.
Запомнете трите прости правила за "страхотен дизайн":
- текстът трябва да бъде добре четим, дори когато изображенията са деактивирани в браузъра;
- опитайте се да не използвате vyrviglaznye цветове;
- създайте удобна навигация по сайта.
След като създадете дизайна и го прехвърлите на сайта, не забравяйте да го тествате в различни браузъри. Привличайте приятели и познати на тестване, защото критиката на други хора има положителен ефект върху човека. Помнете основното правило: дизайнът на сайта трябва да се хареса не само от вас, но и от други потребители. Затова винаги слушайте мнението на посетителите на вашия проект..
