October 21, 2020

Вплив кольору на сприйняття в Моушн-дизайні.

Кольори є надзвичайно важливим елементом відео, завдяки ним можна більш доцільно передати сенс відео, саме тому треба дуже ретельно підходити до вибору палітри кольорів.

Хоча те, як ми інтерпретуємо кольори, багато в чому пов'язане з нашим сприйняттям, деякі загальні почуття пов'язані з кольорами.

Наприклад, зелений колір зазвичай позначає природу і натуральні продукти.

Знімає гостроту переживань, має пом'якшувальну і розслаблюючим впливом, врівноважує, уособлює свіжість і природність. В силу своїх оптичних характеристик зелений колір найменш втомлює очі.

А червоний - теплий, дратівливий, спонукає до активних дій, стимулює мозкову діяльність, наділяє впевненістю. Червоний візуально зменшує поверхню, забарвлену в цей колір. Символізує енергію і пристрасть.

Помаранчевий - імпульсивний, життєрадісний, створює відчуття благополуччя, «очищає» від неприємних відчуттів.

Жовтий - колір відкритості і товариськості, допомагає легше сприймати нові ідеї і приймати різні точки зору, сприяє кращій самоорганізації. Це найбільш видимий і яскравий колір спектра, він обробляється людським оком в першу чергу.

Синій - допомагає сконцентруватися на найнеобхіднішому, що не розпорошуватися на дрібниці. Синя деталь в логотипі відразу приверне до себе увагу. Цей колір надає заспокійливу дію, звільняє від тривог і страхів.

Фіолетовий - колір внутрішньої зосередженості, натхнення. Він завжди був присутній в одязі королів і духовенства. Мабуть, тому з фіолетовим кольором пов'язані такі характеристики, як таємничість і недоступність. Однак він вважається одним з найважчих для сприйняття кольорів.

Чорний - колір самозанурення і символ витонченості.

Коричневий - викликає відчуття стабільності і реалістичний настрій.

 Ядумаю дизайнери зосередяться на усвідомленому використанні кольору, прагнучи викликати у користувачів необхідні почуття і настрої.

Кольорове коло по Йоганнесу Ітену.

На сьогодні, дизайнери виділяють такі колірні поєднання:

  • морський синій і м'ятний;
  • гірчичний і бежевий;
  • чорний і лайм;
  • рожевий і secret moss;
  • чорний і червоний scarlet;
  • м'який зелений і білий.
  • neo mint
Всі ці комбінації кольорів були взяті за основу на більшості моушн відео, які обрані найкращими за версією Awwwards.
на сьогодні існує безліч гармонійних кольорових схем

Спираючись на потреби замовника, вимоги маркетингу, психологію цільової аудиторії і багато інших аспектів, досвідчений дизайнер може прорахувати оптимальний варіант дизайну, подібно шахісту, якому для перемоги необхідно вміння «думати на крок вперед». Не варто забувати і про те, що (сайту, товару і т.д.) - це перше, що оцінює споживач. За даними психологів, на те, щоб скласти перше враження про продукт / компанію / сайті людина, як правило, витрачає всього 0,02 секунди. Природно, «продавець» зацікавлений в тому, щоб це враження виявилося позитивним.

Отже розберемо декілька відеороликів з 3D анімацією, колір в яких, виглядають органічно і естетично, а так само відеоролики, в яких кольори підібрані погано і від цього страждає все інше відео.

1

Складність роботи в 3D полягає в тому, що вам потрібно не просто вибрати хорошу кольорову гаму, а ще й правильно нанести текстуру на об'єкти, виставити на них світло і так далі. Це дуже ускладнює процес.

1, 3 проект Станіслав Собілев. 2 проект Nikopicto_ident_woodlight от Nikopicto, 4 проект Nike ~ Air Max 2017 от ManvsMachine

Щодо проекту С. Собілева , кольорова гамма виглядає погано. Бляклий, блакитний колір викликає нудно, а в поєднанні з золотом виглядає вульгарно.

  • У сцені(1,3) немає акцентів, які можна робити за допомогою світла і світла.
  • Робота з освітленням слабка. Ні світло-тіньових акцентів, через це фон, підлогу і об'єкти зливаються в одну пляму.
  • Через нудних картинок сцена зовсім втрачає акценти.
  • Глянцевий підлогу виглядає брудним через відбиття і джерел світла, він як дзеркало, яке показує всі недоліки сцени.
  • Взагалі в сцені занадто багато елементів, що відображають, і занадто сильні джерела світла, які відображаються в об'єктах і створюють Пересвіт в деталях, що не можу сказати за сцену 2,4.

Для того, щоб золото виглядало добре, його краще поєднувати з чорним або темним. В цьому випадку золото буде виглядати дорого і круто.

Анимація 2

За кольором тут велика проблема. Автор хотіла показати багатобарвність картинки за рахунок кольору, але проблема в тому, що зараз намішано дуже багато кольорів, і вони конфліктують один з одним. Виглядають брудно. Для вирішення цієї проблеми потрібно створити кольорову палітру і поєднувати тільки ті кольори, які гармонують один з одним. Обмежити кольорову гаму.


Яскраві кольори були основною тенденцією останніх двох років і продовжують домінувати в 2020 році. Глибокі і насичені, яскраві і навіть екстремально яскраві кольори. Їх застосування актуально як в якості первинних, так і вторинних відтінків.

Популярні блакитні і жовті відтінки, проте, всі палітри зводилися

до пастельних тонів.

Краще для сприймання використання в сцені тільки 1 відтінку

1,2 Window Words E4 Ident; 3 Showreel —1 minute of Serial Cut™ moving imagery; 4

Підсумовую все вище перелічене. Для хорошого Моушн-дизайну недостатньо мати гарні кольори або анімацію, всі пункти:

  • композиція;
  • колір;
  • типографіка;
  • сюжет;
  • анімація;
    повинні бути на високому рівні. Тільки в цьому випадку робота буде впливати на глядача і доносити необхідні меседжі.

Я проходжу курси в Майстерні Істаева, що дозволяє відкривати нові можливості.

fb.com/isaevworkshop instagram.com/isaevworkshop