Како да креирате веб дизајн: 14 чекори (со илустрации)

Креирање на одлична веб-страница може да изгледа дека е невозможна задача, но ако не заборавите за основните принципи, процесот ќе изгледа интересно за вас интересно и забавно. Добрата локација не треба само да изгледа пристојно! Ние ќе ви ги кажеме основите и основните принципи кои ќе ви помогнат да креирате сајтови на кои посетителите ќе сакаат повторно да се вратат и повторно.

Чекори

Дел 1 од 3:

Ние го наоѓаме нашиот сопствен дизајн

Еден. Направете своја сопствена веб-страница. Ако сте почетник во пишување код и веб дизајн, но навистина сакате да креирате сопствена веб-страница себе, имате многу опции. Едноставна страница може да биде напишана самостојно, откако го научил AZA HTML и CSS. Само верувам дека резултатот од вашата работа може да изгледа убаво и професионално!

Сликата е насловена како дизајн на веб-страница чекор 2

2. Користете го подготвен образец. Можете да купите или да пронајдете онлајн бесплатни веб-страница шаблони. Ова е веќе напишан код кој можете едноставно да го користите или прилагодите на вашите потреби. Постојат доста докажани програмери на висококвалитетни шаблони, еден од нив е WIX.

Сликата со наслов Дизајн на веб-страница чекор 3

3. Ангажира веб дизајнер. Ако ви треба професионално направено сајт и беспрекорно работно место - можеби оптимална опција ќе ангажира веб дизајнер. Ова, се разбира, ќе бара одредени трошоци, но не и толку големи, како што мислите. Можете да најдете почетник дизајнер со ставање реклама на локалниот технички универзитет. Нивното искуство ќе ви помогне да креирате поуспешно и професионално место.

Дел 2 од 3:

Ние размислуваме за главните идеи за дизајн

Еден. Не ја спојувајте страницата. Пожелно е сè што е можно побрзо и без проблеми. Два број на ставки од менито на минимум, правејќи навигација на страницата едноставно и разбирливо, помагајќи го посетителот на страницата .

Сликата со наслов Дизајн на веб-страница чекор 5

2. Користете пријателски кориснички интерфејс. Поставувајќи елементи на сајтови, како што се насловот на страницата, логото, копчињата, графичките елементи и текст на истото место на секоја страница, ќе значително ќе ја поедноставите навигацијата на страницата.

Ставете го насловот на страницата на врвот на секоја страница. Без оглед на тоа колку повторувачки елементи го содржат вашиот сајт, осигурајте се дека горниот дел од страницата е идентичен на сите страници.

Дизајнот треба да биде логичен. Елементите на секоја поединечна страница треба логично да се лоцираат, во опаѓачко значење, сите страници треба да бидат структурирани слично.

Сликата насловена Дизајн на веб-страница чекор 6

3. Се држат заедно. Дизајнот на веб-страницата треба да му даде структурен интегритет на страницата и неговиот дизајн - течатната хармонија. Држете го опсегот на страницата во две или три комбинирани бои. Избегнувајте користење на фонтови сите големини и бои. Ако планирате да користите различни фонтови, стилот во кој тие се користат треба да бидат идентични на секоја страница на страницата.

Користете CSS за да го форматирате сајтот и да го поедноставите управувањето со елементите на сајтот, со што се ограбувате од потребата за промена на предметите на секоја страница одделно.

Сликата насловена Дизајн на веб-страница чекор 7

Четири. Направете ја страницата најчитана. За да го направите текстот лесно читлив - да го скрши во мали делови. Користете преводи и интервали за одделни делови од текстот едни од други. Користете го изборот на задебелен или поголем фонт за да ја нагласите структурата и важноста на текстот.

Споделете го форматирањето на текст. НЕ Фонт премногу мал и зголемување на меѓуградскиот интервал за да се направат големи текстуални блокови повеќе читливи. Долгиот текст прочитан е прилично тешко, па подобро се скрши во ставовите.

