Запознајте се со основите на веб дизајн

Основни елементи потребни за создавање на одлични веб-страници

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

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

01 од 07

Елементи на добар дизајн

filo / Getty Images

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

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

02 од 07

Како да направите веб-страница

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

Многу дизајнери избираат да го направат својот распоред со CSS . Таа, исто така може да се користи за елементи како фонтови, бои и други сопствени стилови. Ова помага да се обезбеди конзистентни и лесни за управување со функции на целата своја веб-страница.

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

Во денешниот онлајн свет, многу е важно да се разгледа одговорот на веб-дизајн (RWD), како и. Примарниот фокус на RWD е да го смени изгледот во зависност од ширината на уредот што ја гледа страницата. Имајте на ум дека вашите посетители ќе го гледаат на десктоп компјутерите, телефони и таблети од сите големини, па ова е поважно од било кога. Повеќе "

03 од 07

Фонтови и Типографија

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

Кога размислувате за дизајн, треба да размислите како изгледа текстот на микро ниво (фонт хиероглифи, фамилија на фонтови, итн.), Како и на макро ниво (блокови за позиционирање на текст и прилагодување на големината и форма на текстот). Тоа сигурно не е толку едноставно како изборот на фонт и неколку совети ќе ви помогнат да започнете. Повеќе "

04 од 07

Шемата за боја на вашиот веб-сајт

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

Ако размислите за тоа, секоја веб-страница има шема на бои. Таа додава на идентитетот на брендот на страницата и тече во секоја страница, како и други маркетинг материјали. Утврдувањето на вашата шема на бои е витален чекор во секој дизајн и треба внимателно да се разгледа. Повеќе "

05 од 07

Додавање графика и слики

Графиките се забавен дел за градење на веб страници. Како што вели поговорката, "сликата вреди 1.000 зборови", а тоа е исто така точно во веб-дизајнот. Интернетот е многу визуелен медиум и привлечните фотографии и графики навистина можат да го додадат во вашиот кориснички ангажман.

За разлика од текстот, пребарувачите имаат тешко време да кажат што е сликата, освен ако не им ги дадете тие информации. Од таа причина, дизајнерите можат да ги користат атрибутите на таг IMG како тагот ALT за да ги вклучат тие важни детали. Повеќе "

06 од 07

Не попушти Навигација

Навигацијата е како вашите посетители се движат од една до друга страна. Обезбедува движење и им дава можност на посетителите да најдат други елементи на вашата страница.

Треба да бидете сигурни дека структурата на вашата веб-страница (информациска архитектура) има смисла. Исто така треба да биде исклучително лесно да се пронајде и чита, па посетителите не треба да се потпираат на функцијата за пребарување .

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

07 од 07

Веб Дизајн Софтвер

Повеќето веб дизајнери претпочитаат да работат во WYSIWYG или "Што гледате е она што го добивате" уредници. Тие обезбедуваат визуелен интерфејс за дизајнот и ви овозможуваат да се фокусирате помалку на кодирање HTML .

Изборот на вистинскиот софтвер за веб дизајн може да биде предизвик. Многу дизајнери претпочитаат Adobe Dreamweaver затоа што е лесен за користење и вклучува речиси секоја функција што некогаш ќе ви треба. Сепак, тоа доаѓа по цена, но има бесплатен пробен период.

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