Веб дизайн

Что такое веб-дизайн?

Процесс создания визуального облика и структуры сайта.

Этап, на котором макет «одевают» в графику и продумывают взаимодействие с пользователем.

Объединяет эстетику (красоту) и эргономику (удобство).

Результат — графические файлы (макеты), которые передаются верстальщику.

Композиция и сетки: расположение блоков, отступы, модульные сетки для упорядочивания контента.
Цветовая гамма: подбор цветов (фирменные цвета, контрасты, психология цвета).
Типографика: выбор шрифтов, размеров, межстрочных интервалов для удобочитаемости.
Интерфейс (UI): кнопки, иконки, формы, ползунки — все элементы, с которыми взаимодействует пользователь.
Пользовательский опыт (UX): логика сценариев, понятность навигации, удобство путей к цели (заявка, покупка).
Адаптивность: проработка внешнего вида на разных устройствах (мобильные, планшеты, десктопы).

Понятность: пользователь сразу видит, куда нажимать и где искать информацию.
Эстетичность: визуальная привлекательность, соответствие нише/бренду.
Функциональность: все элементы должны работать и вести туда, куда задумано.
Единый стиль: повторяющиеся элементы, одинаковые отступы и оформление на всех страницах.
Скорость восприятия: дизайн не перегружен деталями, контент считывается быстро.

Графические редакторы: Figma (самый популярный), Adobe XD, Sketch, Photoshop.
Библиотеки компонентов: UI-киты, готовые модули для ускорения работы.
Сервисы подбора цвета и шрифтов: Color Hunt, Google Fonts, Adobe Fonts.

Веб-дизайн: создание картинки-макета (как будет выглядеть).
Верстка: превращение этого макета в код (HTML/CSS), чтобы браузер мог его отобразить.