Microsoft Word

Figma, Photoshop, Sketch

AutoCAD, Maya

Excel, Notepad

Ұсынылған ақпарат

Пайдаланушы интерфейсі

Пайдаланушының жеке ақпараты

Жүйелік интеграция

Тек текст

Тек суреттер

Құрылымдық бөліктер (навигация, бөлімдер, кнопкалар)

Әлеуметтік медиа сілтемелері

Веб-сайт макеті

Мобильді қосымша макеті

Печать дизайны

Барлық жоғарыда аталғандар

Жай ғана сурет салу

Құрылымдық немесе графикалық композиция жасау

Тек техникалық сызбалар

Код жазу

Бір түстен екінші түске өтетін түстік өзгеріс

Тек ақ-қара түсте жасалатын дизайн

Тек тұрақты түстерді қолдану

Дизайнға түстік текстура қосу

Қарама-қарсы түстер мен контраст

Бәрі бірдей түсті болуы керек

Тек мәтіндер мен суреттерді қолдану

Тек анимацияларды қолдану

Пайдаланушыға ең ыңғайлы интерфейсті жасау

Әлеуметтік медиа жарнамаларының тиімділігін арттыру

Сурет салу дағдыларын дамыту

Тек веб-сайтты визуалды түрде әсемдеу

Құрылым мен навигация

Тек сурет элементтері

Тек мәтіндер мен түстер

Тек техникалық функционал

Дизайнның біркелкі көрінуі

Веб-сайттың әр түрлі экрандар мен құрылғыларда дұрыс көрінуі

Тек мобильді құрылғыларға арналған дизайн

Әлеуметтік медиа платформалар үшін арнайы дизайн

Дизайнның соңғы түрі

Дизайнның қарапайым схемасы немесе құрылымдық макеті

Мобильді қосымшаның толық нұсқасы

Тек суреттерді көру үшін қолданылатын файл түрі

Сайттың функционалдық кодын жазу

Дизайн элементтерін бір жерден жинақта

Сайттың функционалдық кодын жазу

Дизайн элементтерін бір жерден жинақтап, қайта қолдануға мүмкіндік беру

Сайттың құрылымын бағдарламалау

Тек текстер мен құжаттарды өңдеу үшін

Дизайнды күрделендіреді

Бейтарап және теңгерімді көрініс береді

Тек көркем әсер қалдырады

Пайдаланушының назарын бөлшектейді

Дизайнның көркемдігі мен түсін таңдауды анықтайды

Тек суреттердің түсін таңдайды

Тек мәтіндердің түсін таңдайды

Дизайнның құрылымын анықтайды

UI тек визуалды элементтерді қамтиды, UX пайдаланушы тәжірибесіне назар аударады

UI мен UX бірдей нәрселер

UI - бұл техникалық компоненттер, ал UX - бұл графикалық компоненттер

UI тек код жазу, ал UX тек сызба жасау

Веб-сайттың негізгі функционалдығы

Пайдаланушы экранда көретін алғашқы контент

Веб-сайттағы суреттердің орналасуы

Дизайнның аяғында орналасқан контент

Веб-сайттың негізгі функционалдығы

Пайдаланушы экранда көретін алғашқы контент

Веб-сайттағы суреттердің орналасуы

Дизайнның аяғында орналасқан контент

.txt, .html

.psd, .ai, .sketch, .fig

.docx, .xlsx

.zip, .rar

Пайдаланушылар

Бағдарламашылар

Дизайнерлер

Жарнама агенттіктері

Веб-сайттың навигациясын ұйымдастыру

Мазмұнды құрылымдық түрде орналастыруға көмек береді

Тек суреттерді сызықтарға орналастыру

Мобильді қосымшалар үшін код жазу

Жоғары сапалы суреттерді пайдалану

Файлдарды көбірек жүктеу

Суреттердің көлемін азайту және оңтайландыру

Тек мәтіндермен жұмыс істеу

Тек бір түсті қолдану

Ашық және қара түстерді араластыру

Ұқсас элементтерді бірдей етіп көрсету

Бірнеше айқын көрінетін элементтерді қолдану

Тек мәтіндерге қатысты әрекет

Пайдаланушыға белгілі бір әрекет жасауға шақыр

Тек мәтіндерге қатысты әрекет

Пайдаланушыға белгілі бір әрекет жасауға шақыру (мысалы, батырма)

Веб-сайттың құрылымдық бөлігі

Пайдаланушыға ұсыныс жасау

Қарапайымдылық және түсініктілік

Барлық түстерді пайдалану

Күрделі графика қолдану

Мазмұнды көп көрсету

Тек үлкен қаріптерді пайдалану

Әртүрлі қаріптер мен стильдерді қолдану

Оқуға ыңғайлы қаріптер мен стильдер қолдану

Қаріптерді толықтай тек қалың ету

Қарапайым және функционалды дизайн

Күрделі графика және анимация

Жоғары сапалы суреттер қолдану

Жарнамалық элементтерді көбірек қолдану

Навигацияның экраннан жоғалмайтын және экранда төмен сырғып жүретін түрі

Веб-сайттың басты беті

Суреттерді экранда тұрып қалған күйде көрсету

Мазмұнды тек вертикаль бағытта көрсету

Веб-сайттың басты бетінде ақпаратты көрсету

Тек мобильді қосымшалар үшін

Әлеуметтік медиа сілтемелері үшін

Тек қыстың кезеңінде

Тек көркем суреттер

Құрылым мен мазмұнның үйлесімділігі

Бәрі бірдей түс пен өлшемде болуы керек

Қарапайым және әсерлі дизайн элементтері

Пайдаланушының экран өлшеміне байланысты бейімделетін веб-дизайн

Тек мобильді құрылғыларға арналған дизайн

Веб-сайттағы анимацияларды қолдану

Барлық құрылғылар үшін бірдей дизайн қолдану

Веб-сайттың негізгі бетінде үлкен және әсерлі сурет

Веб-сайттың фонындағы түс

Мазмұнның негізгі бөлігі

Кішігірім сурет немесе иконка

Жүктелу жылдамдығы дизайнды жеңілдетеді

Жүктелу жылдамдығы интерфейстің сапасын төмендетеді

Жүктелу жылдамдығы тек мобильді құрылғыларға әсер етеді

Жүктелу жылдамдығы пайдаланушы

Жүктелу жылдамдығы дизайнды жеңілдетеді

Жүктелу жылдамдығы интерфейстің сапасын төмендетеді

Жүктелу жылдамдығы тек мобильді құрылғыларға әсер етеді

Жүктелу жылдамдығы пайдаланушы тәжірибесін бұзуы мүмкін

Барлық элементтер үш өлшемді және көлеңкелермен көрсетіледі

Қарапайым, көлемсіз және жазық элементтер

Тек күрделі анимациялар мен графикаларды қолдану

Фотосуреттер мен текстураларды қолдану

Жеке веб-сайтты кодтау жинағы

Дизайн үшін дайын құралдар жиынтығы

Веб-сайттың функционалдығын тексеру үшін қолданылатын бағдарлама

Пайдаланушының жеке мәліметтерін қорғауға арналған құралдар

Веб-дизайнда үлкен анимациялар қолдану

Пайдаланушының әрекетіне жауап ретінде шағын, бірақ маңызды анимациялар немесе өзгерістер

Тек сайттың мәтіндеріне қатысты іс-әрекет

Сайттың толық жүктелу кезеңі

Дизайн элементтерінің көп болуы

Қарапайым навигация мен айқын белгілерді пайдалану

Тек жарнамалар мен анимацияларды қосу

Сайттың барлық ақпаратын бір бетте көрсету

Веб-сайттың жүктелу жылдамдығы

Пайдаланушының сайтты жүктеу уақыты

Сайттың дизайнына кететін уақыт

Сайттың экрандағы толық көрінуі

Тек суреттерді таңдау

Мәтіннің жазылу стилін, қаріптерді және өлшемдерін қолдану

Тек графикалық элементтерді өңдеу

Тек графика мен анимациялар

Веб-сайттың тұрақты анимациясы

Пайдаланушы парақшаны төмен сырғытқан сайын фонының және мазмұнның әр түрлі жылдамдықпен қозғалу әсері

Сайттың құрылымын ауыстыру

