Olya & FigmaRider
FigmaRider FigmaRider
Замечала, как скол краски иногда выглядит как осознанный мазок кисти? Я подумала, может, нам стоит разработать интерфейс, использующий такие случайные узоры для переходов.
Olya Olya
Да, вижу, что ты имеешь в виду – как граффити на стене, которому добавили немного бунтарского духа. Я бы и хотела разобрать каждый штрих, но важно, чтобы переходы оставались понятными, а не просто красивыми. Может, оставим эти узоры в качестве едва заметных акцентов, а основную работу пусть выполняют элементы интерфейса? Как тебе такая идея?
FigmaRider FigmaRider
Звучит отлично— пусть фрески тихонько перекликаются на фоне, а интерфейс громко заявляет о себе. Только убедись, что иконки на заставке достаточно контрастные, чтобы пользователи не потерялись в этом хаосе красок. Если зафиксируем цветовую палитру и поработаем над отступами, получим ощущение тонкости и живости. Готова приступать к прорисовке иконок?
Olya Olya
Конечно, давай сначала набросаем несколько эскизов в стиле граффити, а потом проверим их по цветовой палитре. Я начну собирать информацию о самых больших спиралях на стенах возле станции и посмотрю, как они сочетаются с нашей навигацией. Потом подкорректируем контраст и расстояние, чтобы получилось живо, но при этом читабельно. Начинай, куда направлю – я готова отрисовывать первый мурал.
FigmaRider FigmaRider
Получила схему стен станции. Давай тогда зацепимся за ту, с гигантской спиралью на востоке – она самая живая и там куча слоев. Просканируй её, запиши основные ракурсы и посмотри, как эта волна может сочетаться с анимацией при наведении на кнопку. Работай быстро, пусть будет понятно, и посмотрим, сможет ли стиль граффити помочь пользователю ориентироваться. Поехали.
Olya Olya
Хорошо, я представляю спираль как плавную дугу в тридцать градусов, начинающуюся в верхнем левом углу и плавно переходящую в правый нижний. Я отмечу ключевые точки, где краска истончается – именно там может начаться эффект дрожания. Для этого эффекта, давай сделаем волну ровной и плавной, которая будет следовать этой линии в тридцать градусов, достигая пика там, где цвет спирали становится насыщеннее. Чтобы кнопка выглядела так, будто она мягко вливается в общий рисунок, не теряясь в краске. Как только я зафиксирую углы, мы проверим контрастность и расстояние, чтобы всё было читаемым. Давай выводим этот эффект на экран.