Работа с цветами и градиентами: инструменты и примеры
Дмитрий Уколов head of design Zephyrlab рассказывает про цвета и градиенты. Откуда они к нам такие пришли, дам удобные инструменты для работы и покажу яркие примеры.
С самого начала плоские приглушенные цвета вызывали неоднозначные эмоции. Просто, спокойно и современно, но всё время оставалось чувство недосказанности. Плоский стиль вообще пришёл в режиме «это временно, просто переходный период, потерпи».
И действительно, этот тренд был объективной необходимостью перед обновлением стилистики, можно сказать, революции в сфере web-дизайна, которая происходила на фоне всё больших возможностей вёрстки и кодинга.
Кстати, градиент в эпоху «до флэта» использовался в основном в натуральных скевоморфичных текстурах, где он особо не бросался в глаза. Чистые градиентные переливы старались не использовать — считалось дурным тоном. Во времена повального увлечения плоским дизайном про градиенты забыли вовсе.
Сейчас же всё вернулось и с новой силой. Чистый градиент является мощным средством привлечения внимания, а удачные цветовые сочетания вытягивают стилистику сайта почти полностью. Объекты, иконки, символы и логотипы активно примеряют на себя различные сочетания.
Как быстро подобрать идеальное сочетание цветов для градиента?
Для поиска вдохновения и цветовых сочетаний можно воспользоваться сервисом webgradients.com — этоболее 200 вариаций и сочетаний.
materialui.co — удобный сервис с готовыми наборами. Не нужно наугад тыкать указателем в 17 млн. цветов с надеждой попасть с первого раза. Открываете сайт, кликаете на нужный цвет и копируете данные.
От теории к практике
Светлые и белые фоны хорошо сочетаются в представлении товара или продукта, когда необходимо сохранить акцент на продукте и контрастном контенте и поддержать весь дизайн стилистически. Важно отметить, что почти всегда пастельный цвет будет хорошо сочетаться с паттерном или абстрактными геометрическими формами, поддерживающими стилистику. Хорошо в таких сочетаниях работают акценты и резкие переходы для форм захвата и CTA.
Примеры с использованием ярких градиентов
Чистые яркие цвета и контрастные сочетания пришли, наверное, из документации Гугл по материал-дизайну. Всё больше применяют дизайнеры подобные сочетания – зачастую проект только выигрывает от этого.
Старайтесь пробовать, экспериментировать и обсуждать совместно решения и вы увидите, как качественно будет меняться ваш уровень. ,
Думаю многие задаются вопросом: а куда вложиться, чтобы приумножить? Таким же вопросом задался и я, поэтому составлю свой топ ниш, в которые я вкладывался и потерял деньги…
Manus — это универсальный ИИ инструмент, который может автономно выполнять задачи в интернете от и до от вашего имени (а не просто отвечать на вопросы или готовить отчеты, пусть и хорошие). По словам разработчиков, им уже воспользовались свыше 10 млн пользователей. Расскажу, что о нем сейчас известно.
Банки начали незаметно снижать ставки по вкладам. Почему это происходит и стоит ли срочно зафиксировать высокий процент, пока не стало слишком поздно?
Если вы считаете, что SEO — это «для кого-то другого», потому что у вас «нестандартный бизнес» (типа металлоконструкций, жд-комплектующих или узкопрофильных B2B-услуг), вы теряете миллионы. Пока контекстная реклама съедает бюджет, а соцсети не дают отдачи, ваши конкуренты уже сидят в топе поиска и собирают заявки почти даром.
МТС Exolve создаёт сложные технологичные продукты на стыке Телеком и IT, стараясь упаковать их в простое решение для бизнеса. Так, команда постоянно работает как над расширением функционала сервисов, так и над удобством использования. Сегодня коротко расскажем о доработках в личном кабинете виртуальной АТС (ВАТС).
Международный женский день появился как день солидарности женщин в борьбе за свои права. Право голоса, право работать, право выбирать, кем быть — всё это не упало с неба, за это приходилось серьёзно бороться. И в IT эта борьба продолжается. Рассказываем, как женщины меняют индустрию и какие ещё барьеры их ожидают.
Классно! Спасибо за статью!)