Вэб дизайн бүтээхэд анхаарах зүйлс

Вэб дизайн бүтээхэд
анхаарах зүйлс
Сэтгүүл зүйн III ангий

Вэб дизайн ба вэб хөгжүүлэлтийн хэлүүд
Вэб Дизайн Вэб хөгжүүлэлт
HTML5 Java
XHTML PHP
CSS3 Ajax
JAVASCRIPT ASP. Net

Вэб сайтын элементүүд
 Өнгө & Хэв маяг
 График & Дүрслэлүүд
 Агуулгын менежмент/Content Management
(CMS)
 Хэрэглэхэд тохиромжтой байдал (Меню)
 Брэндинг & Маркетинг

Агуулгын менежмент буюу CSS
Тухайлбал:
 Wordpress
 Drupal
 Magento
 Joomla

HTML-ийн тухайд
HTML (Hyper text markup language ) гэдэг нь
вэб хуудас бүтээх стандарт хэл юм:
 Хаалттай тагууд <html>, <img>, ...
 Вэбсайтын бүтцийг гаргадаг
Сүүлийн хувилбар нь HTML5

CSS ийн тухайд
CSS гэдэг нь харагдах байдал, форматыг
дүрслэхэд ашигладаг хэл юм.
HTML & XHTML ашигласан хуудсын
загварыг өөрчлөхөд хэрэглэнэ.
 CSS нь харагдах байдлыг дүрслэнэ
 Фонт, бүтэц, өнгө гэхчлэн

Санал болгох
• www.codeacademy.com
• http://learn.shayhowe.com/html-css/

Вэб сайт бүтээх
 Мэргэжлийн бөгөөд анхаарал татахуйц
 Дизайныг урьдчилан төлөвлөсөн байх
 Сонирхолтой background ба зураг, өнгө,
фонт
 Орчин үеийн шийдэл

Дизайн
ДИЗАЙН
Дизайны консепт нь сайн байвал хүн татах нь гарцаагүй.
СОНИРХОЛТОЙ & ӨВӨРМӨЦ
Сонирхол татахуйц бөгөөд өвөрмөц, давтагдашгүй
байдал нь бусад хуудсаас давуу тал бий болгоно.
Энгийн мэт гэхдээ гол нь СОНИРХОЛТОЙ байлган гэдэг
урлаг.
ОЛОН ТӨРЛИЙН ГРАФИК ХОЛИХ ХЭРЭГГҮЙ
Олон янзын график элемент энд, тэнд оруулж хэрэггүй. Хэтэрхий их
дизайн, өвөрмөц засалт нь эсрэгээр хүнийг ядрааж мэднэ. Харин
элемент бүр үүргээ гүйцэтгэж чадаж байгаа эсэхэд анхаар. Үгүй бол
үндсэн агуулгаас хүнийг үргээдэг талтай.

КОНТЕНТ
АЧ ХОЛБОГДОЛТОЙ КОНТЕНТ
Контент урт байх албагүй. Харин ч нүүр дүүрэн текст хүмүүсийг уйдааж ч
болно. Тиймээс товч бөгөөд хэрэглэгч уншаад үндсэн санааг чинь шууд
ойлгохуйц хялбар байлга.
Ач холбогдол бүхий хүнд хэрэгцээтэй контент л вэб сайтыг бусдад
таниулна. Цаашлаад хэрэглэгчдэд чи ямар мэдээлэл, бүтээгдэхүүн,
үйлчилгээ санал болгож буйг хүргэнэ
ХҮМҮҮСИЙГ ТАТ
Контент нь бусдын анхаарлыг татах, танай үйлчилгээг улам илүү мэдэх
хүсэл төрүүлэх ёстой. Тийм учраас контентэд анхаар, учир нь хэрэглэгчид
үүнийг л уншдаг.
УРТ БАЙХ ШААРДЛАГАГҮЙ

Хэрэглэгчид хялбар
САЙН ВЭБ ДИЗАЙН
Хэрэглэгчийн сонирхлыг татна гэдэг маш том давуу тал. Тэдэнд ээлтэй дизайн
бүтээхийг user-friendly гэж ч нэрлэдэг. Ямар хүн сайтад тань зочилж хэрхэн
ажиллахыг өөрөө төсөөлж, тэдэнд хамгийн тохиромжтой байдлаар сайтаа бүтээ.
Сайн вэб дизайны үндэс нь хэрэглэгчид хялбар, дөхөм байдал юм. Тэдний
сонирхлыг татах, тэдэнтэй харилцах гэсэн үг.
ХЭРЭГЛЭГЧЭЭ БИТГИЙ УЙДАА

ABOUT хэсэг
ABOUT/ТУХАЙ ХУУДАС
Хүмүүст бүрэн мэдээлэл өгөх нь чухал. Ялангуяа, чи ямар бүтээл туурвидаг,
тодорхой баримтууд, холбоосууд оруулж өгөх нь чухал.
Онлайн орчинд байгаа бүх л сайтад About хуудас байдаг. Өөрийгөө,
бүтээлээ олон нийтэд, бусдад таниулах гол хэсэг тул зайлшгүй анхаарах
ёстой.
МЭДЭЭЛЛИЙГ БҮРЭН ӨГ

ХОЛБОО БАРИХ
ХОЛБОО БАРИХ ХЭСЭГ
Хэрэв энэ хэсэг байхгүй бол хэрэглэгч чамтай яаж холбогдох вэ? Сайтын
тань зочид хамгийн үнэ цэнэтэй гэдгийг мартаж болохгүй!
ХОЛБОО БАРИХ ХЭСГИЙГ ҮЛ ХАЙХАРЧ ЯАВЧ
БОЛОХГҮЙ
Сайт бүрт л бий. Хэрэглэгчид таньтай холбогдохыг заах хамгийн чухал хэсэг
нь энэ юм. Энд ихэвчлэн и-мейл хаяг, утасны дугаар байдаг.
И-мейл хаяг заавал байх ёстой.

ДҮРСЛЭЛҮҮД
ЗУРАГ
Зураг болон бусад дүрслэлийн элементүүдийг оруулснаар сайтын “хуурай”
байдлыг бууруулна. Ялангуяа, сонирхолтой зургууд оруулбал хүмүүсийн
анхаарлыг татах нь дамжиггүй.
ХЭМЖЭЭС
Зураг хэтэрхий том байвал тохиромжгүй. Ашиглаж байгаа дүрслэл бүр сайтын
хэмжээстэй таарч байгаа эсэхийг шалгана уу. Контент, зураг хоёрын харьцааг
тааруулах шаардлагатай.

Хэрэглэгчидтэйгээ үргэлж холбоотой байх, тэдэнд шинэ мэдээллийг
цаг алдалгүй хүргэхийг хүсвэл бүртгэл үүсгэх эсвэл subscribe, follow
хийх тохируулгуудыг ил байлгаж тэдэнтэй холбогд.
НЭМЭЛТ
СТАТИСТИКАА ШАЛГАЖ БАЙХАД ИЛҮҮДЭХГҮЙ
Вэб сайт нэгэнт ажиллаж эхэлсэн бол статистик мэдээллээ шалгаж байх
хэрэгтэй. Google гэхэд “Google analytics” гэсэн хэрэглүүртэй. Ингэснээр
хэрэглэгч хаанаас, хэрхэн дамжиж ирж байгааг мэдэж болно. Тэдний тухай
дүр зураг бий болгосноор цаашдын марткетингийг боловсруулах боломжтой.
БҮРТГЭЛ/SIGNUP

Вэб дизайн бүтээхэд анхаарах зүйлс

Recommended

Recommended

More Related Content

What's hot

What's hot (20)

Viewers also liked

Viewers also liked (20)

Similar to Вэб дизайн бүтээхэд анхаарах зүйлс

Similar to Вэб дизайн бүтээхэд анхаарах зүйлс (15)

More from Khulan Jugder

More from Khulan Jugder (14)

Вэб дизайн бүтээхэд анхаарах зүйлс