Жылдам графикалық дизайн

Графикалық Веб-
Дизайн: Заманауи
Көзқарас
Графикалық веб-дизайн – сайттың сыртқы көрінісін жақсарту.
Ол қолданушыға ыңғайлы интерфейс құру үдерісі. Веб-дизайн
трендтері үнемі өзгеріп отырады. Сондықтан, жаңа
технологияларды бақылау маңызды.

A. Karakat
A.
Abilmansur
Веб-Дизайнның Негізгі
Элементтері
UX (User UI (User
Experience)
Беттің көрінісі, түстер, Interface)сайтпен
Қолданушының
шрифтер, батырмалар. өзара әрекеттесуін
жеңілдету.
• Түстер үйлесімділігі • Навигацияның
• Шрифтердің оқылуы ыңғайлылығы

• Элементтердің орналасуы • Жылдам жүктелуі
• Респонсивті дизайн

Сайт тек әдемі ғана емес, функционалды және жылдам болуы
керек.
Графикалық веб-дизайн дегеніміз не?
Графикалық веб-дизайн Мысалдар:
Бұл сайттың визуалды көрінісін қалыптастыратын • Google – минималистік, жылдам.
өнер. Ол қолданушыға ыңғайлы интерфейс жасауға • Amazon – UX-ке бағытталған.
бағытталған.

• Тартымды болуы керек.
• Ыңғайлы болуы керек.
• Эстетика мен UX үйлесімі
Веб-дизайнның негізгі
элементтері

Түс Қаріптер Навигация
Сайттың Мәтіннің оқуға Сайтта тез бағыт
атмосферасын ыңғайлылығын табу үшін қажет.
қалыптастырады. анықтайды.

Батырмалар
Әрекетке
итермелейді.
Түс және
Типография
Түс
Психологиясы
Қызыл – энергия, шұғылдық.

Көк – сенімділік, тұрақтылық.

Жасыл – табиғилық, жайлылық.

Қара – элиталық, салмақтылық.

Типография
Ережелері
Sans-serif шрифті – заманауи және оқу жеңіл.

Қаріп өлшемдері иерархияға сай болу керек.

h1 { font-size: 32px; font-weight: bold; }
h2 { font-size: 26px; font-weight: semi-bold; }
p { font-size: 16px; line-height: 1.5; }
Дизайн құралдары
Figma Adobe XD
UI/UX жасауға ыңғайлы. Прототиптеу және
анимация.

Canva
Жылдам графикалық дизайн.
Веб-графика
форматтары
Формат Ерекшеліктер Қолдану мысалы

JPG Түстерді сақтайды, Фотосуреттер,
бірақ сапа баннерлер
жоғалтады
PNG Жоғары сапа, мөлдір Логотиптер,
фон қолдайды иконкалар

SVG Векторлық формат, UI элементтері,
масштабталады иконкалар

WebP JPG пен PNG-ден 25- Веб-графика, сайт
34% жеңіл суреттері

GIF Анимациялы Мемдер, қысқа
графика анимациялар
Қорытынды
Эстетика мен UX Графиканың Трендтерді
Үйлесімі Әсері
Графиканы дұрыс таңдау
Бақылау
Жаңашыл трендтер мен
Веб-дизайн – эстетика мен UX сайттың жүктелу технологияларды үнемі
үйлесімі. жылдамдығына әсер етеді. бақылау маңызды.

Веб-дизайн жасау барысында трендтерді ескеру қажет. Жаңа технологияларды қолдану сайттың сапасын
арттырады. Сайттың жылдамдығы мен ыңғайлылығын қамтамасыз ету керек.

Ұқсас жұмыстар

ВЕБ ДИЗАЙНҒА ҚОЙЫЛАТЫН ТАЛАПТАР

ЭЛЕКТРОНДЫ НИВЕЛИР

Тәуелсіздік әзірлеуші

СӨЖ ЭЛЕКТРОНДЫҚ ТАХЕОМЕТР

ArCon Eleco 2014 Professional

ТАЛАПТАРДЫ АНЫҚТАУ

Білім биржасы ойыны

Мәзір жолындағы Вид әмірін шерт

Кәсіптік білім беру мақсаттары

Macromedia Flash мүмкіндіктерін қолдану

Пәндер