«Как сделать красивый дизайн?». Фреймворки, сервисы, инструменты для работы с вдохновением
Читайте до конца – даю полезные материалы: фреймворки для работы с идеями, а также свою большую подборку в Notion с сервисами для поиска референсов и вдохновения 🎁
Меня зовут Серёгина Юлия, и сегодня я хочу поговорить на важную тему для дизайнеров. Также не забудь подписаться на мой телеграм-канал, чтобы получать еще больше полезного контента:
Что за проблема такая?
Недавно проводила среди своей аудитории кастдевы, это были действующие дизайнеры или новички. Я собрала список актуальных «болячек» современных дизайнеров, а также тех, кто только находится на пути освоения этого ремесла. И теперь стараюсь в своих социальных сетях помочь решить эти проблемы. Конечно, каждая тема требует более объемного раскрытия, нежели просто статья, подкаст или пост. Каждая проблема, что мне озвучивали, – это целый пласт знаний, которые опытные специалисты изучали годами, читали много литературы, консультировались у более опытных коллег или просто проходили обучения.
Но я хочу дать каждой проблеме небольшой пайплайн: что нужно знать, как на самом деле правильно, в какой последовательности изучаем тот или иной материал, развенчать стереотипы, рассказать про мой опыт.
Вчера я записала подкаст на первую, самую большую боль дизайнеров, а именно – поиск клиентов (мы рассматривали пока только фриланс). Так что, если вы не видели этот подкаст, ищите его в телеграм-канале.
Следующая частая проблема, которую мне озвучивали, достаточно разноплановая. Обычно звучит она примерно так – «У меня нет насмотренности, вдохновения, я не знаю как сделать стильный современный дизайн.»
Дальше следует много производных: я не могу сделать дизайн для сложной ниши (например, производство гранитного камня), на мои работы не обращают внимания/с них не приходят клиенты, через время я понимаю, что сделала посредственную работу, сравниваю себя с другими, не могу обосновать свой собственный дизайн и т.д.
Давайте разбираться :)
Красивый дизайн важен?
И да, и нет. Если мы делаем лендинг какому-нибудь эксперту по эзотерике – тут, действительно, можно разгуляться в плане визуала, особенно, если клиент это приветствует. В итоге верстаем всю эту красоту на Тильде и пытаемся попасть в подборку МОТ. Вот в этой истории визуал очень решает.
Такой дизайн нужен, когда цель — впечатлить, привлечь внимание, вызвать эмоцию, продать атмосферу или образ. Сделать твой бренд узнаваемым за счет цвета, акцента, стиля и т.д.
Просто прикрепляю пример одной из своей работ – где важнее всего было сделать красивый визуал и добавить немного «Вау» на сайт.
А если мы делаем веб-сервис, например, для подбора косметолога? Нет, там тебе нужно заниматься удобством, логикой и делать дизайн «незаметным». Потому что незаметный дизайн не отвлекает от главного — от задачи пользователя. Он интуитивен, логичен, почти «невидим», потому что просто работает. В веб-сервисе важно, чтобы пользователь быстро достиг цели: заказал, оплатил, настроил, нашёл нужное.
Хороший продуктовый интерфейс не требует объяснений. Пользователь не должен думать, он должен действовать.
Я сейчас объяснила абстрактные ситуации, без углубления в обстоятельства и каждую задачу. Надеюсь, вы меня поняли.
Важно знать базовые правила в дизайне
Чтобы дальше развивать тему создания красивого визуала, инструментов и фреймворков для этого – важно знать базу. Понимать правила построения правильной композиции, работы со шрифтами, цветом. Вы должны буквально уметь объяснить почему эта композиция ритмичная, а эта статичная, понимать принципы консистентного дизайна, принцип прямоугольника, оптической компенсации и т.д. и т.п.
Научитесь делать базовый, но правильный дизайн!
Это правда можно изучить бесплатно, в интернете есть множество книжек «в свободном доступе». Начать с того же Иттена будет более, чем достаточно.
А дальше, со знанием базовых правил дизайна, можно уходить в эксперименты, а иногда вообще в дизайнерски-бунтарское «нарушение правил».
Практические знания
Референсы, мудборды: как с ними не утонуть и зачем дизайнеру насмотренность
В мире дизайна постоянно говорят про «референсы» и «мудборды» — и не зря. Насмотренность — это не модное слово, а критически важный навык для любого дизайнера. Это то, что помогает вам быстро отличить хороший дизайн от посредственного, сформировать вкус, понимать тренды и аргументированно предлагать решения клиенту.
Но здесь есть и барьер: если у вас нет насмотренности, то велика вероятность, что вы просто возьмёте случайные, некачественные или устаревшие референсы. А ещё хуже — не поймёте, почему они плохие. Это как пытаться готовить по рецепту, не зная, как должен выглядеть вкусный результат)
Чтобы работать с референсами эффективно, не стоит хвататься за всё подряд. Выберите 4–5 надёжных и качественных источников, с которыми будете работать постоянно.
Оставляю для вас демо-версию моей подборки с разными ресурсами для поиска вдохновения. Написала небольшие замечания, которые вы должны учитывать при поиске референсов и которые помогут вам сориентироваться в этом большой потоке информации:
Еще небольшие советы по этой теме:
- Референс — это конкретный элемент, идея, приём. А мудборд — это собранное в единое настроение: палитры, стилистики, формы, визуальные маркеры. Он показывает общее ощущение, а не детали
- При разработке сложных продуктов важны не сколько референсы, а провести грамотный бенчмаркинг
- Не нужно искать референсы сугубо в своей нише. Вы можете брать вдохновение абсолютно с любых концептов и адаптировать под вашу задачу
И, наконец, помните: референсы — это не панацея. Идеи рождаются из смыслов, а не только из чужих картинок.
Живи как дизайнер
Совет от меня, но применим не к каждому человеку. Возможно, вам такое откликнется.
Чтобы развивать дизайнерское мышление, важно научиться видеть визуальные паттерны и идеи не только в интернете, но и в повседневной среде. И неважно, работаете ли вы над интерфейсами веб-сервисов или создаёте эстетически выразительные лендинги — важно развивать насмотренность не только онлайн, но и в офлайне. Уличная реклама, упаковка в супермаркете, меню в кафе, вывески, витрины, билеты, знаки навигации — всё это формирует визуальную культуру и тренирует глаз.
Такие наблюдения помогают понимать, как работают композиция, цвет, типографика, ритм и визуальный акцент в реальных условиях, а не в идеальной среде макета. Дизайнер, который умеет видеть, — быстрее находит идеи, развивает зрительную память, быстрее адаптируется к задачам и предлагает интересные визуальные метафоры или более глубокие концепты.
Просто здания. Но даже из этих серых фотографий можно выудить интересные идеи для визуала или постера.
Про книги, по типу The history of graphic design или в целом то, что выпускает Taschen, подобные издания вообще молчу. Но просто покажу... Очень советую...
Графические приемы
Еще одна фишка, о которой я бы хотела кратко упомянуть, это визуальные приёмы в дизайне — способы передачи смысла, идей и эмоций через образы, а не через прямое объяснение.
Когда дизайнер использует метафору, символ или аналогию, он помогает зрителю не просто увидеть, но и понять, почувствовать суть продукта, бренда или сервиса. Это особенно важно, когда нужно выделиться, вовлечь или рассказать сложное простыми средствами. Ниже привела парочку примеров таких приемов.
Графическая интерпретация
Это когда дизайнер выражает реальный объект, идею или явление через свою визуальную «оптику». Это может быть не дословное изображение, а его творческое осмысление. Например, вместо рисунка настоящего сердца — абстрактная форма из линий и пятен, передающая его ритм.
Графическая метафора
Когда один образ заменяет другой, чтобы усилить восприятие и добавить смысл. Например, если платформа «упрощает работу», можно изобразить человека, летящего на бумажном самолётике — это метафора лёгкости и скорости. Метафора помогает донести сложные через эмоции и ощущения.
Также есть и другие приемы: аналогия, символ и т.д.
Фреймворки для работы с идеями
Эти инструменты — структурированные методы, которые помогают в процессе генерации идей, анализа проблем и разработки инновационных решений. Каждый из них имеет свою уникальную цель и подходит для разных задач. Например, один из моих любимейших фреймворков:
SCAMPER — это техника креативного мышления, которая предлагает семь вопросов для преобразования идей и поиска новых путей их улучшения:
- S (Substitute) — Замена элементов в идее для создания чего-то нового.
- C (Combine) — Объединение разных идей или элементов, чтобы получить что-то лучшее.
- A (Adapt) — Адаптация существующих решений или идей для новых условий.
- M (Modify) — Модификация, изменение формы или размера чего-либо для улучшения.
- P (Put to another use) — Использование идеи или объекта для другой цели.
- E (Eliminate) — Устранение неэффективных частей, упрощение.
- R (Reverse) — Переворот идеи, рассмотрение ее с противоположной стороны.
Этот фреймворк особенно полезен в фазе генерации идей и улучшения существующих визуальных концепций. Буквально инструкция к тому, что делать с референсами, что ты собрал, как их структурировать, преобразовать, упростить/усложнить или что сделать, если зашел в тупик.
Также есть Mind Mapping (Ментальные карты) — это визуальные диаграммы, которые помогают организовать и структурировать информацию. Центральная идея или тема располагается в центре, а от неё расходятся основные мысли, идеи и связи. Это позволяет быстро увидеть, как различные элементы связаны между собой, и помогает в поиске новых решений или направлений для разработки.
Тут я кратко ввела в курс дела, так как мало кто вообще понимает, что есть фреймворки для работы с самыми хаотичными вещами – мысли и идеи.
Напутствие дизайнерам или ответ на частые возражения
Я постаралась дать максимально краткую и понятную выжимку из своего материала и знаний. Изучайте каждый вопрос глубже – и результат не заставит себя ждать, качество вашего дизайна будет улучшаться на ваших же глазах. Также небольшие наставления:
- Отнестись критически к своим навыкам и визуальному опыту. Иногда, мы впадаем в крайности – думаем, что не знаем ничего или думаем, что знаем все. Важно оставаться по центру этой шкалы.
- Освежайте свое портфолио – иногда быстрее переработать старые работы на новый лад, нежели начать новые.
- Учитесь общаться с клиентами – какие бы красивые работы у вас не были, все равно придется закрывать возражения по типу «мне не интересен тот стиль, в котором вы работаете», «а у вас есть что-то из моей ниши или около того». Да, все это можно закрыть!
- Не забываем про рамки. Иногда мы приходим в готовый продукт или работаем с клиентом, у которого сделан брендбук, айдентика. Важно ориентироваться на обстоятельства задачки.
А на этом у меня все. Буду рада любой поддержке статьи!
Следить за мной в социальных сетях можно тут:
Написать по личному или деловому вопросу тут: