~9 мин

Где искать вдохновение для дизайна и как красть как художник

Где смотреть хороший дизайн и как красть с умом, а не под копирку

Где искать вдохновение для дизайна: галереи Dribbble и Behance, реальные продукты в Mobbin, дизайн-системы Apple HIG и Material. Как красть как художник и собрать свой стиль.

Что такое насмотренность простыми словами

Есть удобный миф: дизайнер сидит, ждёт музу, и тут - бац! - идея с неба. Красиво. Только неправда. На деле всё прозаичнее. Вкус и сильные решения растут из одной штуки - насмотренности .

Представь повара, который ни разу не пробовал чужую еду. Готовит наугад. А тот, кто объездил сотню ресторанов, чувствует сочетания и собирает блюдо из проверенных приёмов. С дизайном то же самое. Вдохновение - это не дар, а насмотренный архив у тебя в голове.

И тут на сцену выходит легендарная фраза художника Остина Клеона: «Кради как художник». Звучит дерзко? А смысл честный. Ничего не берётся из пустоты - всё новое собрано из старого. Весь вопрос в том, как именно красть, чтобы вышло своё, а не калька.

Sodi у доски вдохновения собирает дизайн/UI решения из галерей Dribbble/Behance, реальных продуктов Mobbin и дизайн-систем Apple HIG / Material
Sodi помогает собирать вдохновение: галереи для вкуса, реальные продукты для проверенных решений, дизайн-системы для базы.

Зачем дизайнеру насмотренность и вдохновение

Можно сесть и выжимать дизайн «из головы». Выйдет одно из трёх: либо страшно, либо как у всех, либо час залипания в пустой экран. А можно за двадцать минут глянуть, как ту же задачу уже решили сильные ребята, и сделать лучше и быстрее. Что выбираешь?

  • Перестанешь залипать в пустой экран - всегда есть, от чего оттолкнуться.
  • Научишься отличать хорошее от модного - а это и есть вкус.
  • Будешь красть осознанно, а не случайно повторять чужое и попадать в неловкое положение.
  • Соберёшь свой узнаваемый стиль быстрее: он рождается из смеси любимых источников.

Девять из десяти «у меня нет фантазии» на деле звучат как «я мало видел». Фантазия не врождённая - она тренируется глазами. Больше смотришь хорошего - больше можешь.

Где смотреть хороший дизайн: три типа источников

Источники бывают трёх типов, и тебе нужны все три. Они отвечают на разные вопросы. Один скажет «как может быть красиво», второй - «как делают те, у кого работает», третий - «как правильно по канону».

Галереи дизайна: Dribbble, Behance, Awwwards

Это витрины, куда люди выкладывают свои работы. Тут ловишь визуальный вкус: цвет, шрифты, композицию, настроение.

  • Dribbble - короткие красивые кадры. Идеально для палитр и настроения. Но осторожно: часть работ - картинка ради картинки, в реальном продукте так не выйдет.
  • Behance (от Adobe) - тут не один кадр, а целые проекты с описанием: как пришли к решению и почему. Лучше для понимания логики, а не только картинки.
  • Awwwards, Godly, Lapa Ninja, Land-book - подборки сильных сайтов и лендингов. Сюда идёшь за вау-эффектом и за тем, как устроены «дорогие» страницы.

Реальные продукты: Mobbin и живые приложения

Самый недооценённый источник. Красивый кадр на Dribbble может быть чистой фантазией. А живое приложение, которым пользуются миллионы, - это решения, которые уже прошли проверку деньгами и людьми. Разница огромная.

  • Mobbin - библиотека настоящих экранов из живых приложений: целые сценарии, от регистрации до оплаты.
  • Сами приложения и сайты, которыми ты пользуешься. Открой банк, доставку, любимый сервис - и смотри, как там решено то, что мучает тебя. Это бесплатный мастер-класс каждый день, прямо в кармане.

Дизайн-системы: Apple HIG и Material Design

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

  • Apple HIG и линейка продуктов Apple - эталон сдержанности и внимания к мелочам. Смотри, как они НЕ перегружают экран.
  • Material Design (Google) - подробная система с готовыми правилами для отступов, цвета и движения.

