Студия дизайна «Разумный подход» · брендинг, цифровые продукты и медиакоммуникации

Даже небольшие задачи становятся поводом для внимательной работы с деталями. При создании визитной карточки для КЦЭПС было проработано 26 вариантов, каждый с разной компоновкой элементов и тонкой настройкой шрифтов. Такой подход к деталям характерен для всех наших проектов.

В 2025 году в iOS 26 добавили эффект Liquid Glass. Через некоторое время в Figma стал доступен эффект Liquid Glass для использования при создании макетов.

Вот что стоит помнить если в макетах встречается этот эффект:

1. В 2025 году ни у кого в портфолио не может быть рабочих проектов с Liquid glass. Он только появился. Если вы видите его в чьём-то портфолио  — он добавлен специально. И скорее всего там был эффект Backdrop blur.

2. Нет никакого смысла рисовать на реальных макетах Liquid Glass. Это системный эффект в iOS, разработчикам достаточно просто договориться где он будет. Поэтому наличие эффекта Liquid Glass в макете — признак презентации макета далёкому от разработки человеку.

3. На web по настоящему эффект можно повторить только с определёнными ограничениями. Выгоднее симулировать эффект.

4.Не стоит делать в дизайне ключевой акцент на эффект Liquid Glass в проектах, которые просуществуют дольше ближайшего года, условно до 2026. Сейчас эффект не моден у обычных пользователей, а потом перестанет быть чем-то особенным. Такое уже было со стилями типа Neumorphism, Glassmorphism, Aurora и т.п.

5. Не забывайте что iOS это только часть мобильного мира, и большинство пользователей видят стиль интерфейса Android, в котором нет нативной реализации этого эффекта.

Некоторые дизайнеры, для демонстрации своей работы, вставляют созданные ими макеты сайтов в фотографию экрана монитора, ноутбука, планшета или телефона (обычно в технику Эппл).

Иногда это совмещается с искажением макета в перспективе, с уменьшением.

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

Причины, по которым дизайнер может решить показывать «макеты в рамке» могут быть такие:

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

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

Разумеется, есть задачи когда использование мокапа, в виде рамки из устройства, оправдано:

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

При этом, такое изображение должно сопровождаться и другими, где решения показаны без купюр и искажений.

Студия Area 17 приступила к публикации внутренних правил работы, заложенных их основателем, дизайнером Арно Мерсье (Arnaud Mercier). В данный момент опубликованы только принципы работы над макетами в Иллюстраторе: структура макетов и организация файлов.

Кроме этого, Area 17 публично ведёт архив всех созданных ими макетов.