Screenshot Mockups
Набор готовых шаблонов для создания красивых скриншотов вашего дизайна.
💾 Открыть #Мокапы
🔥 Design Stock
Центр промышленного дизайна Лаб 20/50 разработал бренд-ДНК для ДКС — производителя кабеленесущих систем, электрооборудования и ИТ-решений. Задача проекта — создать единый визуальный язык для огромной продуктовой линейки и задать правила, по которым будут проектироваться новые изделия компании.
Как сделать портфолио (ч.3)
Визуальный стиль
Многие спотыкаются на этом шаге. Простой совет — сделайте как кайф именно вам. Здесь у вас нет ограничений в виде дизайн-системы, поэтому можно навалить стиля
Рекомендации:
1 / Найти референсы
Без них у вас не будет рамок, а работать без рамок — сложно.
Я тут не собираюсь учить вас качественной работе с рефами — это отдельный навык, который дизайнеры качают на курсах, воркшопах, практиках. Напомню, что мы не воруем, а адаптируем визуальные ходы под себя
Ищите то, что откликается по настроению и нравится вам визуально. Тут нужно не попасть в ловушку и не уйти в бесконечные итерации. Говорят, дизайнеры никогда полностью не довольны своим портфолио. Забейте на недовольство, должно просто выглядеть good enough для первой версии, докрутить всегда можно попозже
2 / Найти или придумать интересные решения (фишки), по которым вас можно запомнить
Рекомендую смотреть чужие портфолио (например, на foliobin.com | foliodeck.pro), чтобы подмечать не только визуальные ходы, но и чекать, как вообще люди работают со своим опытом и контентом. Если не можете придумать или найти — разгоняйте с ИИ
3 / Сделать дизайн
Вы конечно можете пойти и стащить чей-то дизайн как готовый .md файл (например на https://styles.refero.design). Но тогда ваше портфолио не будет уникальным, и при этом вы еще некоторый самообман будет ощущать (будет чесаться зад, что вы как дизайнеры дизайн не смогли сделать)
Важно держать в голове, что портфолио — это артефакт, который смотрят в основном дизайн-лид / менеджер / директор. Именно поэтому вы можете своим подходом / дизайном пробить «слепоту» нанимающего
Отдельно пару строк про Notion:
Многие фанатеют от него как от инструмента для быстрого решения. Я всегда был лоялен к портфелям ноушне в целом, хотя не восхищался уж точно. Сейчас закодить страницу с ИИ будет гораздо эффективнее, а по времени не сильно дольше. Если подусраться немного, то за 2-3 дня можно сделать достаточно хорошо
—
Я свой дизайн немного обновил (odokienko.ru), осталось пару кейсов написать с прошлых работ и по своим проектам
Рефы у меня были такие:
https://www.abstract.systems/
https://www.harshsingh.me/
https://mishanaer.com/
https://bento.me/ (щас уже их linktree купил, но раньше приятный стилёк был)
—
Предыдущая часть [2]
Как протестировать коллекцию при помощи ИИ ещё до производства👇🏻
▪️ Мне кажется, мы всё ещё слишком часто воспринимаем нейросети как инструмент для создания красивых картинок. Хотя для fashion-бизнеса гораздо интереснее другое: ИИ позволяет значительно дешевле проверять продуктовые гипотезы.
Представьте классическую схему.
➡️ Дизайнер придумал коллекцию, разработал модели, сделал лекала, закупил материалы, отшил образцы, организовал съёмку. И только после довольно серьёзных вложений наконец показывает продукт покупателю и узнаёт: а ему вообще это нужно?
Сейчас часть этого пути можно перевернуть.
Сначала мы формулируем идею и целевую аудиторию. Собираем ассортимент, цветовую палитру и материалы. Создаём эскизы и технические рисунки.
➡️ А затем при помощи ИИ превращаем всё это в виртуальную коллекцию.
Можно увидеть изделия фотореалистично, примерить их на женщину именно нашей целевой аудитории, собрать полноценные образы, сделать кампейн, показать разные ракурсы и даже создать рекламное видео.
И уже с этим материалом идти к потенциальному покупателю.
Например, сделать несколько вариантов одной модели и посмотреть, какой выбирают чаще. Проверить цвет. Сравнить длину. Запустить несколько рекламных креативов. Посмотреть клики и заявки. Собрать лист ожидания. В некоторых моделях бизнеса можно протестировать и предзаказ.
🔸 То есть вместо:
идея → производство → маркетинг → узнаём, нужен ли продукт
🟠 получаем:
идея → виртуальный продукт → тест спроса → корректировка → образец → производство.
Конечно, виртуальный тест не заменяет реальный образец. Картинка ничего не говорит нам о посадке, технологии, качестве пошива или реальном поведении ткани. И большое количество лайков ещё не означает большое количество продаж.
Но ИИ позволяет сделать главное: отсеять слабые гипотезы до самых дорогих этапов разработки.
И вот это для меня гораздо интереснее бесконечной генерации картинок.
В FVD CLUB мы как раз идём по этому пути практически: создаём коллекцию с нейросетями от идеи и ЦА до моделей, кампейна и видео, разбираем промпты и собираем весь процесс в одну систему.
Если хочется не просто играть с ИИ, а встраивать его в реальную работу fashion-специалиста, присоединяйтесь к клубу.
ВСТУПИТЬ В КЛУБ
🔔 Inspiration #201
Подборка лендингов и сайтов для вдохновения на предстоящую неделю 🔥
– eyedrop.ai
– trstudio.co.uk
– getnudge.info
– alisoneroman.com
– of.domains
– nuraform.com
———
– habito.studio
– togetherwithyou.co
– pulsetic.com
– launchdarkly.com
– beside.com
– terminal-x.ai
———
– lu.ma
– meshedcover.com
– startups.rip
– patagonmarkets.com
– coffeecollective.dk
– jobyaviation.com
———
– nelson.co
– net.inc
– ridealso.com
– andreykrauzov.com
– zing.dev
– artprize-shadows.com
———
💻 Вакансии в IT и digital
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы
«Хочу поднять стоимость работы» пока не является планом ❗️
Допустим, сейчас дизайн-проект стоит 500 евро, а вы хотите брать за него 1000.
Само решение повысить стоимость ничего не меняет. Нужно понять, за что клиент будет платить в два раза больше и почему он выберет именно вас.
Перед повышением цены мы бы проверили несколько вещей.
🔸Какие проекты есть в портфолио?
Если вы хотите работать с более крупными брендами, в портфолио должны быть задачи соответствующего уровня. Не обязательно ждать реального клиента: часть кейсов можно создать самостоятельно. Но они должны показывать, что вы умеете работать со сложной задачей, а не только делать красивый визуал.
🔸Что входит в услугу?
Возможно, раньше вы продавали только дизайн, а теперь можете провести исследование, предложить концепцию, собрать систему макетов и подготовить всё к запуску. Тогда меняется не одна цифра в прайсе, а содержание предложения.
🔸Умеете ли вы объяснить свои решения?
Чем выше стоимость проекта, тем чаще клиент хочет понимать логику работы. Почему выбрана такая структура? Как дизайн связан с задачей бизнеса? Какие ограничения вы учли?
🔸Где вы будете искать клиентов с другим бюджетом?
Если продолжать работать с той же аудиторией и отвечать на те же недорогие заявки, повышение стоимости может ничего не дать. Иногда нужно менять не прайс, а каналы продвижения, позиционирование и тип клиентов.
🔸Готов ли ваш рабочий процесс к более сложным проектам?
Проект за 1000 евро может требовать больше коммуникации, этапов, ответственности и контроля сроков. Это тоже нужно учитывать заранее.
Поэтому вместо цели «поднять чек» лучше составить конкретный план:
▪️ какие кейсы добавить;
▪️ как изменить услугу;
▪️ чему нужно научиться;
▪️ где искать новых клиентов;
▪️ как перестроить презентацию и процесс работы.
📍Тогда повышение стоимости перестаёт быть желанием и становится задачей, которую можно выполнить.
#рефлексия
Мы с Борей Шилиным из Щёлочь® готовили небольшой перформанс про фестивальную айдентику — в формате кулинарного шоу на G8. План был один, а в реальности всё довольно быстро пошло по-своему: не сразу подключилась презентация, ноутбук с тулзой не сразу увидел экраны, поэтому пришлось импровизировать.
В какой-то момент мы решили подключить зал: люди выкрикивали ингредиенты, а я смешивал их в приложении. Параллельно Боря раздавал печенья с нашими портретами, что-то спрашивал у зрителей и просто создавал дополнительное движение, заполняя поузы генерации. И, кажется, как интерактивное микро-шоу это сработало. Люди смеялись, аплодировали, включались в происходящее. По крайней мере, надеюсь, что наше выступление запомнилось.
Но осталось двойственное ощущение. С одной стороны, мы не рассказали какого-то большого полезного секрета и не показали полноценный метод создания айдентики. Получилось скорее небольшое событие ради события — с ошибками, импровизацией и не до конца отрепетированной механикой.
С другой стороны, возможно, я слишком строго оцениваю формат пятнадцатиминутного выступления. Не каждое появление на сцене обязано превращаться в лекцию с конкретными выводами. Иногда задача — создать энергию, вызвать улыбку, немного расшатать привычный формат и дать людям пережить что-то вместе.
И, может быть, это тоже вполне достаточный результат. Особенно если помнить, что мы говорили о фестивальной айдентике, которая должна не просто изображать фестиваль, а вести себя как фестиваль. В этом смысле наше выступление, со всеми его случайностями, как раз стало маленьким фестивалем внутри фестиваля.
Отдельно понял, что на такие события, вероятно, стоит приезжать не только «на свои 15 минут», но и оставаться на весь день. Пообщаться с другими выступающими, знакомыми, случайными людьми, просто побыть внутри профессионального контекста. В этот раз после выступления мне пришлось довольно быстро уехать на рабочую встречу, и, кажется, я упустил важную часть самого события.
В общем, не уверен, что мы приготовили идеальное блюдо. Но, кажется, получилось достаточно живо, чтобы его попробовали. И это уже неплохо.
Spacing Audit — скилл, который проверяет отступы и пропорции в макете. Находит места, где сбилась сетка, появились случайные значения или нарушился ритм между элементами. После проверки подсказывает, что стоит поправить.
# Spacing Audit
Check a layout against a 4/8pt spacing scale, report every value that is off the grid, and snap it to the nearest correct step. The goal is consistent, predictable rhythm that is easy to hand off and maintain.
## The scale
Base unit is 8. Use 4 only as a half-step for tight, component-internal spacing.
Allowed values: 0, 4, 8, 12, 16, 24, 32, 40, 48, 56, 64, 80, 96.
- 8, 16, 24, 32, 48, 64: structural spacing (section gaps, card padding, layout margins).
- 4, 12, 20: fine spacing inside a component (icon-to-label, chip padding, tight stacks).
- Anything not a multiple of 4 is off-grid and should be flagged.
- A multiple of 4 that is not a multiple of 8 at the layout level (e.g. section gap of 20 or 28) should be flagged as "consider 8pt step" but is not a hard error.
## What to check
Inspect auto-layout frames and spacing between elements:
- Padding inside frames (top, right, bottom, left).
- Item spacing / gap between children.
- Gaps between sections and between grouped blocks.
- Margins around content within a frame.
## How to audit
1. Walk the selected frame (or the whole page if nothing is selected) top-down.
2. For each spacing value, compare it against the allowed scale.
3. For each off-grid value, choose the nearest allowed step. When exactly between two steps, round to the one closer to the surrounding rhythm of that group.
4. Prefer consistency within a group over per-element correctness. If three cards use 14, 16, 16, align all three to 16.
## Rules
- Do not change layout structure, sizing behavior (hug/fill), content, or styling. Only adjust spacing values.
- Preserve intentional exceptions and do not flag them: 1px borders and hairlines, optical alignment offsets, values driven by hug/fill, and spacing set by a variable or token.
- If spacing is already bound to a variable or token, leave it and note it instead of overwriting.
- Round icon-to-label and other fine gaps to 4 or 8, not to larger steps.
- When a whole group is uniformly off-grid on purpose (e.g. a deliberate 6pt system), flag it once and ask before mass-changing.
## Output
1. Return an audit summary first, before changing anything:
- Total elements checked.
- A before / after list of every off-grid value, grouped by frame, in the form `Card padding: 14 -> 16`.
- Any values you left untouched, with the reason (token, hairline, optical).
2. Apply the fixes only after showing the summary.
3. End with a one-line rhythm note: the dominant step the layout now uses (e.g. "layout now on an 8pt rhythm, fine spacing on 4pt").
## Do not
- Do not resize elements or reflow content to hit a number.
- Do not invent a new scale. Stick to the 4/8pt steps above.
- Do not touch corner radius, stroke, or type unless the user explicitly asks.