Как воровать как художник, а не как ксерокс

Вот вся суть. Есть два способа «вдохновиться чужим», и они дают противоположный результат. Один делает тебя автором. Второй - копиром.

Кради как художник
  • Берёшь идею и принцип: «вот тут воздух работает на спокойствие».
  • Воруешь у многих сразу - смешиваешь десять источников в одно.
  • Адаптируешь под свою задачу, аудиторию и контент.
  • Пересобираешь своими руками - и по дороге добавляешь себя.
Копируй как ксерокс
  • Берёшь пиксели один в один: те же цвета, шрифт, расстановка.
  • Воруешь у одного - это уже не вдохновение, а калька.
  • Лепишь чужое как есть, не думая, подходит ли оно тебе.
  • Ничего не добавляешь - на выходе бледная копия оригинала.

Главное правило простое: один источник - это плагиат, десять источников - это твой стиль. Когда крадёшь у одного, сразу видно, у кого. А когда смешал голову одного, руку второго и цвет третьего - выходит что-то, чего раньше не было. Вот это и есть творчество. Никакой магии.

Sodi в скетче помогает 'красть как художник': слева ксерокс копирует один источник, справа Sodi собирает новое UI из кусочков галереи + реального продукта + дизайн-системы
Слева - ксерокс: копия одного. Справа с Sodi: своё из многих источников вдохновения для дизайна/UI.

Пример: как собрать экран входа от пустого экрана до своего решения

Допустим, тебе надо сделать экран входа для приложения, а в голове пусто. Знакомо? Не выдумывай. Укради по уму - вот по этим шагам.

Сбор вдохновения за 6 шагов
  1. Сформулируй задачу одной фразой: экран входа, спокойный, для финансового приложения.
  2. Иди в реальные продукты (Mobbin) и галереи (Dribbble, Behance). Набери не один, а 8-10 примеров входа.
  3. По каждому спроси себя: что мне тут нравится и ПОЧЕМУ. Запиши словами - воздух, крупная кнопка, мягкий фон.
  4. Собери эти причины в список принципов. Это твой рецепт, а не чужой макет.
  5. Закрой все вкладки с референсами и собери свой экран по списку принципов, своими руками.
  6. Сравни с источниками. Если узнаётся ровно один из них - ты скопировал. Перемешай сильнее.

Частые ошибки при поиске вдохновения

  • Ждать музу. Вдохновение приходит не к тем, кто ждёт, - а к тем, кто смотрит. Открой галерею вместо того, чтобы сидеть над пустым экраном.
  • Копировать одного в лоб. Один источник всегда узнаётся. Бери у многих и мешай - так рождается своё.
  • Тащить картинку с Dribbble в реальный продукт. Красивый кадр часто нерабочий: там нет настоящих данных, длинных текстов и ошибок. Сверяйся с живыми приложениями.
  • Воровать вид, а не причину. Скопировал цвет кнопки, но не понял зачем - получил чужеродную деталь. Кради принцип, а не пиксель.
  • Смотреть только модное. Тренд устареет через год. Учись отличать выверенное (Apple, дизайн-системы) от просто хайпового.
  • Ничего не собирать. Без своей папки референсов каждый раз начинаешь с нуля. Коллекционируй вкус заранее.

TL;DR - если коротко

  • Вдохновение - не муза с неба, а насмотренность. Чем больше хорошего видел, тем лучше делаешь.
  • Смотри в трёх местах: галереи для вкуса, реальные продукты для проверенных решений, дизайн-системы для базы.
  • «Кради как художник»: бери идею и принцип, а не пиксели. Копия один в один - подделка.
  • Воруй у десяти, а не у одного: один источник - плагиат, десять - твой стиль.
  • Адаптируй под себя: забери «что» и «почему», выкинь «как» - и собери заново руками.
  • Заведи свою папку-свалку референсов. Без коллекции вдохновляться нечем.

Поиск по вики

Нажмите Esc для закрытия

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