Сваки власник сајта сања о јединственом дизајну за свој ресурс. Сви знају да човека среће одећа. Исто важи и за веб локацију, јер посетилац прво скреће пажњу на дизајн пројекта, а потом и на садржај. Ако је дизајн превише светао или, обрнуто, досадан, корисник ће ускоро напустити ресурс. Веб локацију не требате напунити непотребним елементима, јер веб ресурси са минималистичким дизајном често изгледају много занимљивије. Како креирати дизајн веб странице?
У ствари, целокупни процес дизајнирања се може поделити у три фазе: креирање скице, креирање изгледа у графичком едитору, дизајн дизајна. Скица дизајна може се цртати у једноставном уређивачу фотографија или у обичној оловци на комаду папира. Што се тиче изгледа, углавном дизајнери користе Пхотосхоп као најмоћнији графички уређивач постојећих. За дизајн изгледа ће вам требати знање језика за хипертекст и ЦСС. Пре него што креирате сопствени дизајн, запитајте се неколико једноставних питања: да ли знам ХТМЛ и ЦСС, и да ли могу да радим и са графичким уређивачем?
Ако одговорите негативно, тада процес креирања дизајна неће надићи прву фазу. Једноставно је нацртати скицу, али не може сваки корисник да направи изглед и направи готов дизајн. Као резултат тога, препоручује се почетак учења основом ХТМЛ | ЦСС-а, као и гледање неколико видео записа о Пхотосхопу, како бисте знали где се налази сваки алат, како применити филтере и још много тога.
Пре него што започнете с цртањем, направите слику будућег дизајна у својој глави. Имајте на уму да се сваки дизајн састоји од следећих делова:
- "Заглавље" веб странице је горњи део било ког дизајна, који по правилу укључује логотип, назив странице и неколико дугмића (контакти, о аутору). Капица може бити различитих висина, али обично овај параметар не прелази 300 пиксела. Често се на врху странице налазе обрасци за претрагу и рекламни банери.
- Сидебар - бочни мени веб локације. Секундарне информације и додатни елементи налазе се у бочној траци: блок са свежим чланцима, образац за претрагу, разне анкете и календаре, линкови, реклама, елементи навигације на ресурсу. Неколико бочних трака може се користити у изради страница, али постоје и дизајни без бочних стубова.
- "Подрум" је дно странице. Обично садржи везу до главног ресурса и ауторских права у стилу „(ц) 2014 Најбоља веб локација“. Али последњих година, концепт „подрумског“ дела дизајна се променио с појавом мобилних уређаја. У "подруму" су се почели слегати елементи, који се обично постављају у бочне траке.
- "Главни део" је блок у који је смештен главни садржај. Већина дизајнера главни део странице поставља у средину, тако да је погодније читати материјал.
Дакле, сада знате од чега се блок састоји од веб локације. Време је да почнете решавати питање како да сами креирате дизајн веб страница. Отворите најједноставнији уређивач фотографија (боја је довољна) и креирајте нови предложак резолуције 1280 × 1024. Вреди подсетити да се при креирању веб локација метричка мерења не користе. Сви блокови се "мере" у пикселима.
На пример, одлучили сте да скицирате једном бочном траком. Означите границе подрума, наслове места и бочну траку у графичком уређивачу.
Имате ли идеју да направите неколико бочних колона и ставите садржај у центар? Сјајно, али приликом обележавања узмите у обзир ширину бочних трака и простор за главни садржај. Бочни стубови не би требали бити прешироки (не више од 300 пиксела), а најмање 500 пиксела треба оставити испод главног садржаја, иначе ће текст бити незгодан за читање.
Када су главне ознаке распоређене, вријеме је да дизајнерску скицу надопунимо елементима. Додајте ауторска права у подрум, блок са обрасцем за претрагу, наслов итд. Скица дизајна попримит ће занимљивији изглед и неће бити скуп геометријских облика..
Ако сте научили да радите у Пхотосхопу, онда је време да претворите скицу у изглед. Али пре тога, одлучите се о бојама странице. За веб странице су погодније бела боја позадине, црна боја текста и плава боја везе. Ако је дизајн креиран за место женске или туристичке теме, тада користите светлије боје. У исто време, не би требало да правите божићно дрвце из дизајна, јер обиље боја омета перцепцију главног садржаја.
Започните попуњавање сваког блока изгледа графиком. Експериментирајте са бојама и позадином, креирајте своје елементе и дугмад. Међутим, на Интернету постоји огроман број различитих позадина, дугмади за креирање дизајна.
Кад је изглед коначно спреман, исеците га на блокове и од њега направите дизајн. У исто време, сваки слој потписујте тако да се лакше нанесе.
Са појавом мобилних уређаја, популарност одговарајућих гумених дизајна је порасла. Сваки корисник може креирати тему за своју веб локацију, али само прави дизајнер може је прилагодити свим уређајима. На почетку дизајнерске "каријере" покушајте да почнете са једноставним шаблоном.
Запамтите три једноставна правила за „сјајан дизајн“:
- текст би требао бити добро читљив чак и када су слике онемогућене у прегледачу;
- покушајте да не користите вирвиглазние боје;
- створите погодну навигацију до локације.
Након креирања дизајна и пребацивања на локацију, будите сигурни да ћете га тестирати у различитим прегледачима. Привуците пријатеље и познанике на тестирање, јер критика других људи има позитиван утицај на особу. Сјетите се основног правила: дизајн веб странице треба да се свиди не само вама, већ и другим корисницима. Зато увек слушајте мишљења посетилаца вашег пројекта..
