Что такое веб-дизайн
Веб-дизайн — проектирование и создание визуального облика сайтов и веб-приложений. Это не только «как выглядит» (UI — User Interface), но и «как работает» (UX — User Experience). Хороший веб-дизайн невидим: пользователь находит нужное быстро и без усилий. Плохой — заставляет его думать, куда нажать, и раздражаться.
UX и UI
UX (User Experience) — исследование того, как люди взаимодействуют с продуктом: опросы пользователей, анализ поведения, создание персон (образов типичных пользователей), проектирование пользовательских сценариев. UX-дизайнер отвечает на вопрос: «Что нужно пользователю?»
UI (User Interface) — визуальное воплощение: кнопки, цвета, шрифты, иконки, анимации. UI-дизайнер отвечает на вопрос: «Как это должно выглядеть?»
Адаптивный дизайн
Mobile-first: сегодня большинство веб-трафика приходит со смартфонов. Адаптивный дизайн означает, что сайт корректно отображается на любом экране — от смартфона (360px) до широкоформатного монитора (1920px+). CSS медиазапросы, гибкие сетки и масштабируемые изображения — технические основы адаптивности.
Процесс проектирования
Wireframe — «скелет» страницы: блок-схема расположения элементов без дизайна. Прототип — кликабельная модель, имитирующая поведение сайта. Figma, Adobe XD — стандартные инструменты для прототипирования. Дизайн-система — библиотека компонентов (кнопки, поля ввода, карточки) для консистентного интерфейса.
Принципы хорошего интерфейса
Закон Хика: чем больше вариантов — тем дольше принятие решения. Закон Фиттса: большие элементы ближе к краям экрана нажимать проще. F-образная модель чтения: пользователи читают страницы не полностью — сначала горизонтально вверху, потом сканируют левый край. Поэтому важное — вверху и слева.