UXPUB 🇺🇦 Спільнота дизайнерів

Cover image for Экономия времени при выборе цветовой палитры в Sketch
Редакція
Редакція

Опубліковано • Оновлено

Экономия времени при выборе цветовой палитры в Sketch

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

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

Как это работает?

  • Создайте moodboard (например, Pinterest)
  • Выберите одно или несколько фото вmoodboard
  • Загрузите каждую фотографию в Adobe Color CC, (или аналогичную) и получите пять цветовых палитр.
  • Откройте Sketch-файл, перейдите к символам и измените их цвета: вы должны сделать это для цветовых и текстовых символов: «Color 1», «Color 2», «Color 3», «Color 4» and «Color 5» для каждой из ваших палитр. То же самое для символов основного текста и вторичного текста.
  • Перейдите на страницу 1 и узрите магию

Пример с портретом «Мона Лиза»

«Мона Лиза; итальянское: Monna Lisa или La Gioconda портрет кисти Леонардо да Винчи периода итальянской эпохи Возрождения, который был описан, как «самая известная, самая посещаемая, самая популярная, самая пародируемая работа в мире искусства». Это также одна из самых ценных картин в мире».

Цветовая палитра для картины «Мона Лиза» такова:

Пример с портретом «Мона Лиза»

Итак, у меня в файле Sketch есть следующие символы:

Экономия времени при выборе цветов в Sketch - 1

Когда у меня есть цвета, я вижу разные макеты. Я сделал несколько, но можно было сделать больше:

Экономия времени при выборе цветов в Sketch - 2

Это может сэкономить ваше время при выборе цветов, а также может стать началом дизайн-системы. Вы также можете проделать это со стилями.

Скачать пример можно здесь.


Перевод статьи fernandocomet

Топ коментарі (0)

Курси дизайну UX, UI

Вивчай UX, UI, дослідження, райтинг чи продуктовий бік дизайну, щоб створювати круті інтерфейси
Дізнатись більше