Explore Styles: как примерить цветовую палитру на стили веб-дизайна
Одна и та же палитра может выглядеть элегантно в одном стиле веб-дизайна и разваливаться в другом. Explore Styles показывает ваши цвета вживую внутри 19 шаблонов стилей - от Bauhaus и Swiss Style до Glassmorphism и Cyberpunk. Так вы видите, как палитра работает в настоящем макете, ещё до того как на неё решились, а не оцениваете ряд плашек.
Три шаблона стилей с их собственными палитрами по умолчанию. Нажмите на любой, чтобы открыть живое превью и переключиться на свои цвета.
Что такое Explore Styles
Explore Styles - это режим «Стили» на странице Explore. Каждый шаблон - полноценный макет первого экрана в одном стиле веб-дизайна: со своей типографикой, рамками, тенями и акцентами, который перекрашивается по вашей палитре. Это даёт три вещи, которых нет у плашек:
- Понимание цвета с учётом стиля: Brutalism требует одного яркого акцента на жёстком контрасте, Glassmorphism - насыщенного фона, Editorial хорошо работает на тёплых «бумажных» тонах.
- Быстрое сравнение направлений: переключайтесь между шаблонами и смотрите, какой стиль вашей палитре подходит естественнее.
- Ссылку, которой можно поделиться: коллега или клиент увидит тот же шаблон с теми же цветами.
Как посмотреть палитру в стиле
- Соберите или сгенерируйте палитру в панели цветов - основной и акцентный цвета управляют шаблонами.
- Откройте Explore и выберите режим «Стили».
- Выберите шаблон в списке. Просматривать все стили можно бесплатно.
- Сравните два источника цветов превью (описаны ниже), чтобы понять, как стиль выглядит по умолчанию и что меняют ваши цвета.
- Используйте развёрнутый и мобильный вид, чтобы проверить макет в том размере, в котором его увидят посетители.
- Скопируйте ссылку, откройте страницу стиля, чтобы прочитать о нём, или примените собственную палитру шаблона к панели цветов как отправную точку.
Палитра по мотивам и Ваша палитра
Каждый шаблон можно смотреть с двумя источниками цветов:
- Палитра по мотивам - собственные фирменные цвета шаблона, чтобы увидеть, как стиль задуман.
- Ваша палитра - ваша текущая палитра в том же макете, чтобы увидеть, как ваши цвета ведут себя в этом стиле.
Развёрнутый вид, мобильный вид и ссылка
Стиль, который отлично выглядит на десктопе, может развалиться на телефоне, а цвета по-разному читаются в разных размерах. В превью есть управление для обоих случаев.
- Разверните превью, чтобы увидеть шаблон крупнее.
- Переключитесь на мобильную рамку, чтобы проверить узкие экраны.
- Кнопка «Поделиться» копирует ссылку на текущий шаблон и цвета.
Стили, которые можно посмотреть
У каждого стиля есть своя страница с определением, типичными цветовыми чертами и живым превью:
Y2K · Editorial · Oversized Typography · Bento Box · Lightweight 3D · Brutalism · Bauhaus · Swiss Style · Art Deco · Cyberpunk · Biomorphism · Конструктивизм · Футуризм · Ретро · Glassmorphism · Pixel Art · Frutiger Aero · Мемфис · Неоморфизм
Не уверены, какой стиль подходит вашему проекту? Начните с наглядного обзора стилей веб-дизайна
Просмотр бесплатно, свои цвета на премиум-шаблонах - в Pro
Просматривать шаблоны всех стилей можно бесплатно. Применение своих цветов к части более сложных шаблонов доступно в Pro - такие шаблоны помечены, и вы всегда можете открыть их и посмотреть палитру по умолчанию.
Советы по выбору стиля под палитру
- Начните с палитры по мотивам, чтобы понять, как стиль должен выглядеть, затем переключитесь на «Вашу палитру» - разница между ними покажет, что меняют ваши цвета.
- Яркие насыщенные палитры подходят стилям, построенным на цвете (Memphis, Y2K, Glassmorphism, Cyberpunk). Сдержанные палитры с одним сильным акцентом - Swiss Style, Bauhaus и Brutalism.
- Тёмным неоновым стилям нужны почти чёрные фоны и очень яркие акценты; палитра из средних тонов в них обычно выглядит грязно.
- Тёплые малоконтрастные палитры подходят Editorial, Retro и Biomorphism, но проверьте контраст основного текста - на мягких палитрах читаемость страдает чаще всего.
- Когда направление выбрано, проверьте детали в режиме Elements и в проверке контраста.
Читайте также: Explore Products · Как проверить палитру на реальном интерфейсе · Проверка контраста
Частые вопросы
Что такое Explore Styles в PaletteDesk?
Explore Styles - режим страницы Explore, который показывает вашу цветовую палитру вживую внутри шаблонов стилей веб-дизайна, таких как Bauhaus, Swiss Style, Brutalism, Glassmorphism и Cyberpunk, чтобы вы видели, как цвета работают в настоящем макете.
Можно ли посмотреть свои цвета в стиле веб-дизайна?
Да. Переключите превью с палитры по мотивам на «Вашу палитру», и шаблон перерисуется вашими текущими цветами. Применение своих цветов к части шаблонов требует Pro, а просмотр всех шаблонов бесплатен.
Как выбрать стиль веб-дизайна под цветовую палитру?
Попробуйте палитру в нескольких шаблонах и сравните. Насыщенные палитры обычно подходят стилям на цвете, вроде Memphis или Glassmorphism, а нейтральная основа с одним сильным акцентом - Swiss Style, Bauhaus или Brutalism. После выбора обязательно проверьте контраст текста.
Можно ли проверить мобильную версию шаблона стиля?
Да. В превью есть развёрнутый вид и мобильная рамка, поэтому видно, как макет и цвета выглядят на ширине телефона.
Можно ли поделиться превью стиля с клиентом или коллегой?
Да. Кнопка «Поделиться» копирует ссылку на текущий шаблон вместе с цветами, и второй человек видит то же самое превью.
Готовы примерить палитру на стиль? Открыть Explore Styles