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

Публикация в группе: 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 – чтобы не перегружать его.

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

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

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

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

11K

Целеустремлённая личность с доброй душой и самокритичным подходом ко всему, что делаю. Бываю резка в высказываниях, но всегда приду на помощь к тем, кто в ней нуждается. Короче, я хороший человек.

Россия. Город: Тверь

Комментарии: 1717Публикации: 450Регистрация: 02-02-2019