Как да създадете дизайн на уебсайтове: 14 стъпки (с илюстрации)

Създаването на голям уебсайт може да изглежда да е невъзможна задача, но ако не забравяте основните принципи, процесът ще ви изглежда интересен за интересен и забавен. Добрият сайт не трябва да изглежда само приличен! Ще ви кажем основите и основните принципи, които ще ви помогнат да създадете сайтове, на които посетителите ще искат да се върнат отново и отново.

Стъпка

Част 1 от 3:

Ние намираме собствен дизайн

един. Създайте свой собствен уебсайт. Ако сте новак в код за писане и уеб дизайн, но наистина искате да създадете свой собствен уебсайт, имате много опции. Прост сайт може да бъде написан самостоятелно, след като е научил HTML и CSS AZA. Просто вярвам, че резултатът от работата ви може да изглежда красив и професионално!

Изображение, озаглавен дизайн уебсайт стъпка 2

2. Използвайте готов шаблон. Можете да закупите или намерите онлайн безплатен уеб сайт шаблони. Това вече е написан код, който можете просто да използвате или да се адаптирате към вашите нужди. Има много доказани разработчици на висококачествени шаблони, един от тях е Wix.

Изображение, озаглавен дизайн уебсайт стъпка 3

3. Наемете уеб дизайнер. Ако имате нужда от професионално направен сайт и безупречно работно място - може би оптималната опция ще наеме уеб дизайнер. Това, разбира се, ще изисква определени разходи, но не толкова големи, както мислите. Можете да намерите новаторски дизайнер, като поставите реклама в местния технически университет. Техният опит ще ви помогне да създадете по-успешен и професионален сайт.

Част 2 от 3:

Ние мислим за основните идеи за дизайн

един. Не съединявайте сайта. Желателно е всичко да работи възможно най-бързо и без проблеми. Два броя на елементите от менюто до минимум, което прави навигирането на сайта просто и разбираемо, като помага на посетителя на сайта .

Изображение, озаглавен дизайн уебсайт стъпка 5

2. Използвайте приятелски потребителски интерфейс. Поставяне на елементите на сайта, като заглавие на сайта, лого, бутони, графични елементи и текст на същото място на всяка страница, вие значително ще опростите навигацията на сайта.

Поставете заглавната част на сайта в горната част на всяка страница. Без значение колко повтарящи се елементи съдържат вашия сайт, уверете се, че горната част на сайта е идентична на всички страници.

Дизайнът трябва да бъде логичен. Елементите на всяка отделна страница трябва да бъдат разположени логически, в низходящо значение, всички страници трябва да бъдат структурирани по подобен начин.

Изображение, озаглавен дизайн уебсайт стъпка 6

3. Не се делим. Дизайнът на уеб страницата трябва да даде на място структурната цялост и нейната дизайн - театска хармония. Задръжте диапазона на сайта в два или три комбинирани цвята. Избягвайте използването на шрифтове Всички размери и цветове. Ако планирате да използвате различни шрифтове, стилът, в който те се използват, трябва да бъдат идентични на всяка страница на сайта.

Използвайте CSS, за да форматирате сайта и да опростите управлението на елементите на сайта, като се ограбвате от необходимостта да промените елементите на всяка страница отделно.

Изображение, озаглавен дизайн на уебсайт стъпка 7

4. Направете сайта най-четлив. За да направите текста лесно четлив - да го счупите на малки части. Използвайте субтитри и интервали, за да отделите части от текста един от друг. Използвайте избора на удебелен шрифт или по-голям шрифт, за да подчертаете структурата и значението на текста.

Споделяне на текст форматиране. Не шрифт твърде малък и увеличете интервалавия интервал, за да направите големи текстови блокове по-четливи. Long Text Read е доста трудно, така че по-добре го разбийте в параграфите.

Изображение на дизайна на уебсайт стъпка 8

пет. Създайте уебсайт в универсален формат. Използвайте стандартния HTML и избягвайте използването на тагове, функции и плъгини, които се поддържат само от определен браузър.

