Перейти к содержимому
  • Подбор цветовой схемы лендинга

       (6 отзывов)

    Евгений Зубов
    • 19 4,25,2,6,20,3,26,27,28,29 4,6,32 https://creatura.club/uploads/monthly_2016_06/19_%D0%9F%D0%BE%D0%B4%D0%B1%D0%BE%D1%80_%D1%86%D0%B2%D0%B5%D1%82%D0%BE%D0%B2%D0%BE%D0%B9_%D1%81%D1%85%D0%B5%D0%BC%D1%8B_%D0%BB%D0%B5%D0%BD%D0%B4%D0%B8%D0%BD%D0%B3%D0%B0.mp4.259d22d9e917c8e186582da3f52fc1fd.mp4 18 До 30 минут Евгений Зубов display: none; https://creatura.club/uploads/ Высокая сложность display: none;
      1. Выберите удобный способ подбора цветовой схемы сайта
      2. Примените выбранный способ к цветовым образцам
      3. Приложите скриншот первого экрана с уже подобранными цветами

      Когда вы перенесете макет из Balzamig в Adobe Muse,  будет готово текстовое наполнение, будет создан логотип, и в целом у вас будет еще огромное количество работы, вы столкнетесь с подбором цветовой схемы. Цветовая схема – это определенный набор цветов, который полностью описывает дизайн лендинга. В своих работах я использую достаточно ограниченный список сервисов, позволяющих использовать цветовые схемы, но их будет более чем достаточно.

      1. color.adobe.com
        Его задача заключается в подборе оттенков и цветов к конкретному цвету. Достаточно передвигать бегунок в цветовом блоке, чтобы сервис автоматически подобрал оттенки. Также есть выбор разных цветовых систем. По умолчанию включена "Последовательная".

        Это значит, что в зависимости от движения бегунка остальные объекты на цветовом круге будут расположены именно таким образом. Если выберем "Монохромную", то все остальные элементы несколько изменят свое положение.

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

        Открыв фотографию, сервис может определить так называемое "Цветовое настроение" и подбирать идеально сочетаемые цвета. Если вы испытываете проблему даже с подбором базового оттенка, то с помощью этого сервиса вы решите данную проблему, загрузив понравившуюся фотографию.
         
      2. Colllor.com
        Фишка сервиса в том, что он позволяет быстро подобрать схожие оттенки к уже имеющимся. Сервису нужно сообщить hex-код – это название какого-либо цвета или оттенка на языке машины. Его вы можете получить прямо Adobe Muse. Просто нажимаете на предмет, переходите в настройки заливки, копируете его, вставляете в сервис данный код.

        Далее пройдет некоторое время, сервис предложит все разнообразие оттенков от самого темного до самого светлого. Ваша задача, используя курсор, проводить по лесенке и сравнить оттенки с исходным. Все внимание должно быть обращено под двигающийся курсор на пару кругов. Таким образом вы можете подобрать либо более светлый, либо более темный оттенок. Самое главное – благодаря данному сервсу вы никогда не столкнетесь с неестественно подобранными цветами на своем сайте.
         
      3. flatcolors.net
        Здесь есть уже подобранная коллекция цветов. Пролистывая страницу, вы можете подобрать базовый оттенок для сайта. Щелкаете на цвете, у вас копируется hex-код. Далее мы можем перейти в предыдущий сервис и подобрать дополнительные оттенки и цвета.

      Но для нас все-таки самое главное – научиться переносить цветовую схему в программу Adobe Muse. В программе есть функция "цветовой набор". Он также есть в adobecolors. На странице представлены наборы цветов, которые ранее выбирали люди. Вы можете выбрать какие-то из них.

      В поисковой строке можно набрать на английском языке название темы вашего сайта, например, kids. После этого нажимаем Enter, а программа автоматически предоставит достаточно большое количество разнообразных сочетаний цветов, подходящих к данной тематике.

      Чтобы перенести в Muse цветовую схему, сделайте скриншот определенной схемы. Далее скопируйте палитру, зайдите в программу и нажмите "Вставить". Далее эту цветовую палитру нужно перевести в палитру программы. Переходим в "Образцы", удаляем все установленные по умолчанию, нажимаем в данной области и выбираем "Удалить все неиспользуемые образцы". У вас останется 4 образца: черный, белый, серый и отсутствие цвета.

      Далее мы переходим в параметры заливки, нажимаем на стрелку, указывающую вниз, и, используя пипетку, по очереди выбираем каждый цвет с палитры. Сначала берем первый, щелкаем на него, пипетка окрашивается в данный цвет, нажимаем на кнопку "Создать новый оттенок" – "Ок". Это действие повторяем с каждым цветом.

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

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


      Жалоба


    Отзывы пользователей


    Слава Баранов

    Нет видео

    Поделиться отзывом


    Ссылка на отзыв

    Видео не проигрывается, очень жаль

    3.png

    Поделиться отзывом


    Ссылка на отзыв
    Genka

    +

    Поделиться отзывом


    Ссылка на отзыв
    Гость Падалко Сергей

    Видео не проигрывается, а урок интересный

    Поделиться отзывом


    Ссылка на отзыв
    Дмитрий Жуков

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

    2016.09.14_02.png

    Поделиться отзывом


    Ссылка на отзыв

×