Тек мобильді құрылғыларда қолданылатын әдіс

Барлық мәліметтер

Өнімдер мен қызметтер туралы қысқаша ақпарат

Тек әлеуметтік медиа сілтемелері

Пайдаланушының жеке ақпараты

Барлық элементтерді қолдану

Дизайнды қарапайым және қарапайым етіп жасау

Тек бірнеше түстерді қолдану

Қолданушының жеке мәліметтерін сұрау

Қара, ақ және сұр түстер

Ашық және көзге ауыр түс комбинациялары

Барлық түстерді араластыру

Тек қызыл және жасыл түстер

Веб-сайттың анимациясы

Веб-сайттың кішігірім белгішесі немесе иконкасы

Веб-сайттың басты бетіндегі сурет

Сайтқа арналған арнайы графикалық логотип

Веб-сайтты көркем етіп жасау

Пайдаланушының сайтта тұру уақытын арттыру

Пайдаланушының қажетті ақпаратқа жылдам және оңай қол жеткізуі

Сайтты барынша функционалды ету

Барлық ақпаратты бір бетке орналастыру

Пайдаланушының әрекетіне жылдам жауап беру

Тек суреттер қолдану

Сайтты көбірек функционалмен толтыру

Пайдаланушыға барлық мәзір элементтерін көрсету үшін қолданылатын үш жолақтан тұратын белгіше

Пайдаланушыға тек басты беттен кетуге мүмкіндік беретін меню

Веб-сайттың негізгі парағының мәзірі

Мобильді қосымшаларға арналған мәзір

Дизайнды қарапайым ету үшін

Түс және құрылым элементтерінің айырмашылығын көрсету үшін

Барлық элементтерді бірдей ету үшін

Сайтты жарнамалау үшін

Пайдаланушының веб-сайтпен әрекеттесу жолы мен тәжірибесі

Веб-сайттың мазмұнын ұйымдастыру әдісі

Тек сайттың негізгі бетінің элементтері

Пайдаланушының сайтқа кіргеннен кейінгі анимациялары

Тек мобильді құрылғыларға арналған веб-дизайн жасау

Мобильді құрылғыларды ескермей веб-сайтты құру

Алдымен мобильді құрылғылар үшін дизайн жасап, кейін оны басқа құрылғыларға бейімдеу

Тек мобильді қосымшалар үшін

Тек ақ фон

Дизайн элементтері арасында бос кеңістік

Мазмұнның бір бөлігі

Тек графикалық суреттердің ортасындағы бос орын

Тек мобильді құрылғыларға бейімделген дизайн

Дизайнның барлық құрылғылар мен экран өлшемдеріне автоматты түрде бейімделуі

Пайдаланушының әрекетіне жауап ретінде тек графикалық өзгерістер

Тек планшеттер мен смартфондарға арналған дизайн

Веб-сайттың жұмыс істейтін нұсқасы

Веб-сайттың негізгі құрылымын бейнелейтін сызба

Веб-сайттағы барлық графикалық элементтерді орналастыру

Тек сайттың басты бетін жасау

Қиын және күрделі интерфейс элементтері

Жұмсақ түстер мен айқын құрылым

Тек бірнеше түсті қолдану

Қиын жолдар мен бірнеше қадамнан тұратын әрекеттер

Веб-сайттың барлық элементтерін бірдей етіп көрсету

Мазмұнды пайдаланушыға көрнекі түрде ұсыну үшін

Тек қарапайым дизай

Веб-сайттың барлық элементтерін бірдей етіп көрсету

Мазмұнды пайдаланушыға көрнекі түрде ұсыну үшін

Тек қарапайым дизайн жасау үшін

Барлық элементтерді бір жолға қою

Тек контенттің негізінде құрылатын дизайн

Дизайнның тек графикалық элементтерін қолдану

Веб-сайттың құрылымын тек логикалық түрде құру

Тек мазмұнсыз дизайн жасау

Тек тексттерді бояу үшін

Түстердің үйлесімділігін және олардың әсерін зерттеу үшін

Суреттерді тек бір түсте жасау үшін

Пайдаланушының назарын аудару үшін

