Что такое фронтенд-дизайн и почему это не то же самое, что программирование?

Вопрос, который задают очень часто: «Фронтенд — это про код или про картинки?» Честный ответ — про и то, и другое, но с разными акцентами.

Где заканчивается дизайн и начинается код?

Фронтенд-дизайн — это то, что вы видите на экране. Кнопки, шрифты, отступы, цвета, расположение блоков. Всё, что глаз замечает раньше, чем мозг начинает читать текст. Программирование же отвечает за то, как это работает — что происходит, когда вы нажимаете на кнопку.

Но вот в чём хитрость: на практике эти две области постоянно пересекаются. Дизайнер рисует макет в специальной программе — например, в Figma. Разработчик берёт этот макет и пишет код, чтобы страница выглядела именно так в браузере. Иногда один человек делает и то, и другое.

Почему это важно для обычного пользователя?

Если сайт неудобен — слишком мелкий шрифт, кнопки расположены непонятно, страница долго загружается — это провал фронтенд-дизайна. Хороший дизайн незаметен. Вы просто находите нужную информацию без раздражения.

Хороший интерфейс — как хорошие очки: их не замечаешь, но без них всё расплывается.

Для людей старшего возраста особенно важен размер текста, контрастность цветов и понятная навигация. Именно фронтенд-дизайнеры принимают эти решения.

Три вещи, которые делает фронтенд-дизайнер

1. Продумывает, где на странице что находится — это называется вёрсткой.
2. Выбирает шрифты, цвета и отступы, чтобы всё выглядело аккуратно.
3. Следит, чтобы сайт одинаково хорошо открывался и на компьютере, и на телефоне.

Это не магия и не сложная наука. Это ремесло, которое можно изучить — постепенно, без спешки.