Найти в Дзене

Выбираем цвета для своего сайта

Всем привет! Это цикл статей, о том, как создать классный таплинк. Начнем мы сначала. Определим, где будем создавать свой сайт. На самом деле, сервисов-конструкторов достаточно много. Но выбирать следует тот, где лично для вас создание сайта будет удобным и легким процессом. Присмотритесь к этому сервису: https://neophit.ru/ Удобный редактор и адаптивный интерфейс позволят быстро создать нужный сайт. Создание таплинка мы начнем с подбора цветов. Прям как настоящие дезигнеры, да. Первое, что необходимо запомнить раз и на всегда: используем только 3-4 цвета на всем сайте. Да, на всем. Да, шрифты тоже считаются. Второе. Можно долго и нудно обсуждать цветовые круги, тыкать пальцем в экран и пытаться выбирать цвета по нему. А можно перейти на классный сайт и сразу подобрать своему сайту цветовую гамму. Также там можно проверить читаемость текста на фоне. Рассмотрим все сразу на практике и вместе создадим таплинк для сайта Neophit. То чувство, когда даже у сайта будет свой таплинк, а у тебя

Всем привет! Это цикл статей, о том, как создать классный таплинк.

Начнем мы сначала. Определим, где будем создавать свой сайт.

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

Присмотритесь к этому сервису: https://neophit.ru/ Удобный редактор и адаптивный интерфейс позволят быстро создать нужный сайт.

Создание таплинка мы начнем с подбора цветов. Прям как настоящие дезигнеры, да.

Первое, что необходимо запомнить раз и на всегда: используем только 3-4 цвета на всем сайте. Да, на всем. Да, шрифты тоже считаются.

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

Также там можно проверить читаемость текста на фоне.

Рассмотрим все сразу на практике и вместе создадим таплинк для сайта Neophit. То чувство, когда даже у сайта будет свой таплинк, а у тебя еще нет 👀

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

-2

Сайт подобрал нам 5 цветов, сохраним их коды в блокнотик: 282740, 0D7F8C, 6C898C, C7D7D9, BF8A7E.

Возможности сервиса https://color.adobe.com/ru/create/color-wheel
Возможности сервиса https://color.adobe.com/ru/create/color-wheel

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

Проверка на сайте: https://color.adobe.com/ru/create/color-contrast-analyzer
Проверка на сайте: https://color.adobe.com/ru/create/color-contrast-analyzer

Проверим на практике.

Итак, цвет фона: C7D7D9, цвет текста: 282740. Остальные цвета 0D7F8C, 6C898C, BF8A7E попробуем использовать для создания элементов дизайна.

-5

Для начала неплохо, согласитесь?

Продолжение следует, следите за постами 😉

А протестировать себя в роли создателя таплинка можно здесь: https://neophit.ru/ Попробуйте, это очень увлекательно и полезно для бизнеса