Приложение pantone как пользоваться
загрузить и установить PANTONE Studio на вашем персональном компьютере и Mac
Проверить совместимые приложения для ПК или альтернативы
Или следуйте инструкциям ниже для использования на ПК
Если вы хотите установить и использовать PANTONE Studio на вашем ПК или Mac, вам нужно будет загрузить и установить эмулятор Desktop App для своего компьютера. Мы усердно работали, чтобы помочь вам понять, как использовать app для вашего компьютера в 4 простых шагах ниже:
Шаг 1: Загрузите эмулятор Android для ПК и Mac
Хорошо. Прежде всего. Если вы хотите использовать приложение на своем компьютере, сначала посетите магазин Mac или Windows AppStore и найдите либо приложение Bluestacks, либо Приложение Nox . Большинство учебных пособий в Интернете рекомендуют приложение Bluestacks, и у меня может возникнуть соблазн рекомендовать его, потому что вы с большей вероятностью сможете легко найти решения в Интернете, если у вас возникнут проблемы с использованием приложения Bluestacks на вашем компьютере. Вы можете загрузить программное обеспечение Bluestacks Pc или Mac here .
Шаг 2: установите эмулятор на ПК или Mac
Теперь, когда вы загрузили эмулятор по вашему выбору, перейдите в папку «Загрузка» на вашем компьютере, чтобы найти приложение эмулятора или Bluestacks.
Как только вы его нашли, щелкните его, чтобы установить приложение или exe на компьютер или компьютер Mac.
Теперь нажмите «Далее», чтобы принять лицензионное соглашение.
Чтобы правильно установить приложение, следуйте инструкциям на экране.
Если вы правильно это сделаете, приложение Emulator будет успешно установлено.
Шаг 3: PANTONE Studio для ПК - Windows 7/8 / 8.1 / 10/ 11
Теперь откройте приложение Emulator, которое вы установили, и найдите его панель поиска. Найдя его, введите PANTONE Studio в строке поиска и нажмите «Поиск». Нажмите на PANTONE Studioзначок приложения. Окно PANTONE Studio в Play Маркете или магазине приложений, и он отобразит Store в вашем приложении эмулятора. Теперь нажмите кнопку «Установить» и, например, на устройстве iPhone или Android, ваше приложение начнет загрузку. Теперь мы все закончили.
Вы увидите значок под названием «Все приложения».
Нажмите на нее, и она перенесет вас на страницу, содержащую все установленные вами приложения.
Вы должны увидеть . Нажмите на нее и начните использовать приложение.
Шаг 4: PANTONE Studio для Mac OS
Привет. Пользователь Mac!
Шаги по использованию PANTONE Studio для Mac точно такие же, как для ОС Windows выше. Все, что вам нужно сделать, это установить Nox Application Emulator или Bluestack на вашем Macintosh. Вы можете получить Это здесь .
Колориметром от Pantone пользоваться несложно: нужно запустить приложение, положить карточку Color Match на предмет и под правильным углом навести камеру на «окошечко». Приложение поберет несколько оттенков из палитры Pantone, лучше всего соответствующих колориту предмета: останется только выбрать.
Как пользоваться приложением Palette Pantone?
Пользователю нужно всего лишь навести камеру на объект. Приложение сначала определит его цвет, а затем подберет гармоничные оттенки по заданным параметрам. В дополнение к приложению также выпустили специальную карту с палитрой Pantone Color Match Card.
Как работает Pantone?
Pantone предлагает пройти тест для выявления отклонений в цветовосприятии: в течение 20 минут человеку необходимо выстроить идеальный цветовой ряд. Наиболее частый результат у профессионалов – небольшие отклонение в одном-двух оттенках, которое в процессе достаточно учитывать для идеального результата.
Как получить цвет пантон?
Что такое пантон?
Цветовая модель Пантон, система PMS (Pantone Matching System) — стандартизованная система подбора цвета, разработанная американской фирмой Pantone Inc. в 1963 году. Использует цифровую идентификацию цветов изображения для полиграфии печати как смесевыми, так и триадными красками.
Как узнать номер пантона в Иллюстраторе?
Открыть панельку Swatches (если ее не оказалось в ваших инструментах или вы никак не можете ее найти зайдите в меню Window — Swatches. И она откроется во всем своем великолепии). Следующее — открыть пантоны. Выбираете нужный набор Pantone.
Как сделать в фотошопе цвет пантона?
В Фотошопе список Пантонов можно найти в библиотеке цветов диалогового окна Color Picker. Выбираем кнопочку Color Libraries и попадаем в диалоговое окно библиотеки цветов. Далее выбираем нужную коллекцию и нужный цвет. С пантонами не работают в слепую.
Какой цвет будет в моде в 2021?
В наступившем 2021 году Pantone выбрали сразу два оттенка года – спокойный Ultimate Grey (серый) и лимонный жёлтый Illuminating. Цвета символизируют силу и надежду, устойчивость и воодушевление. На модных инфлюенсерах уже неоднократно было заметно сочетание этих двух оттенков.
Сколько цветов в Pantone?
Цветовой справочник в виде веера содержит 2100 цветов из текстильной библиотеки Pantone (в т. ч. 175 новейших оттенков из обновления 2011 года) на бумажном носителе.
Что значит Pantone validated?
“Аттестат Pantone Validated говорит о способности оборудования воспроизводить цвета систем Pantone Matching System и Pantone Fashion, Home and Interiors c превосходной точностью.
Какой цвет пантон?
PANTONE® 17-5104 Ultimate Gray (Безупречный серый) + PANTONE 13-0647 Illuminating (Освещающий) Пара цветов передает послание силы и надежды, одновременно стойкое и воодушевляющее.
Как понять какой цвет получится при печати?
Пройдемся по особенностям печати отдельных цветов: наиболее равномерный серый будет в том случае, если все цвета учавствуют в равных количествах. самый яркий красный получиться в результате смешивания 100% розового и 100% желтого. Более темные оттенки красного можно получить с добавлением голубого и черного.
Зачем нужен пантон?
Pantone представляют собой систему подбора цветов, придуманную для достижения взаимопонимания разных людей. Например, заказчиков печати и полиграфистов. В среднем, человеческий глаз способен воспринимать 150 000 цветовых оттенков. Такого количества слов для обозначения цветов нет в русском языке, как и в любом другом.
Какие цвета в 2021?
Главные цвета 2021 года — «безупречно серый» (Ultimate Gray) и «озаряющий» (Illuminating) — символизируют стабильность, единство и надежду. По словам Леатрис Айзман, исполнительного директора Института цвета Pantone, серый — цвет надежности, а желтый — это квинтэссенция надежды и оптимизма.
В чем разница Coated и uncoated?
Верно. C — Coated, U — Uncoated. Разницы между глянцевой и матовой бумагой больше нет.
Советы, теория и опробованные методы от moonlearning.io — для новичков и профессионалов.
Цвет — одна из важнейших составляющих UI-дизайна. Благодаря цвету один и тот же продукт может казаться сложным и крутым или сумасшедшим. И задача дизайнера здесь — не найти и смешать красивые цвета, а создать определенную систему. В этой статье мы начнем с основ и постепенно дойдем до профессионального уровня.
Системы записи цвета. Что, где и когда использовать
Цвета можно записывать по-разному. Самые распространенные методы записи, с которыми вы можете столкнуться, — это Pantone, CMYK, HEX и RGB. В дизайне экранных интерфейсов используются только HEX и RGB, однако важно понимать разницу между всеми системами, ведь вы наверняка будете иметь дело и с онлайн-, и с офлайн-материалами бренда.
Pantone → для ПЕЧАТИ
Точная смесь чернил — один и тот же цвет в любом уголке мира. Печатать в цветах Pantone на домашнем принтере нельзя, но можно использовать официальную цветовую документацию Pantone в качестве справки. В профессиональной типографии для вас могут подобрать и использовать конкретный цвет из палитры Pantone. Поэтому печатать в цветах Pantone обычно дороже — они в основном используются для логотипов или элементов бренда, которые должны одинаково выглядеть на самых разных носителях (остальное делается в CMYK).
CMYK → для ПЕЧАТИ
Смесь четырех цветов: голубой (cyan), пурпурный (magenta), желтый (yellow) и черный (key — ключевой) — основа для остальных цветов. Именно эти цвета используются в бытовых принтерах и профессиональных типографиях.
RGB → для UI-дизайна
RGB — это красный (R), зеленый (G) и синий (B) цвета, составляющие изображение на мониторе. Эта модель относится к непосредственному смешению лучей света, а не к смешению красок (чернил). Цветовой спектр света шире возможного при печати. В силу различий этих моделей цвета при печати и на экране никогда не совпадают на 100%. Это не проблема, если палитры гармоничны сами по себе — просто об этом нужно помнить.
RGB-цвета в UI-дизайне указываются с помощью значений в диапазоне от 0 до 255, например: R = 255, G = 255, B = 255 (или RGB = 255, 255, 255) — белый, а RGB = 0, 0, 0 — черный.
RGBA → для UI-дизайна
Это тот же RGB, но с добавлением альфа-канала — A, который отвечает за прозрачность и принимает значения от 0,0 (полная прозрачность) до 1,0 (полная непрозрачность).
То есть, например, RGBA = 255, 255, 255, 0,5 — это белый с прозрачностью 50%.
HEX → для UI-дизайна
Используйте именно эту модель! RGB — это прекрасно, но его неудобно использовать, поэтому применяется HEX — краткая форма записи, которая в точности соответствует своему RBG-аналогу. Благодаря строковому формату HEX-значения проще использовать, копировать, вставлять и показывать другим.
В этой модели цвет задается тремя двузначными шестнадцатеричными значениями с решеткой спереди: первое значение соответствует каналу R, второе — G, третье — B (поэтому RGB и HEX идентичны).
Примечание. Цвета при печати и на экране никогда идеально не совпадают, поскольку они создаются разными способами: при печати смешиваются чернила, а на экране — световые лучи. Главное здесь — чтобы каждая палитра была гармонична сама по себе.
Преобразование цветов для печати и отображения на экране
Иногда бывает необходимо «печатный» цвет преобразовать для использования в интерфейсе. Ну или вы просто от широты душевной хотите помочь дизайнерам типографии с обратным преобразованием.
Есть много онлайн-конвертеров, но среди них особо выделяется официальный конвертер Pantone, который использует так называемый цветовой мост Pantone. Его цифровую версию можно найти на странице поиска цветов на сайте Pantone.
Инструмент поиска цвета на сайте Pantone
Здесь можно ввести HEX, RGB или CMYK — и вы получите соответствующий цвет в системе Pantone. Нажав на него, вы узнаете все необходимые цветовые значения. Чтобы преобразовать Pantone в HEX, откройте раздел «Pantone to Pantone» в меню слева (звучит не очень логично, но так оно работает).
Совет. Если вы переводите экранные цвета в печатные, полезно иметь под рукой физическую палитру Pantone, чтобы сравнить цвета перед занесением их в документацию — у дизайнеров или в типографии такая обязательно найдется.
Сколько цветов использовать в UI-дизайне?
В UI-дизайне технических ограничений на количество цветов нет, но лучше всего ограничиться двумя-тремя.
В вашем распоряжении будут вариации этих цветов (подробнее об этом — далее). Чуть ниже я расскажу, почему при создании яркого дизайна гораздо важнее сочетание цветов, а не их количество.
При этом, если у вас есть идея, для которой нужно много цветов, — смело реализуйте ее: некоторые правила можно и нужно нарушать.
Как выбирать, смешивать и сочетать цвета в UI-дизайне
Если у вас природное чутье на подбор и смешивание цветов — смело полагайтесь на него. Однако если при выборе цветов вы не чувствуете себя уверенно, можете воспользоваться специальные приемами.
Цветовой круг RGB
Я не считаю цветовые ассоциации (синий — успокаивает, красный — яркий) убедительной концепцией, поскольку восприятие цвета зависит от культуры. Для создания определенного настроения важнее то, как именно вы смешиваете цвета.
Здесь мы используем цветовой RGB-круг с 12 сегментами (которые представляют собой первичные, вторичные и третичные цвета). Я для простоты разбила его на секции — но в приложениях для дизайна обычно для выбора цвета будет предложен цветовой круг с мягким переходом цветов. У Adobe также есть отличный инструмент, который поможет с подбором цвета.
Однотонные цвета
Выбрав один цвет, двигайтесь к центру круга — и вы получите красивый оттенок. Такое цветовое сочетание выглядит аккуратно и продуманно.
Близкие по оттенку цвета
В этом случае выбираются цвета, находящиеся рядом, — двигаться можно в любом направлении цветового круга. Хороший результат дают цвета, расположенные в пределах 90°. Такой подход добавляет динамики и позволяет сохранить изящество.
Дополняющие цвета
Если нужно что-то очень яркое — это ваш вариант. Сначала выберите основной цвет, а затем добавьте дополняющий — с противоположной стороны круга. Добавляя однотонные цвета, можно получить красивое сочетание.
Раздельные дополняющие цвета
К дополняющим цветам можно добавить близкий по оттенку цвет — тогда палитра будет еще ярче: такой подход называется «раздельные дополняющие цвета».
Эти три подхода помогут сформировать палитру, но есть и другие методы — например, триадный и тетрадный, — на которых тоже можно поучиться выбирать цвета.
Поиграйте с оттенком и другими параметрами
Подобрав нужные цвета, необязательно ограничивать себя только ими — это основа, на базе которой могут быть различные вариации. При этом важно понимать, какие есть способы изменения цветов, — пробуйте, но не переусердствуйте.
Оттенок, осветление, затенение и тон
Оттенок (hue) → чистый цвет, без модификаций. Обходя цветовой круг по внешней части, мы меняем именно оттенок.
Осветление (tint) → оттенок с добавлением белого.
Затенение (shade) → оттенок с добавлением черного.
Тон (tone) → оттенок с добавлением серого.
Вариации цветов
Чтобы добавить разнообразия в палитру, следует использовать вариации цветов. Для этого можно изменять оттенок вручную или применить специальный инструмент — например, цветовые палитры «материального дизайна».
Примечание. Буква «P» в круге показывает, как будет читаться цвет текста на таком фоне. Белая «P» означает, что на таком фоне читается белый текст, черная — что читаться будет черный текст.
Укажите свое HEX-значение, и инструмент предложит вам различные вариации — можете использовать столько цветов, сколько нужно. У меня обычно три-пять вариаций цвета, но и девять — это вполне нормально. Выбранные цвета необязательно должны находиться рядом — подбирайте подходящий к дизайну контраст и отбрасывайте лишнее. Если вас интересует численное обозначение на рисунке — об этом в следующем разделе, посвященном именованию.
Вариации цветов
Как правильно называть цвета
Именование цветов
Итак, цвета и их вариации подобраны — теперь нужно задокументировать их в таблице стилей и (или) дизайн-системе.
Не давайте названия по самим цветам (например, красный и синий) — используйте что-то общее, поскольку со временем цвета могут меняться.
Неважно, какие названия вы используете, — главное, чтобы они были информативными и последовательными, например, фон, оттенки серого и т. д. можно назвать нейтральными цветами. Затем могут идти первичный и вторичный цвет (причем у меня вторичный цвет обычно используется для выделения).
Именование вариаций
Называть вариации следует по первичному или вторичному цвету — добавляя номера, которые помогут их различать. В палитре «материального дизайна» они формируются с шагом 100 — мне такой поход тоже нравится. Но с таким же успехом можно использовать и шаг 10.
Именование вариаций
Для основного цвета я люблю использовать значение 500, на базе которого при необходимости создаю другие вариации.
Однако не используйте шаг в единицу (1, 2, 3, 4 и т. д.): если позже понадобится добавить промежуточные цвета, это будет неудобно. Оставьте себе некоторое пространство для маневра.
Цветовая таблица стилей с системными цветами
Читаемый цвет переднего плана
Следует также добавить и цвет переднего плана (on-color) — то есть, цвет, используемый поверх другого цвета (например, для типографики и значков). Продуманное использование этого цвета дает два основных преимущества:
Вы сможете получать напоминание о проверке на читаемость по цветовому контрасту — с помощью плагина в ПО для дизайна либо онлайн-инструмента для проверки контраста (например, вот этого), что очень удобно. Вы, кстати, обязаны обеспечить доступность страницы согласно нормам WCAG.
2. Допустим, вторичный цвет у вас — темно-серый, и вы не определили цвет переднего плана. Часто этот цвет будет использоваться как переменная и применяться в том числе в качестве цвета текста — и если вы измените его, скажем, на ярко-синий, придется менять весь текст в файле дизайна — возможно, даже код. Так что сделайте так, чтобы всё было просто, понятно и на своих местах.
Попробуйте сами в Фигме!
Здесь можно скачать бесплатную цветовую таблицу стилей для Фигмы — поиграйте с цветами.
Цветовая таблица стилей для Фигмы
Правило распределения цветов «60-30-10»
Кроме того, какие цвета используются, важно также то, как они используются, и здесь очень пригодится правило «60-30-10»: основной цвет используется в 60% случаев, первичный — в 30%, вторичный — в 10%, для выделения (например, для призывов к действию и кнопок).
Основной цвет — 60%, первичный — 30% и 10% — вторичный цвет для призывов к действию.
Понятно, что эти проценты берутся скорее «по ощущениям» и не являются результатом точных измерений. Под цветом здесь можно понимать как один цвет, так и цвет со всеми его вариациями. Это правило можно подстроить под себя — но призывы к действию должны выделяться и быть единообразными.
Как видите, в результате получается вполне хорошая цветовая основа и уделяется должное внимание призывам к действию.
Спасибо!
Если статья понравилась, заходите на moonlearning.io — я там преподаю UX/UI-дизайн в видеоформате.
О переводчике
Перевод статьи выполнен в Alconost.
Alconost занимается локализацией игр, приложений и сайтов на 70 языков. Переводчики-носители языка, лингвистическое тестирование, облачная платформа с API, непрерывная локализация, менеджеры проектов 24/7, любые форматы строковых ресурсов.
Мы также делаем рекламные и обучающие видеоролики — для сайтов, продающие, имиджевые, рекламные, обучающие, тизеры, эксплейнеры, трейлеры для Google Play и App Store.
Компания Pantone запустила мобильное приложение Pantone Studio для iPhone, которое позволяет разбирать изображения по цветам Pantone, вкупе с возможностью создания собственных палитр и обмена результатами с коллегами, клиентами или партнерами в социальных сетях.
Для пользователей приложения Pantone Studio открыт доступ более чем к 10 000 цветовых оттенков из обширной библиотеки Pantone для различных дисциплин: от моды до графики.
Знакомый процесс поиска нужного цвета в веерах Pantone в приложении перешел в интуитивно понятный цифровой формат. Каждый цветовой веер визуально организован в хроматическом порядке, что позволяет удобно прокручивать цветовые группы в поисках идеального оттенка.
Новые цвета Pantone в будущем будут появляться в цифровом приложении автоматически.
Для каждого цвета отображаются цветовые данные (RGB, Hex и CMYK) и цветовые сочетания (взаимодополняющие, монохромные, аналоги, сплит-комплементарные, триадные), а также визуальные аналоги этих цветов во всех системах Pantone, включая Pantone Plus (графика/полиграфия), Fashion, Home + Interiors (ткани/пигменты) и Pantone для пластика.
Пользователи могут создавать свои цветовые палитры, включающие до пяти цветов. Выбирать их можно из цветовых вееров, фотографий и изображений с телефона или аккаунтов в социальных сетях, поиском по номеру цвета, а также из специализированных палитр в материалах Института Цвета Pantone.
Кроме того, дизайнеры могут:
- давать название своей палитре и добавлять геотеги,
- ставить теги, по которым можно найти палитру в поиске,
- добавлять вдохновляющие изображения для использования палитры в качестве личного мудборда,
- хранить и управлять неограниченным количеством палитр,
- отправлять палитры в Adobe Creative Cloud прямо из приложения.
Пользователи могут экспериментировать с цветовой палитрой, создавать различные цветовые комбинации в приложении, примеряя цвета из различных графических, интерьерных и типографских шаблонов.
Полезной функцией для дизайнеров, работающих с текстилем, стала возможность визуализировать образцы ткани в выбранном цвете Pantone на 3D бумаге или ткани.
Приложение позволяет распознавать цветовую композицию любого изображения, загруженного с телефона, из Facebook или Instagram, и составлять собственную. C помощью Pantone Studio можно узнать цвет вещей, которые вас окружают, подобрать новые предметы для домашнего интерьера. Новое приложение будет полезно как дизайнерам, так и людям, которые особенно интересуются цветом и ищут вдохновение.
Для поиска вдохновения с помощью приложения Studio у пользователя есть возможность увидеть, какие палитры используют другие дизайнеры. Для удобства приложение связано с Pantone Canvas ( от Bēhance) и сообществом ColourLovers. Пользователи могут пролистывать проекты других художников, организованные системой цвета Pantone, и выбирать необходимые палитры для использования.
Институт Цвета Pantone (PCI) улавливает мировые тенденции в разных областях, занимается прогнозированием цветовых трендов, и их влиянием на различные отрасли. Часть приложения Pantone Studio посвящена дополнительной информации познавательного характера в области актуальных цветов, исследованиям, статьям от экспертов Института цвета Pantone. Такого рода материалы, доступные в приложении, дадут больше идей об использования цветов в определенном контексте, и предоставят возможность дизайнерам всегда быть в курсе модных направлений.
Для дизайнеров, которые предпочитают использовать в работе социальные сети, присылают варианты работ клиентам или обсуждают цветовые схемы с коллегами, Studio предоставляет простой в использовании интерфейс для обмена идеями. Делиться своими палитрами с другими пользователями удобно как через приложение, так и посредством аккаунтов в социальных сетях, или отправляя их на электронную почту.
Pantone Studio также предоставляет различные форматы для обмена цветами и палитрами, в том числе, включающими знаменитые плашки-чипы Pantone в качестве сплошных или полупрозрачных слоев. Каждый отправленный цвет Пантона имеет название и номер, помогая увидеть правильный оттенок.
Сегодня приложение доступно для iOS устройств и его можно скачать в App Store .
Базовая версия приложения Pantone Studio доступна для бесплатного использования. Полный доступ ко всем инструментам и функциям приложения Studio возможен посредством абонентской подписки.
Стоимость годовой подписки составляет $59,99. Месячной – $4,99.
Абоненты приложения получают функцию автоматического обновления цветов Pantone, которые будут появляться в будущем.
Кроме того, Pantone в скором времени выпустит расширенную версию iOS для iPad, а также версию для Android, Windows и MacOS.
Читайте также: