Telegram Web
У меня есть ссылки, в которых привлекают небольшие детали, но в канал их отдельно не запостить. Поэтому я собраю их в один пост.

ohm.studio/products/pion-blue
Чистый и воздушный первый экран страницы товара. Особенно привлекло описание табуретки текстом, четко и по делу, не нужно плодить и верстать подразделы about и все такое.

joinwarp.com
Стандартная верстка блока с описанием возможностей сервиса: заголовок с цветовым кодирование, описание, ссылка, фичи с иконками. Но привлекло тут как легко сделана иллюстрация, берешь тридешки и поверх интерфейса накладываешь — сразу иллюстративность появляется.

opalcamera.com/opal-composer
Белая стики-плашка великолепно сверстана и размещена в правом углу. Резко контрастирует с темным дизайном страницы. Модуль содержит информацию о продукте. Рвет шаблон, это классно прям.

tools.endlesswork.io
Приятный контраст между иллюстрацией и блоком слева. Простой прием — накидать элементов в композицию, но еще надо чувствовать пространство и размеры.

Предыдущие посты с красивостями:
www.tgoop.com/uirefs/771
www.tgoop.com/uirefs/782

* * *

Богдан Чернышов, digital art-director ONY, приходил в рефодушку и поделился красотой. Референсы Богдан принес необычные и очень красивые. Там на любой вкус — айдентика Мюнхена 1972 и юикс удобняшки в календаре Cron.

👀 Посмотреть на ютубе

* * *

Блин, а есть способ, чтоб телега не пережимала так картинки? Экспортирую в 3х, а он жмет их до 9 шакалов из 10
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
34🔥5🤔1
Редко встречаю, чтобы айдентика так ярко переезжала в интерфейс.

Недавно у Pentagram вышел кейс Cohere. А я человек простой, пускает во внутренний интерфейс — я иду.

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

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

Тут даже айдентикой можно обосновать «карточность» интерфейса, смысловые блоки отделены друг от друга, как клетки в паттерне.

Цветовая палитра выдержанная и приятная. Но мне местами контраста не хватает.

dashboard.cohere.ai
cohere.ai
🔥558👍2🤔1
Есть у меня традиция заходить в аппстор и качать подряд приложения, которые привлекают дизайном.

В один из таких разов наткнулся на Endel — сервис генерации музыки для сна и концентрации. Я раньше о нем слышал и постил как-то дизайн их емаил рассылок, но приложение не трогал.

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

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

Монохромная цветовая палитра + музыка меня погрузили прям в приложение.

В посте видео приложил с анимациями. Оно со звуком, предупреждаю.

endel.io
apps.apple.com/us/app/endel-focus-sleep-relax
71👍9🤮1
CRM для найма с вкусным дружелюбным стилем.

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

Мягкие плашки, кофейная цветовая палитра, рукописный логотип — все это привлекает и располагает к себе.

Что отметил для себя:

✦ В дешборде располагаются пресеты для создания вакансии и сводные данные. Люблю такие первые экраны, которые основные юзкейсы упрощают.

✦ Есть плотные формы в попапах с навигацией, нравится контраст в форме. Активная область на белой плашке внутри бежевого попапа. Жирок такой интерфейсный.

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

✦ Если нажать на плюсик между блоками, то раскрывается панель с темплейтами. Можно добавить стандартные блоки, а можно шаблончик использовать. Шаблоны разделены на категории, это очень упрощает работу и снижает порог входа. Да и вообще классный юикс паттерн.

✦ В админке много кайфушных анимаций. Например, как раскрываются подкатегории в панели внешнего вида и как сохраняется драфт.

✦ Цветовая палитра классная, оттенки кофейного хорошо используются и взаимодействую друг с другом.

app.homerun.co

* * *

Друзья, я незаметно на два месяца пропал из этого канала. В жизни много всего происходит.

Я покинул Луч и брал месяц на отдых, но отдохнуть особо не получилось, BBE пригласили сделать целый модуль про насмотренность и дизайн-концепции в годовую программу по дизайну. Я там жоско откис, но опыт офигенный! Расскажу о нем в дизайн-комьюнити.

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

Спасибо вам, что вас уже больше пяти тысяч, это офигеть мотивирует!
👍3920🔥11
Media is too big
VIEW IN TELEGRAM
На рефодушке с Вовой Аюевым признался, что использую только 2 набора интерфейсных иконок. В комментах предложили посмотреть хотя бы 10 и на них ориентироваться.

Поспрашивал коллег, посмотрел в интернете и определился с теми, которые мне подходят:

Feathericons
Мой любимый пак с удобным интерфейсом.

