Илья Пехтерев
1.16K subscribers
314 photos
128 videos
77 links
Рассказываю про удобные и красивые пиксели, иногда про баню
Пилю концепты в Сбере
Личка @ilya_pekhterev
Download Telegram
My Vibe → Choose Folder

#concept
119🔥6
Посты про Figma Config из всех дизайн каналов через 3..2..1..
😁12🤡2
Потестил эту вашу обновлённую Фигму

Текстурирование и прогрессивный блюр — классные, минус два плагина из библиотеки.

Странно работает Rotate Copies: почему-то ограничение на 40 копий — зачем?
А вот Text on Path — имба, лучше всех плагинов, что я пробовал: нативно, просто и работает как часы.

#concept
17🔥8
Ну вот опять
😁9😢8💯3💔1
Клятый AirBnb

Для меня до сих пор загадка, почему любое обновление Airbnb вызывает такой ажиотаж. Последнее обновление вообще положило Twitter, но, как по мне, тридэшки — ну, средние, а на проде видосы — 10 шакалов из 10. Предположу, что такое внимание связано с сэром Джонни Айвом, который ведёт всю работу с концептами и лук-н-филом продукта.

Пропускать инфоповоды не хочу, но рассказывать, как мне понравилось, когда это не так, тоже не буду. Так что вот вам короткий гайд, как сделать "по-Airbnb-шному", но не потратить миллион деняк на дизайнеров Apple

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

Затем берём новенькую нейроночку Runway, запихиваем туда нашу иконочку и просим анимировать

Вуа-ля

Для концепта или чтобы показать продакту — покатит
🔥178🤔5
This media is not supported in your browser
VIEW IN TELEGRAM
Ля, а че никто не пишет, что телега тож обновление выкатила

Офигенный паттерн для создания нового элемента из галереи

Такое мы украдём адаптируем
🔥1411
Жесть, а кто-нибудь заходил в iCloud в вебе?

Это че такое Apple, вы после ухода Айва совсем все полимеры проебали? 🥴
😢9🗿3
This media is not supported in your browser
VIEW IN TELEGRAM
CSS Transform

Emil Kowalski, design-engineer из Linear, разбирает базовую, но часто недооценённую магию свойства transform

Каждый приём иллюстрируется живыми демо: тосты, шторки и даже анимация броска в мусорку

Ссылка

#полезное
12🔥5
Satellite

Чет по вебу соскучился в этом вашем продукте

#concept
110🔥8👍3
Интернет умер
🗿6😁4👀2
Ходишь такой по арене рандомного чувака, и видишь свой концепт

Приятно
🔥17👍6🫡5
Шел с работы, думал знак. Присмотрелся
😁22🫡6🤡2
Как я рисую концепты

Вот тут спрашивал вас, про что было бы интересно почитать — была очень яркая реакция, что хотите почитать про концепты

Начнём с базы. Есть 5 слоёв концепции:

Идея → Стиль → Композиция → Шрифты → Цвета

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

Стиль
Здесь чуть сложнее. Грубо говоря, это лук-н-фил: где часть — про шрифт, часть — про механику, часть — про ощущения. В общем, каким прилагательным вы бы описали макет?
Например: простой, минималистичный, трэшовый, отлетевший, традиционный и т. д.

Композиция
Здесь рекомендую пользоваться методом коллажирования: берёте референс, который вам нравится, и вставляете скриншот понравившегося блока. Прям тупо копируем чужой кусок — и из таких "огрызков" собираем свою композицию. Главное — не копировать и стиль, и композицию одновременно, иначе это уже будет плагиат. Немного отсюда, немного оттуда

Шрифты
Обычно для наброса я беру SF Pro. Дальше зависит от настроения и цели концепта, шрифт можно взять совершенно оторванный от остальных рефов. Главное сохранить стили и принципы использовании типографики рефа. На апке это не очень понятно, здесь лучше на примере веба работает

Цвета
Иногда прошу GPT накидать палитры, иногда беру с какого-то рефа и модифицирую под задачу, самый неприхотливый этап, бери пипетку и вперед

Как это работает на примере
Я вижу клёвую, нестандартную композицию, например: разделение экрана на две подложки. Это уже есть идея и общая композиция, верхнеуровневая. Далее ищу реф с другим настроением, сильно отличающимся по композиции для верстки блоков

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

Если композиция накидывается — докидываю детали: навбар, заголовки, инпуты и т.д. Работаю итерациями — по чуть-чуть наращиваю плотность и проработку

В самом конце проверяю логику, чтобы концептом можно было пользоваться

Как-то так 💛

P.S. Бесконечный респект тем, кто дочитает до конца
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
7🔥3917👍12