Словник UX/UI дизайнера

306 слів і професійних термінів для UX/UI дизайнерів: візуальні характеристики інтерфейсу, UX-дослідження, дизайн-системи, делегування та організаційний вплив.

Матеріали для вивчення

СловоТранскрипціяПереклад
designdɪzˈaɪnдизайн; проєктування інтерфейсу
feedbackˈfiːdbækзворотний зв’язок щодо рішення
iconˈaɪkɑːnіконка; графічний символ дії
layoutˈleɪaʊtкомпонування елементів на екрані
menumˈɛnjuменю навігації або команд
pagepˈeɪdʒсторінка цифрового продукту
websitewˈɛbsaɪtвебсайт
componentkəmˈpəʊnəntповторно використовуваний компонент
gridɡrɪdсітка для вирівнювання елементів
hierarchyˈhaɪərɑːrkiвізуальна ієрархія елементів
interactionˌɪntərˈækʃnвзаємодія користувача з продуктом
prototypeˈpɹoʊtəˌtaɪpінтерактивний прототип продукту
interfaceˈɪntərfeɪsінтерфейс цифрового продукту
colorˈkʌlərколір як елемент інтерфейсу
fontfɑːntшрифт
presentˈprɛzəntпрезентувати дизайн
demonstrateˈdɛmənˌstreɪtдемонструвати роботу рішення
walk throughпокроково показати
highlightˈhaɪˌlaɪtпідкреслити важливу деталь
explainɪkˈspleɪnпояснювати дизайн-рішення
focus onзосередитися на
mockupˈmɑːkʌpвізуальний макет
draftdræftчернетка дизайну
versionˈvərʒənверсія макета
changeʧeɪnʤзміна в дизайні
updateˈəpˌdeɪtоновлення макета
optionˈɔpʃənваріант рішення
statesteɪtстан компонента
headerˈhɛdərверхня частина екрана
footerˈfʊtərнижня частина сторінки
sidebarˈsaɪdˌbɑrбічна панель
navigationˌnævəˈgeɪʃənнавігація продуктом
labelˈleɪbəlтекстовий підпис елемента
fieldfildполе форми
inputˈɪnˌpʊtелемент введення даних
cardkɑrdкартка інтерфейсу
modalˈmoʊdəlмодальне вікно
dropdownˈdrɑːpdaʊnвипадний список
tooltipˈtuːltɪpкоротка контекстна підказка
simpleˈsɪmpəlпростий і нескладний
complexˈkɑmplɛksскладний
consistentkənˈsɪstəntпослідовний і узгоджений
alignedəˈlaɪndвирівняний
centeredˈsɛntərdрозташований по центру
balancedˈbælənstвізуально збалансований
brightbraɪtяскравий
darkdɑrkтемний
confusingkənfˈjuzɪŋнезрозумілий або заплутаний
scroll downпрокрутити вниз
widewaɪdширокий
narrowˈnɛroʊвузький
widerˈwaɪdərширший
narrowerˈnɛroʊərвужчий
largelɑrʤвеликий
smallsmɔlмалий
oversizedˈoʊvərˌsaɪzdзавеликий відносно композиції
undersizedˈəndərˌsaɪzdзамалий відносно композиції
talltɔlвисокий
shortʃɔrtнизький або короткий
thickθɪkтовстий
thinθɪnтонкий
full-widthна всю ширину
compactˈkɑmpæktкомпактний
spaciousˈspeɪʃəsпросторий
tighttaɪtзатісний
crampedkræmptстиснений і перевантажений
misalignedˌmɪsəˈlaɪndневирівняний
left-alignedвирівняний за лівим краєм
right-alignedвирівняний за правим краєм
top-alignedвирівняний за верхнім краєм
bottom-alignedвирівняний за нижнім краєм
stackedstæktрозташований один під одним
two-column layoutдвоколонкове компонування
single-column layoutодноколонкове компонування
full-screenна весь екран
stickyˈstɪkiзакріплений під час прокручування
persistentpərˈsɪstəntпостійно видимий
proportionalprəˈpɔrʃənəlпропорційний
prominentˈprɑmənəntпомітний і пріоритетний
subtleˈsətəlделікатний і ненав’язливий
boldboʊldвиразний або жирний
dominantˈdɑmənəntдомінантний
secondaryˈsɛkənˌdɛriдругорядний
competingkəmˈpitɪŋтакий, що конкурує за увагу
clutteredˈklətərdзахаращений
cleanklinчистий і впорядкований
minimalˈmɪnəməlмінімалістичний
busyˈbɪziперевантажений деталями
harshhɑrʃнадто різкий
vibrantˈvaɪbrəntнасичений і яскравий
mutedmˈjutɪdприглушений
coherentkoʊˈhɪrəntузгоджений
inconsistentˌɪnkənˈsɪstəntнепослідовний
readableˈridəbəlчитабельний
legibleˈlɛʤəbəlрозбірливий
visibleˈvɪzəbəlвидимий
hiddenˈhɪdənприхований або складний для знаходження
low contrastіз низькою контрастністю
high contrastіз високою контрастністю
clickableˈklɪkəbəlтакий, що виглядає доступним для натискання
obviousˈɑbviəsочевидний
early-stageна ранньому етапі
high-fidelityвисокої деталізації
low-fidelityнизької деталізації
directional feedbackфідбек щодо загального напряму
visual feedbackфідбек щодо візуального оформлення
clarifying questionуточнювальне запитання
interactiveˌɪnərˈæktɪvінтерактивний
passiveˈpæsɪvпасивний
immersiveɪˈmɜːrsɪvтакий, що глибоко залучає
distractingdɪˈstræktɪŋтакий, що відволікає увагу
clearklɪrзрозумілий; чіткий
crowdedˈkraʊdɪdперевантажений елементами
emptyˈemptiпорожній
usableˈjuːzəbəlзручний у використанні
polishedˈpɑːlɪʃtвідшліфований і завершений
production-readyготовий до реалізації або релізу
cartoonykɑːrˈtuːniнадто мультяшний
clunkyˈklʌŋkiнезграбний і важкий
modernˈmɑːdərnсучасний
elementaryˌeləˈmentəriнадто примітивний
matureməˈtʃʊrзрілий і впевнений
unfinishedˌʌnˈfɪnɪʃtнезавершений
muddyˈmʌdiнечіткий через близькі тони
grayscaleˈɡreɪskeɪlу відтінках сірого
neutralizedˈnuːtrəlaɪzdнейтралізований за кольором
distinctdɪˈstɪŋktчітко відмінний
excessiveɪkˈsesɪvнадмірний
streamlinedˈstriːmlaɪndспрощений і впорядкований
succinctsəkˈsɪŋktлаконічний
controlledkənˈtroʊldстриманий і керований
straightforwardˌstreɪtˈfɔːrwərdпрямолінійний і зрозумілий
decorativeˈdekərətɪvдекоративний
functionalˈfʌŋkʃənəlфункціональний
aestheticesˈθetɪkестетично привабливий
wonkyˈwɑːŋkiперекошений або дивно скомпонований
redundantrɪˈdʌndəntзайвий або дубльований
smoothsmuːðплавний
pixelatedˈpɪksəleɪtɪdпікселізований
crispkrɪspчіткий і чистий
uniformˈjuːnəfɔːrmоднаковий і рівномірний
unevenʌnˈiːvənнерівномірний
roundedˈraʊndɪdзаокруглений
outlinedˈaʊtlaɪndконтурний
filledfɪldіз суцільною заливкою