Сегодня вы узнаете, как использовать градиенты для веб-сайта в Adobe XD, из очень полезного руководства. В последней версии Adobe XD были добавлены радиальные градиенты, чтобы дизайнеры могли легко создавать уникальные цветовые эффекты, моделируя источник света или применяя круговой узор, например сделать: Фон градиент светлый. Дизайнеры могут добавлять, удалять и изменять точки цвета с помощью того же интуитивно понятного интерфейса, что и линейные градиенты.
Но почему градиенты?
Тенденции веб-дизайна в последние годы быстро изменились: некоторые вещи на время исчезают, а затем постепенно возвращаются. Так обстоит дело с градиентами. Градиенты возвращаются, и многотональные эффекты во многом определяют современный дизайн. Мы видим, что эта тенденция проявляется на многих веб-сайтах, таких как Spotify.
В эпоху плоского дизайна градиенты полностью исчезли, но мы снова видели их в материальном дизайне Google и только в прошлом году в логотипе Instagram ( посмотрите это видео, чтобы увидеть процесс рестайлинга логотипа).
Что Такое Градиенты?
Градиент — это постепенное наложение одного цвета на другой. Это позволяет дизайнеру почти создать новый цвет.
Он выделяет объекты, добавляя новое измерение дизайну и добавляя реализма объекту. Проще говоря, градиенты добавляют глубины .
С другой стороны, постепенное наложение цвета на белый или черный (и игра с непрозрачностью) может имитировать расстояние от источника света или близость к нему . Градиенты более соответствуют реальному миру, потому что реальная жизнь не состоит из плоских цветов.
Почему Градиенты Ценны Для Дизайнеров?
Как уже упоминалось, градиенты возвращаются, и мы видим их все больше и больше — в том числе в брендинге, иллюстрациях, типографике и пользовательском интерфейсе. Градиенты делают доступным больше цветов, потому что они создают больше цветовых тонов. Градиенты привлекают внимание и запоминаются, потому что они красочные, игривые и создают визуальные эффекты, к которым мы не привыкли. У нас даже нет подходящих слов для определения цветовых градиентов. И, следуя тенденциям 2018 года, мы можем использовать градиенты для создания потрясающих цифровых и графических дизайнов.
Но всегда имейте в виду: не переусердствуйте .
ЛУЧШИЕ ПРАКТИКИ
Не переусердствуйте . Лучший способ создать приятный градиент — использовать два цвета, а не больше трех.
Избегайте противоречивых цветов . Adobe Color CC может помочь вам найти аналогичные, монохроматические, триадные, дополнительные, составные и оттеночные цвета с помощью цветового круга.
Всегда выбирайте источник света . Это поможет вам решить, какие области в градиенте более светлые и темные.
Вам нужно вдохновение, чтобы найти цвета, которые действительно хорошо сочетаются друг с другом? Взгляните на uiGradients . Это поможет вам найти идеальные цвета для ваших градиентов.
Эта статья даст вам представление о том, как цвета работают в дизайне , как их выбирать и что они передают.
Используйте линейный градиент для квадратной или многоугольной области.
Для круглых областей используйте радиальный градиент .
Всегда используйте отдельные формы для цвета заливки и цвета градиента. Таким образом, вы сможете применить градиент к существующему цвету, играя с непрозрачностью для создания различных эффектов.
Работайте с непрозрачностью, чтобы цвет сливался с областями заливки.
Куплю долю в квартире Красноярск