Въпреки че повечето от съвременните браузъри лесно се справят със сложни изображения, сайтът ще работи замразяване, ако оптимизирате снимките за мрежата и ги направите малки. Балансирайте желанието си за качество и скорост.

Изображение, озаглавен дизайн уебсайт стъпка 9

6. Тествайте уебсайта си. Уверете се, че всички препратки са работници, а снимките се показват правилно.

Препоръчително е да прекарате малък тест "Юфиеимост" (Удобства на потребителите): предоставяне на достъп до сайта на представители на вашата целева аудитория, за да тествате по-ясна и лекота на използване на дизайна на сайта и да получите обратна връзка от участниците в теста.

Част 3 от 3:

Дизайнерски сайтове за мобилни устройства

един. Вземете под внимание сайта от мобилни устройства. Днес достъпът до интернет все повече се изпълнява от мобилни устройства. Ако искате да привлечете посетителите на сайта си и да ги запазите, трябва да развиете сайт, така че да изглежда добре и е лесен за използване с мобилни устройства. Оптималният вариант е да се създаде отделен сайт за тази цел, но има и други начини.

Вижте примери за мобилни сайтове. Често, вмъкване на писмото "М." вместо "www" В уеб адреса на сайта ще получите на мобилната версия на сайта. Можете да направите нещо подобно.

Изображение, озаглавен дизайн уебсайт стъпка 11

2. Не правят сайта твърде сложен. Дизайнът на вашия сайт трябва да бъде прост и по същество. Уебсайтове със сложна структура и мигащи банери за дълго време в миналото. Потребители чрез щракване на прости сайтове. Това означава: прост дизайн, минимален брой колони, минимален текст, който трябва да прочетете, за да намерите необходимата информация на сайта.

Изображение, озаглавен дизайн на уебсайт стъпка 12

3. Употреба "Отзивчиви" оформление. Отзивчиво оформление - по този начин за кодиране на сайт, при който се регулира за размера на екрана, на който се показва (вместо фиксирани размери). За да се постигне такъв ефект, най-често се използва набор от ширина на колоната в проценти, и без да го уточнява в пикселите, но има по-сложни решения.

Изображение, озаглавен дизайн уебсайт стъпка 13

4. Избягвайте функции, които не се поддържат от мобилни устройства. Много телефони и таблети не могат да показват изскачащи прозорци, флаш анимация, Java или рамки. Това ни връща към главния принцип - направете дизайна възможно най-прост.

Изображение на дизайна на уебсайт стъпка 14

пет. Помислете за възможността за създаване на заявление. При някои обстоятелства може да сте по-лесни за подаване на приложение, отколкото мобилна версия на сайта. За да направите това, не е необходимо да сте Super-Duper програмист! Както в случаите на сайтове, има много компании, които ще изпълнят цялата работа за вас. Например, можете да използвате услугите на Mobile Mobile.

Съвети

Така че посетителите ви не прекарват мастило с мастило, използвайте отделен стил за формат за печат

Деактивирайте снимките на фона, когато зададете параметрите за печат.
Използвайте черен текст на бял фон.
Премахнете менютата и ненужните изображения

Винаги можете да развивате собствен шаблон на уебсайта, базиран на вашите собствени идеи за сайта, но понякога е по-лесно да закупите готов модел.

Не губете потребители твърди графики.През 90-те години е модерно да се експериментира с Claish-анимация, ярки цветове и фонове, да инсталират музика веднага при зареждане на страницата, но днес просто ще изплаши посетителите. Използвайте прост фон, цвят на контрастния текст.

Можете да използвате CSS (вградени стилови листове), така че трябва да зададете разстоянието между параграфите.

За посетители със слаби лечители и визия можете да използвате видео и аудио с титри, като посочите тяхната наличност.Таблиците са ефективен начин за прехвърляне на информация, но потребителите с увредено зрение, които използват екранни читатели, няма да могат да слушат информация в последователността на колоната.

Как да създадете дизайн на сайта

Стъпка

Съвети

Предупреждения