Дизайн и восприятие3 мин чтения

Первый экран помогает понять замысел

В работе над MaxBook я увидел, что оформление пока не складывается в цельную картину, и выбрал светлое направление ivory. Это уже было конкретное решение: у страницы появился общий фон для дальнейшей работы. Сам замысел становится мне понятнее, когда я могу увидеть рядом текст, фотографии, карточки и свободное пространство

Слева схематичный макет из равных блоков, справа первый экран с крупным акцентом и новой иерархией
Замысел становится видимым на первом экранеМоя иллюстрация для MaxBook.pro, подготовлена с помощью ИИ

У слов появляется масштаб

Фразы «спокойный сайт» или «единый стиль» задают направление, но оставляют много вариантов. Спокойствие можно передать цветом, размером текста, количеством деталей и расстояниями между ними. Пока всё существует только в описании, мне трудно оценить, как эти решения взаимодействуют. На экране я могу обсуждать уже определённое сочетание

Например, крупный заголовок сам по себе может нравиться, а рядом с фотографией занять слишком много внимания. Изображение может подходить по смыслу, но спорить с соседними карточками по масштабу. Я хочу видеть такие отношения сразу. Тогда замечание становится точнее: я могу назвать конкретное место и объяснить, что в нём мешает общему впечатлению

Для MaxBook мне важна цельность

В MaxBook я собираю разные работы. У каждой может быть собственная палитра и собственный характер, поэтому мне важна общая подача самого сайта. Светлое поле ivory стало выбранной основой. Дальше я хочу смотреть, как на этом поле живут заголовки, превью и подписи, насколько последовательно они оформлены на разных страницах

Цельность для меня связана с вниманием к соседним элементам. Когда я прошу изменить одну деталь, мне важно понимать её место в общей композиции. Более заметная кнопка, другая фотография или новый размер карточки могут затронуть впечатление от всего раздела. Первый наглядный вариант позволяет увидеть эту связь и выбрать, какое направление стоит развивать

Я также хочу сохранять понятное назначение страницы. На сайте с работами мне нужно дать возможность рассмотреть работу и перейти к подробностям. Если эффектный элемент затрудняет это действие, у меня появляется предмет для обсуждения. При оценке дизайна я могу вернуться к назначению страницы, а затем уже выбирать форму, размер и расположение

Я хочу прокрутить страницу

Для просмотра MaxBook я просил показывать ноутбук и телефон с живыми страницами, которые можно прокручивать. Мне важно видеть продолжение: как первый экран связан со следующим, что происходит с длинным текстом, остаётся ли понятной навигация. Начальный кадр задаёт впечатление, а движение по странице показывает, поддерживается ли оно дальше

По той же причине мне нужны актуальные изображения страниц. Если на снимке одна версия, а по ссылке уже другая, обсуждать конкретную правку сложнее. Я хочу, чтобы предмет разговора совпадал с тем, что можно открыть сейчас. Тогда выбор оформления опирается на один и тот же материал, а сравнение вариантов сохраняет смысл

Ранняя версия помогает задать точный вопрос

Я не жду, что первый показ сразу даст все ответы. Его польза для меня в том, что можно уточнить замысел через конкретику. Например, сохранить спокойный фон, увеличить читаемость подписи или дать фотографии больше места. У такого разговора есть ясный предмет, а у следующей версии - причина, которую можно проверить повторным просмотром

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