"Flat design" үш өлшемді элементтерді пайдаланады, ал "material design" жазық элементтерді қолданады

"Material design" үш өлшемді визуализацияны пайдаланып, анимацияларды қолданады, ал "flat design" жазық және түзу элементтермен жұмыс істейді

Екеуі де тек қарапайым графиканы қолданады

"Flat design" тек мобильді құрылғыларға арналған, ал "material design" тек үстел компьютерлеріне арналған

Барлық элементтердің бір-біріне тәуелсіз болуы

Дизайнның тек модульді құрылымын қолдану

Пайдаланушының жеке әрекеттерін реттеу үшін

Сайттың көлемін барынша ұлғайту үшін

Пайдаланушының сайтты жүктеуге кететін уақытын ұлғайтады

Пайдаланушының тәжірибесін жақсартады, себебі сайт тез жүктеледі

Дизайнның көлемін ұлғайтады

Тек мобильді қосымшаларға әсер етеді

Веб-сайттың тек визуалды әсерлерін құру

Пайдаланушы мен веб-сайт арасындағы өзара әрекеттесу элементтерін қосу

Тек анимацияларды жасау

Сайтты тек текстпен толтыру

Барлық элементтерді тығыз орналастыру

Дизайн элементтері арасындағы бос кеңістік, ол көрнекілік пен оқуға ыңғайлы болуын қамтамасыз етеді

Тек бос беттерді қолдану

Сайттың мәтіндеріне арналған бос орын

Пайдаланушыға тек графикалық анимацияларды көрсету

Құрылғы арқылы пайдаланушыға физикалық сезімдерді жеткізу

Тек экранда анимациялар қосу

Веб-сайттың визуалды мазмұны

Пайдаланушының сайтта қалаған әрекетін орындауына шақыру

Пайдаланушыны сайттан шығарып жіберу үшін

Веб-сайттың барлық ақпаратын тек көркемдеу

Сайттың мәзірінде орналасқан сілтемелер

Веб-сайттың көрнекі тұрғыдан жақсы көрінуі үшін

HTML элементтерін логикалық түрде қолдану, құрылым мен мағынаға мән беру

Пайдаланушының деректерін сақтау үшін

Веб-сайтты тек мобильді құрылғыларға бейімдеу

Тек анимациялар жасау үшін

Векторлық графика жасау және масштабтауға ыңғайлы болу үшін

Тек статикалық суреттерді көрсету үшін

Веб-сайттың мәтіндерін көрсету үшін

Веб-сайтты тек көркем етіп жасау

Веб-сайтты барлық пайдаланушылар үшін, оның ішінде мүгедектігі бар адамдар үшін қолжетімді ету

Веб-сайтты тек мобильді құрылғыларға бейімдеу

Барлық элементтерді бірдей түс пен көлемде көрсету

Веб-дизайнның тек көрнекі жағын жасау

Пайдаланушының веб-сайтпен немесе қосымшамен өзара әрекеттесу тәжірибесін жақсарту

Веб-сайттың кодын жазу

Тек мобильді қосымшаларды жобалау

Веб-сайттың барлық элементтерін бір-бірінен ерекшелендіру

Веб-дизайнның екі нұсқасын салыстыру арқылы қайсысы жақсы жұмыс істейтінін анықтау

Тек суреттерді өзгерту

Сайтты тек мобильді құрылғыларға бейімдеу

Пайдаланушылардың қажеттіліктерін және талаптарын түсіну

Веб-сайтты тек әдемі ету үшін

Веб-сайттың тек функционалдық бөлігін жасау үшін

Дизайн элементтерін өзгерту үшін

Веб-сайттың құрылымын дұрыс орналастыру

Пайдаланушылардың сайтты қалай қарап шығатынын зерттеу

Веб-сайттың негізгі бетінде барлық элементтерді көрсету

Сайттың барлық ақпаратын бір бетке жинау

Веб-сайттың барлық элементтерін қатар орналастыру құралы

Веб-беттегі күрделі орналасуларды басқару үшін қолданылатын CSS әдісі

Мәтіндердің қарапайым стильдерін жасау құралы

Тек мобильді құрылғылар үшін стильдер қосу

Тек мәтінді түсіріп қою