Сликата со наслов Дизајн на веб-страница чекор 8

Пет. Креирај веб-страница во универзален формат. Користете стандардни HTML и избегнувајте употреба на ознаки, функции и приклучоци кои се поддржани само од специфичен прелистувач.

Иако повеќето од модерните прелистувачи лесно се справат со сложени слики, сајтот ќе работи замрзнување ако ги оптимизирате сликите за веб и да ги направите мали. Балансирајте ја желбата за квалитет и брзина.

Сликата насловена Дизајн на веб-страница чекор 9

6. Тестирајте ја вашата веб-страница. Осигурајте се дека сите референци се работници, а сликите се прикажуваат правилно.

Препорачливо е да се одржи мал тест "Угосабит" (кориснички удобности): Обезбедете пристап до страницата на претставниците на вашата целна публика за да ја тестирате појасното и леснотијата на користење на дизајнот на сајтот и да добиете повратни информации од учесниците во тестот.

Дел 3 од 3:

Дизајн сајтови за мобилни уреди

Еден. Земете во предвид гледањето на страницата од мобилни уреди. Денес, пристапот до интернет се повеќе се спроведува од мобилни уреди. Ако сакате да ги привлечете посетителите на вашиот сајт и да ги задржите, мора да развиете сајт, така што изгледа добро и е лесно да се користи со користење на мобилни уреди. Оптималната опција е да се создаде посебна локација за оваа намена, но постојат и други начини.

Проверете примери на мобилни сајтови. Често, вметнување на буквата "m."Наместо" www "на веб-страницата на сајтот, ќе паднете на мобилната верзија на страницата. Можете да направите нешто слично.

Сликата е насловена Дизајн на веб-страница чекор 11

2. Не го прави местото премногу комплицирано. Дизајнот на вашиот сајт треба да биде едноставен и во суштина. Веб-страниците со сложена структура и трепкаат банери за долго време во минатото. Корисниците со кликнување на едноставни сајтови. Ова значи: едноставен дизајн, минимален број на колони, минимален текст што треба да го прочитате за да ги пронајдете потребните информации на страницата.

Сликата со наслов Дизајн на веб-страница чекор 12

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

Сликата со наслов Дизајн на веб-страница чекор 13

Четири. Избегнувајте функции кои не се поддржани од мобилни уреди. Многу телефони и таблети не можат да прикажуваат скокачки прозорци, флеш анимација, Јава или рамки. Ова нè враќа на главниот принцип - го прави дизајнот што е можно поедноставен.

Сликата со наслов Дизајн на веб-страница чекор 14

Пет. Размислете за способноста да креирате апликација. Во некои околности, можеби ќе биде полесно да направите апликација од мобилната верзија на страницата. За да го направите ова, не треба да бидете супер-дупер програмер! Како и во случај на сајтови, постојат многу компании кои ќе ја исполнат целата работа за вас. На пример, можете да ги користите услугите на Conduc Mobile.

Совети

Така што вашите посетители не трошат мастило мастило, користете посебен стил за формат на печатење

Оневозможете ги сликите од позадината кога ги специфицирате параметрите за печатење.
Користете црн текст на бела позадина.
Отстранете ги менијата и непотребните слики

Секогаш можете да го развиете вашиот сопствен веб-сајт образец врз основа на вашите сопствени идеи за страницата, но понекогаш е полесно да се купи подготвен модел.

Не губат корисници фирма графика.Во 90-тите години, беше мода да експериментира со CFLASH-анимација, светли бои и позадини, инсталира музика веднаш кога ја вчитува страницата, но денес тоа само ќе ги исплаши посетителите. Користете едноставна позадина, контрастна боја на текст.

Можете да ги користите CSS (вградени стилски листови), така што ќе треба да го поставите растојанието помеѓу ставовите.

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

Како да креирате дизајн на сајтот

Чекори

Совети

Предупредувања