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

Английская терминология UI/UX: design, UI, UX, user interface, user experience, interaction design, visual design. Элементы интерфейса, этапы от вайрфрейма до прототипа, исследования и тестирование.
English (US)RussianB1B2
200 words
newlearningknown
Term (100)
Meaning
design — дизайн
designFocus on user-centered design
дизайн
designer — дизайнер
designerShe's a talented UI designer
дизайнер
UI — пользовательский интерфейс
UIThe UI needs improvement
пользовательский интерфейс
UX — пользовательский опыт
UXFocus on UX research
пользовательский опыт
user interface — пользовательский интерфейс
user interfaceDesign an intuitive user interface
пользовательский интерфейс
user experience — пользовательский опыт
user experienceImprove the user experience
пользовательский опыт
interaction design — дизайн взаимодействия
interaction designStudy interaction design principles
дизайн взаимодействия
visual design — визуальный дизайн
visual designVisual design affects perception
визуальный дизайн
usability — юзабилити; удобство использования
usabilityTest for usability issues
юзабилити; удобство использования
accessibility — доступность
accessibilityEnsure accessibility compliance
доступность
responsive — адаптивный
responsiveCreate a responsive layout
адаптивный
adaptive — адаптивный
adaptiveAdaptive design works differently
адаптивный
mobile-first — сначала мобильный
mobile-firstUse a mobile-first approach
сначала мобильный
wireframe — вайрфрейм; каркас
wireframeCreate wireframes first
вайрфрейм; каркас
mockup — макет
mockupPresent the mockup to stakeholders
макет
prototype — прототип
prototypeBuild an interactive prototype
прототип
prototype testing — тестирование прототипа
prototype testingConduct prototype testing
тестирование прототипа
high-fidelity — высокой точности
high-fidelityCreate high-fidelity mockups
высокой точности
low-fidelity — низкой точности
low-fidelityStart with low-fidelity wireframes
низкой точности
sketch — эскиз; набросок
sketchSketch your ideas quickly
эскиз; набросок
layout — макет; расположение
layoutThe layout is clean and simple
макет; расположение
grid — сетка
gridUse a 12-column grid
сетка
spacing — отступы; интервалы
spacingConsistent spacing is important
отступы; интервалы
alignment — выравнивание
alignmentCheck the text alignment
выравнивание
hierarchy — иерархия
hierarchyEstablish visual hierarchy
иерархия
typography — типографика
typographyGood typography improves readability
типографика
font — шрифт
fontChoose a readable font
шрифт
typeface — гарнитура шрифта
typefaceSelect an appropriate typeface
гарнитура шрифта
serif — шрифт с засечками
serifSerif fonts look traditional
шрифт с засечками
sans-serif — шрифт без засечек
sans-serifSans-serif fonts are modern
шрифт без засечек
font size — размер шрифта
font sizeIncrease the font size
размер шрифта
line height — межстрочный интервал
line heightAdjust the line height
межстрочный интервал
letter spacing — межбуквенный интервал
letter spacingTweak the letter spacing
межбуквенный интервал
kerning — кернинг
kerningFix the kerning issues
кернинг
weight — насыщенность шрифта
weightUse bold weight for headers
насыщенность шрифта
color — цвет
colorChoose a color palette
цвет
palette — палитра
paletteCreate a consistent color palette
палитра
primary color — основной цвет
primary colorBlue is our primary color
основной цвет
secondary color — вторичный цвет
secondary colorUse secondary colors sparingly
вторичный цвет
accent color — акцентный цвет
accent colorThe accent color highlights actions
акцентный цвет
contrast — контраст
contrastEnsure sufficient color contrast
контраст
saturation — насыщенность
saturationReduce the saturation
насыщенность
brightness — яркость
brightnessAdjust the brightness level
яркость
hue — оттенок; тон
hueChange the hue slightly
оттенок; тон
gradient — градиент
gradientAdd a subtle gradient
градиент
opacity — непрозрачность
opacityReduce the opacity to 50%
непрозрачность
transparency — прозрачность
transparencyUse transparency for overlays
прозрачность
shadow — тень
shadowAdd a drop shadow
тень
drop shadow — отбрасываемая тень
drop shadowThe drop shadow adds depth
отбрасываемая тень
blur — размытие
blurApply a blur effect
размытие
icon — иконка
iconDesign consistent icons
иконка
iconography — иконографика
iconographyEstablish iconography guidelines
иконографика
illustration — иллюстрация
illustrationAdd custom illustrations
иллюстрация
image — изображение
imageOptimize images for web
изображение
graphic — графика
graphicCreate vector graphics
графика
vector — вектор
vectorUse vector formats for logos
вектор
raster — растр
rasterRaster images lose quality when scaled
растр
resolution — разрешение
resolutionExport at high resolution
разрешение
pixel — пиксель
pixelThe button is 48 pixels tall
пиксель
retina — ретина
retinaSupport retina displays
ретина
aspect ratio — соотношение сторон
aspect ratioMaintain the aspect ratio
соотношение сторон
crop — обрезка; обрезать
cropCrop the image properly
обрезка; обрезать
resize — изменить размер
resizeResize images for mobile
изменить размер
button — кнопка
buttonDesign a clear call-to-action button
кнопка
input field — поле ввода
input fieldStyle the input fields
поле ввода
form — форма
formDesign an intuitive form
форма
dropdown — выпадающий список
dropdownUse a dropdown for options
выпадающий список
checkbox — чекбокс; флажок
checkboxAdd a checkbox for agreement
чекбокс; флажок
radio button — радиокнопка
radio buttonUse radio buttons for single choice
радиокнопка
toggle — переключатель
toggleAdd a toggle for settings
переключатель
slider — слайдер; ползунок
sliderUse a slider for range selection
слайдер; ползунок
modal — модальное окно
modalOpen a modal for confirmation
модальное окно
popup — всплывающее окно
popupThe popup shows a message
всплывающее окно
tooltip — подсказка
tooltipAdd a tooltip for help
подсказка
notification — уведомление
notificationDesign notification banners
уведомление
toast — тост-уведомление
toastShow a toast message
тост-уведомление
alert — оповещение
alertDisplay an error alert
оповещение
card — карточка
cardUse cards for content
карточка
component — компонент
componentBuild reusable components
компонент
element — элемент
elementStyle each element consistently
элемент
widget — виджет
widgetAdd a weather widget
виджет
header — шапка; заголовок
headerDesign a sticky header
шапка; заголовок
footer — подвал; нижняя часть
footerAdd links to the footer
подвал; нижняя часть
navigation — навигация
navigationSimplify the navigation
навигация
navbar — панель навигации
navbarStyle the navbar
панель навигации
sidebar — боковая панель
sidebarThe sidebar contains filters
боковая панель
menu — меню
menuCreate a hamburger menu
меню
breadcrumb — хлебные крошки
breadcrumbAdd breadcrumb navigation
хлебные крошки
tab — вкладка
tabUse tabs for sections
вкладка
accordion — аккордеон
accordionUse accordion for FAQ
аккордеон
carousel — карусель
carouselAdd an image carousel
карусель
scroll — прокрутка
scrollEnable infinite scroll
прокрутка
pagination — пагинация
paginationAdd pagination to the list
пагинация
loading — загрузка
loadingShow a loading indicator
загрузка
spinner — спиннер
spinnerDisplay a spinner while loading
спиннер
skeleton — скелетон
skeletonUse skeleton screens
скелетон
placeholder — заполнитель; плейсхолдер
placeholderAdd placeholder text
заполнитель; плейсхолдер
empty state — пустое состояние
empty stateDesign the empty state
пустое состояние
error state — состояние ошибки
error stateHandle error states gracefully
состояние ошибки
hover state — состояние при наведении
hover stateAdd a hover state to buttons
состояние при наведении

Request a feature

What should we add or fix? We read every message and send a little gift for the idea.

0 / 4000