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