Remixicon
Есть несколько вариаций каждой иконки, разбиты по категориям.

Coolicons
Аккуратные иконки в трех стилях и скруглениях углов. Стандартные метафоры.

IBM icons
Много иконок для сложных метафор, очень технологический стиль.


Достойны упоминания
Craftwork icons
Phosphoricons
Untitled UI
Basil
Bootstrap icons
Iconoteka

Бонус
Сборник статей-советов от Сергея Чикина про создание сетов иконок. Считаю базовой штукой для дизайнеров, там про все аспекты — от стиля до сетки.

* * *

Раз уж мы тут, то посмотрите выпуск с Вовой. Минимализм, эстетика, неочевидные источники вдохновений.

👀 Посмотреть на ютубе

* * *

Раз в год я делаю поборки, вот прошлая с прайсингами. А я уже собираю новую!
@uirefs
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥5912👍2
This media is not supported in your browser
VIEW IN TELEGRAM
Милый онбординг Jitter создает кинематографическую атмосферу и налаживает со мной контакт до начала работы. Обычно онбординги бесят, только барьером становятся, но тут он настолько веселый, что я бы и 10 шагов прошел.

Противоположный пример очень продуктовому онбордингу из недавнего примера

За это люблю продукты на ранней стадии развития — в них есть интересные механики, которые еще не обросли метриками и продуктовой продуктовостью. Когда Jitter подрастет, нас там будет ожидать дефолтный онбординг, скорее всего.

Если детальнее посмотреть:
✤ Приятные изинги и согласованная анимация
✤ Внизу экрана что-то типа стэппера, но не дефолтный в линию, а волной
✤ За счет стэппера интересно. что будут спрашивать дальше. Дефолтный паттерн сделан интересно и с вниманием к деталям
✤ Ну и как бы приложение для создания анимаций, поэтому движения должно быть много!

Интересно, команда в своем же продукте анимировала этот онбординг? Пометки нет, хотя обычно ее пишут в заметном месте.

jitter.video

* * *

👉 Рандомный пост из прошлого


@uirefs
Please open Telegram to view this post
VIEW IN TELEGRAM
26👍5👎3🌚2
Forwarded from Находки Crauch
Новый Дизайн-директор студии

Нет моих сил больше ждать, поэтому рассказываю в режиме быстрого анонса)
Антоха Черногоров — наш новый дизайн-директор и мой партнер в студии Crauch!

Тоха лидил и делал дизайн для: Mindbox, Яндекс.Маркет, ПИК, HomeCreditBank, Netflix, Invitro, Avito и других. До этого работал в студи Луч. Там прошел путь от джуна до дизайн-директора за 4 года. А это довольно быстро!
Еще он ведет каналы Дизайн-комьюнити и Интерфейсы.

За 2 недели работы Антон:
• забрал у меня 3 сложных и важных проекта на себя
• привел 2-х топовых клиентов
• сходил на офлайн продажу и защитил КП
• дал ебучего заряда мне и всей команде
• показал крутую планку качества

И это маленький список из того, что сейчас происходит в студии. А происходит куча всего и одновременно, от чего мы с Тохой вдвоем с горящей жопой пытаемся везде все поддерживать и подхватываем что-то друг у друга налету. Короче весело)

А вообще, в Крауч Антон будет отвечать за качество дизайна в проектах, культуру дизайнеров, менеджмент и вообще, все производство студии.

Обо всем этом еще будем дальше рассказывать и показывать. Ждите новостей!
P.S. Надеюсь, выбью у Тохи записать для вас видео-привет 💋
70🦄6👍2💩2
This media is not supported in your browser
VIEW IN TELEGRAM
Новый дизайн-директор, продажи на 20 млн и два топовых клиента

Прошел мой первый месяц в Crauch, Антоха собрал даджест, что у нас в студии произошло за октябрь.

Это было очень интенсивно. Рисуешь руками, потом на пресейл, потом в офис к клиенту. В общем, простое дизайнерское счастье. Укомплектовали команду, готовы к свершениям!

Внутри:
• Про меня в роли дизайн-дира
• Новые рефодушки
• Кейс стади и лекция
• Про курс BBE
• Про новых клиентов
• Новые ребята в студии
• Ответы на вопросы октября
• Денежкиииииии 🤌

Поддержите и расскажите, норм не норм? Мы тестируем формат, будем постепенно его насыщать мясцом еще больше

📝 Читать статью на vc
Please open Telegram to view this post
VIEW IN TELEGRAM
❤‍🔥24🦄6👍1
2025/07/13 10:55:07
Back to Top
HTML Embed Code: