Почему stylescape лучше, чем moodboard

На чтение: 5 мин.

Stylescapes стал незаменимым инструментом для создания бренда у дизайнеров работающих в сфере айдентики и брендинга

По сути, stylescape — это уникальный тип moodboard или «доски визуализации», которая рисует четкую картину визуального направления развития бренда/проекта.

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

Термин Stylescape появился в сфере брендинга и дизайна и представляет собой относительно новое слово, которое возникло из сочетания двух понятий: Style — стиль; Landscape — пейзаж / ландшафт.

Stylescape буквально переводится как «стилевой ландшафт». Это визуальный коллаж или композиция, которая объединяет ключевые элементы будущего бренда или дизайна: шрифты, цвета, текстуры, фотографии, формы, настроение. Это не просто мудборд, а целенаправленная визуальная система, которая показывает, как все элементы будут сосуществовать вместе в рамках стиля бренда.

Чем отличается Stylescape от Moodboard?

Moodboard Stylescape
Цель Передать общее настроение Передать целостный визуальный стиль бренда
Структура Более свободная Продуманная, с иерархией
Контекст Без привязки к финальному виду Ориентирована на реальную реализацию бренда
Часто используется На этапе исследования На этапе утверждения визуального направления

Stylescape — это инструмент стратегической презентации визуального стиля бренда. Вот три основных преимущества такого подхода: вдохновение и видение, ясность и выравнивание, скорость и прогресс.

Вдохновение и видение

Stylescape — это коллаж изображений и дизайнов, найденных в Интернете. Когда мы находим вдохновляющие нас изображения и дизайны и объединяем их в stylescape, мы вдохновляемся направлением развития нашего бренда и тем, чего мы можем достичь в долгосрочной перспективе.

Ясность и выравнивание

Вы когда-нибудь пытались донести идею дизайна до подрядчика/клиента, но она почему-то так и не «прижилась», или то, что создано, и то, что у вас в голове, — это две разные вещи? Stylescapes решает эту проблему, предоставляя чёткое руководство для вашего творческого видения и позволяя вам общаться с помощью изображений, а не слов.

Скорость и прогресс

Хотя внедрение stylescapes в процесс разработки бренда/продукта/проекта может показаться лишним, в долгосрочной перспективе это экономит невероятное количество времени. Созданный стилевой ландшафт задаёт тон и параметры для всего, что будет разрабатываться в дальнейшем. Если у нас есть stylescapes, который передает желаемое направление, наша способность доносить свое видение и проектировать новое станет более рациональной.

Вот пример стиля для клиентского проекта:

Почти все, что вы видите в приведенном выше стилевом дизайне, было просто найдено в Интернете, а затем скомпилировано в финальный дизайн.

Проще говоря, это просто доска визуализации бренда.

Его создание — трехэтапный процесс, и выполнить его может практически каждый.

  1. Откройте для себя изображения и вдохновение
  2. Организуйте эти изображения и выберите понравившиеся.
  3. Объедините лучшее в единый стиль

1/ Откройте для себя

Это самая вдохновляющая часть процесса.

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

Для начала выберите три слова (атрибута), которые станут основой вашего видения и укажут некоторые параметры для нашего поиска.

В примере Stylescape, показанном выше, были выбраны три слова: «влиятельный», «надежный», «инновационный».

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

Когда вы найдете понравившееся изображение, сохраните его на своем компьютере и двигайтесь дальше.

Вот несколько типов изображений и дизайнов, на которые стоит обратить внимание и которые особенно полезны для создания фирменных стилей:

  • Логотипы
  • Цветовые палитры
  • Типографика
  • Плакаты
  • Люди
  • Системы идентификации
  • Визитные карточки
  • Веб-сайты/лендинги
  • Вывески
  • Упаковка
  • Окружающая среда
  • Текстуры
  • Иллюстрации

Мы рекомендуем искать тут:

  • Behance (куча красивых дизайнов)
  • Dribbble (аналог Behance)
  • Pinterest (много вдохновения)
  • Google Картинки (нужно покопаться, но можно найти качественные)
  • Coolors (цветовые палитры)
  • Сайты стоковых фотографий (Совет: вы можете бесплатно загружать превью с водяными знаками и использовать их в своем стиле. Любые стоковые изображения, которые вы используете таким образом, можно приобрести позже, если вы захотите, чтобы они стали частью вашего окончательного бренда/дизайна ).

Шаг первый прост: найдите несколько изображений, которые соответствуют одному или нескольким из трех выбранных вами качеств.

2/ Организовать

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

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

Хорошей отправной точкой являются эти папки:

  • Фирменный стиль и материалы (логотипы, карты, системы идентификации, макеты, упаковка и т. д.)
  • Эстетика (текстуры, фоны и т. д.)
  • Окружающая среда (пространства, взаимодействия, декор)
  • Плакаты и искусство (вывески)
  • Избранное (все, что вам нравится и что вы захотите включить)

Когда вы начнете перетаскивать все изображения в соответствующие папки, вы начнете замечать среди них общие моменты, и некоторые изображения будут лучше передавать ваше видение, чем другие. Сохраните их и поместите в папку «Избранное».

3/ Синтезировать

Вот тут-то все и складывается воедино. Откройте предпочитаемое вами приложение для дизайна и создайте сверхширокий документ.

В клиентских проектах можно использовать размеры 5760 пикселей в ширину и 1080 пикселей в высоту.

Для проектов типа «сделай сам» (по ремонту и декору дома, изготовлению предметов интерьера, рукоделию и т.д.) можно выбирать меньший размер. Например,  2500 пикселей в ширину и 500 пикселей в высоту.

Даже если вы не хотите пользоваться профессиональными инструментами, то можно собрать стилевой ландшафт в Canva или PowerPoint.

Вам просто нужно приложение, которое позволит создать коллаж из изображений.

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

Как только загрузятся несколько изображений, начните экспериментировать с их расположением, используя этот шаблон в качестве руководства:

Шаблон Stylescape — правил нет, но это отличная отправная точка.

Обычно основную работу выполняют несколько изображений.

В представленном выше стилевом ландшафте Open Excellence вся композиция состоит примерно из 10 изображений, 3 из которых образуют основу. Всё очень просто.

Избегайте использования большого количества изображений, так как это лишь добавит вам работы. Найдите несколько действительно хороших, которые соответствуют теме (вашим трем характеристикам), а затем выстраивайте свой стиль вокруг них.

Меньше значит больше.

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

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

Лучше сделать хорошо, чем не сделать идеально

Краткая инструкция:
  1. Найдите несколько вдохновляющих образов, которые вы хотели бы использовать в качестве модели.
  2. Организуйте в папках, выбирайте избранное, удаляйте ненужное.
  3. Создайте широкоформатный коллаж из ваших любимых изображений.

Готово!

Когда у вас есть stylescape, у вас есть незаменимый инструмент для прояснения и передачи вашего визуального направления.

и не забывайте получать удовольствие от процесса!

Оригинал статьи