UXPUB 🇺🇦 Дизайн-спільнота

Cover image for Импорт цветовой палитры Material Design в Sketch 3
Редакція
Редакція

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

Импорт цветовой палитры Material Design в Sketch 3

Насколько я знаю, пока не существует способа поделиться родными цветовыми палитрами Sketch 3, так что я поделюсь простым способом использования родного селектора цвета Mac OS color Material Design в Sketch 3.

1-Jso1Q6L-NmXIFXKsbt6Wzw

Инструкции

  • Откройте окно Colors Window в Sketch из меню View - Show Colors
  • Выберите вкладку Color Palettes:

1-IsmvdsIc3O2j9ehXKeZ7OQ

  • Кликните на иконку с шестеренкой в верхнем правом углу, кликните Open (открыть) и затем выберите файл Material Design Color Palette.clr, который можно скачать здесь.

1-5UG9dTyL2AucsrVSExlUGg

  • Теперь все цвета Material Design на месте! Наслаждайтесь!

Вы также можете переместить файл CLR в папку вашего пользователя Library - Colors (Кликните Go в десктопном меню, удерживайте кнопку Alt и выберите Library - Colors) Палитра появится после перезапуска Sketch.

Как создать палитру и делиться ей с другими

Чтобы создать собственную палитру, откройте Colors Window в Sketch из меню View - Show Colors. Кликните на иконку с шестеренкой и выберите New. По умолчанию будет имя "Unnamed", так что нажмите снова на иконку с шестеренкой и выберите опцию Rename (переименовать).

Вы можете ввести шестнадцатеричные числа во вкладке Sliders (внизу справа):

1-6r9yhZCxudnl99RDZg5YZQ

Затем вернитесь во вкладку Color Palette и кликните на иконку "+" под шестеренкой. (Вы также можете кликнуть и перетянуть свотч цвета в список):

1-plbm018FhFEwbi6IgOspeQ

Примечание: Нет способа изменить порядок цветов в списке или редактирования цвета, если только вы не удалите и не введете его заново, поэтому будьте осторожны!

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

Чтобы поделиться палитрой, откройте папку Library - Colors (Кликните Go в десктопном меню, удерживайте Alt и выберите Library - Colors). Файл .clr должен быть уже там, вы можете отправить его другим пользователям или опубликовать в интернете!

Надеюсь, кому-то мои советы помогут спать более спокойно :)

Перевод статьи с medium.com автора hannah lee.

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