Пайдаланушы парақшаны төмен сырғытқан сайын фон мен мазмұнның әртүрлі жылдамдықпен қозғалу әсері

Сайттың толық жүктелуін күту

Сайттың барлық элементтерін анимациялау

Тек мобильді құрылғыларға арналған веб-сайт жасау

Барлық экран өлшемдеріне бейімделетін веб-сайт жасау

Сайттың жүктелу жылдамдығын арттыру үшін

Тек үстел компьютерлеріне арналған дизайн

Пайдаланушы парақшаны сырғытқаннан кейін көрінетін бөлім

Веб-сайттың төменгі бөлігі

Сайттың ең жоғары бөлігіндегі ақпарат, пайдаланушы бірінші көретін ақпарат

Веб-сайттағы жүктелу жылдамдығы

Веб-сайттың барынша қарапайым және жұмсақ көрінуі үшін

Мазмұн мен дизайн элементтерінің көрнекі айырмашылығын жасау үшін

Тек анимацияларды көрсету үшін

Веб-сайттың функционалдық бөлігін жақсарту үшін

Сайттың жүктелу жылдамдығын көрсетіп тұру үшін

Тек сайтқа қосымша ақпарат қосу үшін

Веб-сайттағы суреттерді жүктеу кезінде

Веб-сайттың функционалдығын қиындату үшін

Тек мобильді құрылғылар үшін дизайн жасау, кейін оны басқа құрылғыларға бейімдеу

Тек планшеттер мен үстел компьютерлері үшін дизайн жасау

Тек веб-сайттың мобильді нұсқасын жасау

Мобильді қосымшалар үшін арнайы дизайн жасау

Пайдаланушының сайтты қалай пайдаланатыны туралы ақпарат

Веб-сайттың ішкі құрылымын басқару

Пайдаланушымен өзара әрекеттесетін визуалды және функционалды элементтердің жиынтығы

Веб-сайттың сыртқы көрінісін жасау

Тек сайттың графикасын жасау

Мәтіндер мен қаріптерді дұрыс қолдану принципі

Веб-сайттың функционалдығын дамыту

Тек суреттерді орналастыру

Сайттың жұмыс істей бастағаннан кейін

Веб-сайттың алғашқы тұжырымдамасы жасалған кезде

Сайттың дизайнын аяқтағаннан кейін ғана

Барлық кезеңдерде, әсіресе соңғы кезеңде

Сайттың дизайнын әдемі ету

Пайдаланушыға әрекет жасауға шақыру (мысалы, тіркелу, сатып алу)

Пайдаланушының көзін тарту үшін тек жарнамалар

Сайтты жылдам жүктеу үшін

Веб-беттің құрылымын басқару үшін қолданылатын бірізді сызықтар мен бағаналар жүйесі

Пайдаланушының интерфейсін жасау үшін қолданылатын арнайы әдіс

Мазмұнды дұрыс орналастырудың негізгі принципі

Сайтты тек мобильді құрылғыларға бейімдеу әдісі

Веб-сайтты қысыңқырау үшін

Мазмұн мен элементтер арасындағы тыныс алу үшін

Тек графика мен анимацияларды көрсету үшін

Пайдаланушының назарын басқа элементтерге аудару үшін

Бет төмен қарай жылжыған кезде мәзірдің жоғалып кетуі

Мәзірдің беттің жоғарғы жағында қалып тұруы, ол парақ төмен сырғытылғанда да көрініп тұрады

Тек мобильді құрылғылар үшін арнайы меню

Веб-сайттағы негізгі тақырыптың өзгеруі

Веб-сайттың жалған қолданушысы

Пайдаланушының мінез-құлқы мен қажеттіліктерін сипаттайтын абстрактілі бейне

Веб-сайттың жалған қолданушысы

Пайдаланушының мінез-құлқы мен қажеттіліктерін сипаттайтын абстрактілі бейне

Пайдаланушының жеке мәліметтері

Пайдаланушының тіркеу формасы

Сайттың барлық беттерін қайта жүктеу

Пайдаланушы іздеген парақша табылмағанда көрсетілетін қате беті

Сайттың басты беті

