Веб дизайн – подбор цвета

Веб дизайн - подбор цвета

Публикация в группе: Photoshop для начинающих

Всем привет. У меня был вынужденный перерыв в публикациях, но сейчас всё нормализовалось, и я вновь готова к активным действиям. И начну сегодня с группы Photoshop для начинающих. Темой будет подбор цветов для оформления проектов в веб дизайне.

Сочетания цветов

По себе знаю, как порой бывает сложно подобрать цвета для оформления сайта, или какого-то дизайна, который создаёшь в фотошоп. Для себя я собрала множество подсказок, которые встречала на протяжении всех лет, занимаясь творческим дизайном. Моя папка на компьютере (так и называется – фотошоп) постоянно пополняется полезными материалами – статьями, заметками, шрифтами, кистями, градиентами, то есть всем тем, что пригодиться в творческом процессе.

Предлагаю вашему вниманию одну из своих архивных заметок, в которой собраны классные сочетания цветов:

  • Белый: сочетается со всем. Наилучшее сочетание с синим, красным и черным.
  • Бежевый: с голубым, коричневым, изумрудным, черным, красным, белым.
  • Серый: с цветом фуксии, красным, фиолетовым, розовым, синим.
  • Розовый: с коричневым, белым, цветом зеленой мяты, оливковым, серым, бирюзовым, нежно-голубым.
  • Фуксия (темно-розовый): с серым, желто-коричневым, цветом лайма, зеленой мяты, коричневым.
  • Красный: с желтым, белым, бурым, зеленым, синим и черным.
  • Томатно-красный: голубой, цвет зеленой мяты, песчаный, сливочно-белый, серый.
  • Вишнево-красный: лазурный, серый, светло-оранжевый, песчаный, бледно-желтый, бежевый.
  • Малиново-красный: белый, черный, цвет дамасской розы.
  • Коричневый: ярко-голубой, кремовый, розовый, палевый, зеленый, бежевый.
  • Светло-коричневый: бледно-желтый, кремово-белый, синий, зеленый, пурпурный, красный.
  • Темно-коричневый: лимонно-желтый, голубой, цвет зеленой мяты, пурпурно-розовый, цветом лайма.
  • Рыжевато-коричневый: розовый, темно-коричневый, синий, зеленый, пурпурный.
  • Оранжевый: голубой, синий, лиловый, фиолетовый, белый, черный.
  • Светло-оранжевый: серый, коричневый, оливковый.
  • Темно-оранжевый: бледно-желтый, оливковый, коричневый, вишневый.
  • Желтый: синий, лиловый, светло-голубой, фиолетовый, серый, черный.
  • Лимонно-желтый: вишнево-красный, коричневый, синий, серый.
  • Бледно-желтый: цвет фуксии, серый, коричневый, оттенки красного, желтовато-коричневый, синий, пурпурный.
  • Золотисто-желтый: серый, коричневый, лазурный, красный, черный.
  • Оливковый: апельсиновый, светло-коричневый, коричневый.
  • Зеленый: золотисто-коричневый, оранжевый, салатный, желтый, коричневый, серый, кремовый, черный, сливочно-белый.
  • Салатный цвет: коричневый, желтовато-коричневый, палевый, серый, темно-синий, красный, серый.
  • Бирюзовый: цвет фуксии, вишнево-красный, желтый, коричневый, кремовый, темно-фиолетовый.
  • Электрик красив в сочетании с золотисто-желтым, коричневым, светло-коричневым, серым или серебряным.
  • Голубой: красный, серый, коричневый, оранжевый, розовый, белый, желтый.
  • Темно-синий: светло-лиловый, голубой, желтовато-зеленый, коричневый, серый, бледно-желтый, оранжевый, зеленый, красный, белый.
  • Лиловый: оранжевый, розовый, темно-фиолетовый, оливковый, серый, желтый, белый.
  • Темно-фиолетовый: золотисто-коричневый, бледно-желтый, серый, бирюзовый, цвет зеленой мяты, светло-оранжевый.
  • Черный универсален, элегантен, смотрится во всех сочетаниях, лучше всего с оранжевым, розовым, салатным, белым, красным, сиреневатым или желтым.

Согласитесь, отличная подсказка по подбору сочетания цветов. Меня она часто выручает, когда самостоятельно не могу сконцентрироваться и уловить ту самую “изюминку” в дизайне, от которой общий фон начинает “играть”. И вам рекомендую почаще заглядывать в этот список.

Градиент в цветах

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

Я сама нередко пользуюсь этими сайтами:

  • https://cssgradient.iohttps://www.eggradients.com
  • https://www.css-gradient.com
  • https://cssgradientbutton.com
  • https://color.romanuke.com
  • https://www.csscolor.ru
  • https://www.imgonline.com.ua/color-palette.php

Надеюсь, что вы обязательно сохраните их в своих закладках. А для надёжности советую создать отдельный документ, и вложить его в папку для фотошоп, чтобы всегда иметь эти подсказки под рукой.

Напоминание: Все свои документы, скачиваемые программы, архивы и т.д., сохраняйте на диске D, E или F, но ни в коем случае не на операционном C – чтобы не перегружать его.

На сегодня пока всё, завтра продолжу делиться полезностями для работы в программе фотошоп. Загрузим с вами кисти, стили и фигуры. А со следующей недели начнём творить красоту.

5

Автор публикации

не в сети 33 минуты

Ирина Успешная

11K
Целеустремлённая личность с доброй душой и самокритичным подходом ко всему, что делаю. Бываю резка в высказываниях, но всегда приду на помощь к тем, кто в ней нуждается. Короче, я хороший человек.
flagРоссия. Город: Тверь
Комментарии: 1717Публикации: 450Регистрация: 02-02-2019
Женский клуб Ирины Успешной
Комментарии: 7
  1. Elena

    Как вовремя вы выложили этот материал. Как раз сегодня вечером хотела немного пофеячить в фотошоп – буду пробовать создавать дизайн визитки для подруги. Ваши подсказки мне очень помогли в прошлый раз, за что огромное вам, Ирина, спасибо!

    50
    1. Ирина Успешная (автор)

      Рада, что они вам были полезными :smile:

      0
  2. Lyudmila

    Да, полезная публикация. Сохранила себе в архив. Жду нового материала ;-)

    40
    1. Natali

      Аналогично :!:

      20
    2. Ирина Успешная (автор)

      Сегодня вечером выложу новый материал.

      0
  3. Виктория Зимина

    Как всегда, всё по делу, и сплошная полезность. За цветовые решения отдельное спасибо! Ведь этот списочек пригодится буквально везде.

    10
    1. Ирина Успешная (автор)

      Вы правы. Пользуйтесь во благо :smile: ;-)

      0
Добавить комментарии
Войти с помощью: 
Веб дизайн – подбор цвета
ZHenshhina-i-biznes
Женщина в бизнесе
Авторизация
*
*
Войти с помощью: 
Регистрация
*
*
*
Вы должны согласиться
Войти с помощью: 
Генерация пароля
Написать письмо

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

Задать вопрос

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

Обратный звонок
Закажите звонок (бесплатный)

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