200 английских слов для дизайнеров UI/UX

Английская терминология UI/UX: design, UI, UX, user interface, user experience, interaction design, visual design. Элементы интерфейса, этапы от вайрфрейма до прототипа, исследования и тестирование.
Englisch (USA)RussischB1B2
200 Wörter
neulernst dukennst du
Begriff (100)
Bedeutung
design — дизайн
design
Focus on user-centered design
дизайн
designer — дизайнер
designer
She's a talented UI designer
дизайнер
UI — пользовательский интерфейс
UI
The UI needs improvement
пользовательский интерфейс
UX — пользовательский опыт
UX
Focus on UX research
пользовательский опыт
user interface — пользовательский интерфейс
user interface
Design an intuitive user interface
пользовательский интерфейс
user experience — пользовательский опыт
user experience
Improve the user experience
пользовательский опыт
interaction design — дизайн взаимодействия
interaction design
Study interaction design principles
дизайн взаимодействия
visual design — визуальный дизайн
visual design
Visual design affects perception
визуальный дизайн
usability — юзабилити; удобство использования
usability
Test for usability issues
юзабилити; удобство использования
accessibility — доступность
accessibility
Ensure accessibility compliance
доступность
responsive — адаптивный
responsive
Create a responsive layout
адаптивный
adaptive — адаптивный
adaptive
Adaptive design works differently
адаптивный
mobile-first — сначала мобильный
mobile-first
Use a mobile-first approach
сначала мобильный
wireframe — вайрфрейм; каркас
wireframe
Create wireframes first
вайрфрейм; каркас
mockup — макет
mockup
Present the mockup to stakeholders
макет
prototype — прототип
prototype
Build an interactive prototype
прототип
prototype testing — тестирование прототипа
prototype testing
Conduct prototype testing
тестирование прототипа
high-fidelity — высокой точности
high-fidelity
Create high-fidelity mockups
высокой точности
low-fidelity — низкой точности
low-fidelity
Start with low-fidelity wireframes
низкой точности
sketch — эскиз; набросок
sketch
Sketch your ideas quickly
эскиз; набросок
layout — макет; расположение
layout
The layout is clean and simple
макет; расположение
grid — сетка
grid
Use a 12-column grid
сетка
spacing — отступы; интервалы
spacing
Consistent spacing is important
отступы; интервалы
alignment — выравнивание
alignment
Check the text alignment
выравнивание
hierarchy — иерархия
hierarchy
Establish visual hierarchy
иерархия
typography — типографика
typography
Good typography improves readability
типографика
font — шрифт
font
Choose a readable font
шрифт
typeface — гарнитура шрифта
typeface
Select an appropriate typeface
гарнитура шрифта
serif — шрифт с засечками
serif
Serif fonts look traditional
шрифт с засечками
sans-serif — шрифт без засечек
sans-serif
Sans-serif fonts are modern
шрифт без засечек
font size — размер шрифта
font size
Increase the font size
размер шрифта
line height — межстрочный интервал
line height
Adjust the line height
межстрочный интервал
letter spacing — межбуквенный интервал
letter spacing
Tweak the letter spacing
межбуквенный интервал
kerning — кернинг
kerning
Fix the kerning issues
кернинг
weight — насыщенность шрифта
weight
Use bold weight for headers
насыщенность шрифта
color — цвет
color
Choose a color palette
цвет
palette — палитра
palette
Create a consistent color palette
палитра
primary color — основной цвет
primary color
Blue is our primary color
основной цвет
secondary color — вторичный цвет
secondary color
Use secondary colors sparingly
вторичный цвет
accent color — акцентный цвет
accent color
The accent color highlights actions
акцентный цвет
contrast — контраст
contrast
Ensure sufficient color contrast
контраст
saturation — насыщенность
saturation
Reduce the saturation
насыщенность
brightness — яркость
brightness
Adjust the brightness level
яркость
hue — оттенок; тон
hue
Change the hue slightly
оттенок; тон
gradient — градиент
gradient
Add a subtle gradient
градиент
opacity — непрозрачность
opacity
Reduce the opacity to 50%
непрозрачность
transparency — прозрачность
transparency
Use transparency for overlays
прозрачность
shadow — тень
shadow
Add a drop shadow
тень
drop shadow — отбрасываемая тень
drop shadow
The drop shadow adds depth
отбрасываемая тень
blur — размытие
blur
Apply a blur effect
размытие
icon — иконка
icon
Design consistent icons
иконка
iconography — иконографика
iconography
Establish iconography guidelines
иконографика
illustration — иллюстрация
illustration
Add custom illustrations
иллюстрация
image — изображение
image
Optimize images for web
изображение
graphic — графика
graphic
Create vector graphics
графика
vector — вектор
vector
Use vector formats for logos
вектор
raster — растр
raster
Raster images lose quality when scaled
растр
resolution — разрешение
resolution
Export at high resolution
разрешение
pixel — пиксель
pixel
The button is 48 pixels tall
пиксель
retina — ретина
retina
Support retina displays
ретина
aspect ratio — соотношение сторон
aspect ratio
Maintain the aspect ratio
соотношение сторон
crop — обрезка; обрезать
crop
Crop the image properly
обрезка; обрезать
resize — изменить размер
resize
Resize images for mobile
изменить размер
button — кнопка
button
Design a clear call-to-action button
кнопка
input field — поле ввода
input field
Style the input fields
поле ввода
form — форма
form
Design an intuitive form
форма
dropdown — выпадающий список
dropdown
Use a dropdown for options
выпадающий список
checkbox — чекбокс; флажок
checkbox
Add a checkbox for agreement
чекбокс; флажок
radio button — радиокнопка
radio button
Use radio buttons for single choice
радиокнопка
toggle — переключатель
toggle
Add a toggle for settings
переключатель
slider — слайдер; ползунок
slider
Use a slider for range selection
слайдер; ползунок
modal — модальное окно
modal
Open a modal for confirmation
модальное окно
popup — всплывающее окно
popup
The popup shows a message
всплывающее окно
tooltip — подсказка
tooltip
Add a tooltip for help
подсказка
notification — уведомление
notification
Design notification banners
уведомление
toast — тост-уведомление
toast
Show a toast message
тост-уведомление
alert — оповещение
alert
Display an error alert
оповещение
card — карточка
card
Use cards for content
карточка
component — компонент
component
Build reusable components
компонент
element — элемент
element
Style each element consistently
элемент
widget — виджет
widget
Add a weather widget
виджет
header — шапка; заголовок
header
Design a sticky header
шапка; заголовок
footer — подвал; нижняя часть
footer
Add links to the footer
подвал; нижняя часть
navigation — навигация
navigation
Simplify the navigation
навигация
navbar — панель навигации
navbar
Style the navbar
панель навигации
sidebar — боковая панель
sidebar
The sidebar contains filters
боковая панель
menu — меню
menu
Create a hamburger menu
меню
breadcrumb — хлебные крошки
breadcrumb
Add breadcrumb navigation
хлебные крошки
tab — вкладка
tab
Use tabs for sections
вкладка
accordion — аккордеон
accordion
Use accordion for FAQ
аккордеон
carousel — карусель
carousel
Add an image carousel
карусель
scroll — прокрутка
scroll
Enable infinite scroll
прокрутка
pagination — пагинация
pagination
Add pagination to the list
пагинация
loading — загрузка
loading
Show a loading indicator
загрузка
spinner — спиннер
spinner
Display a spinner while loading
спиннер
skeleton — скелетон
skeleton
Use skeleton screens
скелетон
placeholder — заполнитель; плейсхолдер
placeholder
Add placeholder text
заполнитель; плейсхолдер
empty state — пустое состояние
empty state
Design the empty state
пустое состояние
error state — состояние ошибки
error state
Handle error states gracefully
состояние ошибки
hover state — состояние при наведении
hover state
Add a hover state to buttons
состояние при наведении

Feature anfragen

Was sollen wir ergänzen oder reparieren? Wir lesen jede Nachricht und schenken dir etwas für die Idee.

0 / 4000