Пайдаланушының сұрауы бойынша ашылатын арнайы бет

Веб-сайттың барлық функционалдық мүмкіндіктерін қолданушының қажеттіліктеріне қарай жасау

Тек техникалық дизайн элементтерін қолдану

Веб-сайттың дизайны тек жүйенің жұмыс істеуі үшін қажет

Пайдаланушының тек жарнамалық әрекеттерін бақылау

Сайтта беттің қай жерінде екенін көрсету

Сайттың бүкіл құрылымын өзгерту үшін

Пайдаланушыға сайттың барлық мәліметтерін көрсету үшін

Тек парақтың төменгі бөлігін көрсету үшін

Пайдаланушының көру қабілетін арттыру үшін жасалған арнайы құрылғы

Жоғары ажыратымдылықтағы дис

Пайдаланушының көру қабілетін арттыру үшін жасалған арнайы құрылғы

Жоғары ажыратымдылықтағы дисплей экраны, жоғары сапалы суреттерді көрсету үшін

Сайттың мәтіндерін үлкен етіп көрсету үшін

Веб-сайттағы барлық графиканы түссіз көрсету үшін

Пайдаланушыға тек негізгі ақпаратты көрсету, қосымша мәліметтерді кейінірек ашу

Веб-сайтты жаңарту

Пайдаланушының барлық ақпаратын бірден көрсету

Пайдаланушының әрекетіне жауап ретінде сайтты жылдам жүктеу

Пайдаланушы элементті басқанда орындалатын әрекет

Пайдаланушы элементті тек көрсетер кезде орындалатын әсер

Элементті экраннан өшіру үшін қолданылатын эффект

Тек мобильді құрылғыларда қолданылатын анимация

Веб-сайттың барлық суреттерін бірден жүктеу

Веб-сайттың суреттері мен мазмұнын тек пайдаланушы оны көру үшін қажет болғанда жүктеу

Веб-сайтты жай жүктеу

Пайдаланушыны сайтқа кіру үшін күтуге мәжбүр ету

Веб-сайттың бірінші элементінің жүктелуі мен көрсету уақыты

Веб-сайттың барлық мазмұнының жүктелуі

Пайдаланушының экранына алғашқы мәтіннің шығуы

Сайттың тұтастай жүктелгеннен кейін пайда болатын контент

Веб-сайттың басты логотипі

Браузердің қойын кітапшасында немесе табында көрінетін веб-сайттың шағын иконкасы

Веб-сайттың жүктелу белгісі

Тек мобильді қолданбалар үшін қолданылатын белгі

Тек суреттерді көру үшін

Веб-сайттың барлық элементтерін бір-біріне үйлесімді етіп орналастыру

Сайтты тек мобильді құрылғыларға бейімдеу

Сайттың функционалды бөлігін қысқарту

Пайдаланушы парақшаны төмен қарай сырғытқанда барлық мазмұн қозғалады

Веб-сайттың барлық мазмұны экранда бірден көрсетіледі

Тек текстер ғана жылжиды, ал суреттер тұрады

Беттің төменгі жағындағы контент барлық уақытта көрініп тұрады

Пайдаланушы парақшаны төмен қарай сырғытқанда барлық мазмұн қозғалады

Веб-сайттың барлық мазмұны экранда бірден көрсетіледі

Тек текстер ғана жылжиды, ал суреттер тұрады

Беттің төменгі жағындағы контент барлық уақытта көрініп тұрады

Сайттағы ірі анимациялар мен эффектілер

Пайдаланушының әртүрлі әрекеттеріне жауап ретінде орын алатын кішігірім анимациялар мен эффектілер

Тек мәтіндермен жұмыс істеу

Веб-сайттағы негізгі навигация

Пайдаланушыға сайттың барлық беттерін көрсету

Пайдаланушыға белгілі бір әрекет жасауға (мысалы, сатып алу, тіркелу) шақыру

Пайдаланушының сайтта қалуын қамтамасыз ету

Веб-сайттағы барлық мәтіндерді жасыру

Статикалық суреттер мен графикалар

Векторлық графика мен масштабталатын кескіндер

Мазмұнды сақтауға арналған мәтіндер

Барлық видеолар мен анимациялар