Колірні тренди в сучасному веб-дизайні

Размещено на http://www.allbest.ru/

УДК [7.05:004.5]

Харківська державна академія дизайну і мистецтв

КОЛІРНІ ТРЕНДИ В СУЧАСНОМУ ВЕБ-ДИЗАЙНі

О.В. Вакуленко

м. Харків

Постановка проблеми. У дизайні веб-сайтів існують тенденції, що змінюються в результаті впливу трендів. Останніми роками, починаючи з 2000 р., веб-дизайн розвивається й еволюціонує надзвичайно стрімко, тому й колірні тренди змінюються швидко. Їх дослідження є актуальним, оскільки репліки від моди та дизайну інтер'єру най- сильніше впливають на вибір кольорової схеми у веб-дизайні й на колірні тенденції загалом. Колірна гама є індивідуальною для кожного сайта. Як спосіб приваблення користувачів, дизайнери іноді використовують різкі контрасти кольорів, які основуються на сучасних тенденціях у дизайні. Це дослідження надає розуміння, як сприймається візуальне оформлення сторінок сайта багатьма користувачами, як впливає на зовнішнє сприйняття.

Розвідка є частиною держбюджетної теми «Феномен цифрового мистецтва в художньо-комунікативному просторі посткласичної культури». Матеріали статті можна використовувати для подальших досліджень веб-дизайну, а також під час лекційних занять з веб-дизайну для студентів дизайнерських спеціальностей.

Аналіз останніх досліджень і публікацій. У дослідженні використано одну з найзначиміших праць із кольорознавства -- відомого французького вченого Ж. Агостона «Теорія кольору та її застосування в мистецтві і дизайні», у якій подані кольорові характеристики світла, методи визначення кольору та основні кольорові системи [1]. Особливий інтерес з точки зору дослідження проблеми становить праця одного із засновників Баухауза І. Іттена. Він створив свою теорію, об'єднавши в ній знайдені раніше закономірності, модернізувавши інструмент колірного кола -- розширив уявлення про функції додаткових кольорів і колірних контрастів [2]. На основі багатолітніх досліджень сприйняття кольору й форми відомого російського дослідника-експериментатора у сфері психофізіології сприйняття мистецтва М. В. Матюшина виявлено кольорову систему, на основі якої проаналізовано останні тренди у веб-дизайні [3]. Розділи з психології кольору та прогнозування вибору кольорової гами знаходимо в розвідці відомих дизайнерів Тіни Саттон та Брайд Вілен [4]. Спільна праця Сіна Адамса, Террі Лі Стоуна й Тіни Моріоки виявила, що колір -- це елемент, який максимально близький людині та визначає ідентифікацію об'єкта Культура України. Випуск 56. 2017 аудиторією [6]. Л. А. Сухорукова, кандидат мистецтвознавства, зауважує, що будь-який предмет дизайну має характеристики (колір, ритм, пластика тощо), що є інструментами для різних емоцій та образів, які визначають світосприйняття людини [5].

У статті колективу сайта Awwwards та UXPin наведено візуальні приклади кольорових схем і палітр сучасних трендів вебдизайну [7, 8].

Мета статті -- проаналізувати стан наукової літератури та прикладних досліджень, які стосуються сучасних колірних трендів; на основі даних досліджень виокремити й класифікувати окремі колірні схеми веб-сайтів для кращого розуміння їх впливу на увагу користувача в інтернет-середовищі та методи побудови ієрархічної структури веб-сторінок за допомогою кольору.

Виклад основного матеріалу дослідження. Вибір колірної гами для проектування сторінок веб-сайта -- надзвичайно важливий крок під час розробки дизайну сайта. Подальший успіх ресурсу багато в чому залежить від того, наскільки правильно підібрана палітра та наскільки добре вона поєднується з контекстом. Колірна гама є індивідуальною для кожного сайта. Як спосіб приваблення користувачів на сайт дизайнери використовують різкі зміни кольорів, що основуються на сучасних тенденціях у дизайні. Веб-сайт є складовою візуальної комунікації, особливістю якої є те, що наш зір надає нам найбільший обсяг інформації, а в масовому виробництві передача повідомлення за допомогою зорових, візуальних засобів є дуже ефективною [5, с. 130]. Одним із цих засобів є колір.

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

Колір використовують дизайнери у фізичному та цифровому світах. Мета всієї конструкції сайта -- взаємодія з користувачем. Колірні тенденції в реальному світі та цифрових проектах пов'язані: поки колір є популярною тенденцією загалом, він існуватиме протягом усього періоду роботи веб-сайта.

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

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

Дизайнери намагаються використовувати веб-безпечні кольори (їх 216). Тому концепція веб-безпечних кольорів виявилася недієздатною після того, як представники концерну W3Schools провели опитування користувачів у 2014 р. і виявили, що більше 98% з-поміж них мали пристрої, здатні відображати мільйони кольорів. Це спричинило відхід технології в минуле, яка гальмувала розвиток колірних тенденцій. У цей же час Retina-дисплеї та інші пристрої високої чіткості набули популярності, як і пласка конструкція (тенденція, що нині існує і успішно розвивається). Остання прийнята не для всіх сайтів, багатий вибір кольору й емоцій користувачі відчувають у процесі взаємодії з відтінками у пласкій конструкції, що було основною метою дизайнерів, і можна вважати -- вона успішно досягнута.

Кольори плаского дизайну розвивалися й пом'якшувалися, а також адаптувалися до різних інших проектів. Ці яскраві, насичені, глибокі відтінки часто можна спостерігати в колірних палітрах, що містять 2:59 кольору (які безпосередніше, ніж експансивні палітри, пов'язані з пласкою конструкцією), щоб створити сильний акцент, протиставляючи елемент або центральну точку.

У досліджені простежено та проаналізовано останні тенденції вебдизайну на таких ресурсах, як AWWWARDS, TheFwa, Dribble та ін. Виявлено 10 трендових кольорових схем сучасних сайтів, які розподілено на три основні групи, а саме: монохроматична, багатоколірна та група сайтів із використанням градієнтів.

Перша група монохроматичних схем:

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

Сайт із використанням одноколірних схем

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

Приклад використання одноколірної ахроматичної

3. Ахроматична схема з контрастом окремих елементів. Використовуються білі, чорні, сірі кольори та в незначній кількості яскравий хроматичний колір, наприклад, червоний. Сайт виглядатиме графічним, стильним з різким контрастом

Приклад використання ахроматичної схеми з контрастом окремих елементів

4. Нейтральна схема. Використовується гама, що була приглушена або нейтралізована додаванням, доповненням чорного кольору. Приглушені, скромні тони, такі як кремові й сірі, утворюють спокійне тло для сучасного веб-сайта. У нейтральній схемі на перший план поміщаються зображення та фотографії, що допомагає концентрувати увагу користувача на головному

Культура України. Випуск 56. 2017 6. Контрастна схема. Поєднання контрастних кольорів створює своєрідну вібрацію, живий драматичний ефект. Яскравими та насиченими виглядають королівський червоний і синій на сайті Fivefootsix, «розбавлені» білими елементами, щоб композиція веб-сторінки не була занадто яскравою.

Приклад використання контрастної схеми

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

Приклад використання схеми із додаткових кольорів

8. Роздільно-додаткова схема кольорів. Складається з однієї гами та двох гам з обох сторін її доповнення. У ній наявні гармонійні колірні поєднання і приємні для ока контрасти.

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

Третя група -- з використанням градієнтів.

Створюється дедалі більше сайтів, де градієнт є одним із головних елементів дизайну. Деякі із цих сайтів виглядають респектабельно, використовуючи градієнт як фонове зображення. Градієнти набувають поширення у веб-дизайні, але не зовсім у тому вигляді, у якому вони були представлені за часів панування Веб 2.0. Вони витонченіші, прекрасно поєднуються з елементами плаского й матеріального дизайну, а також із векторними ілюстраціями. У деяких сайтах можна спостерігати накладання градієнта поверх фотографії, що робить її ефектнішою. Не має значення, яким буде градієнт (лінійним або радіальним), оскільки плавні колірні переходи дозволяють використовувати різні відтінки та їх комбінації для того, щоб привернути увагу користувача (Рис. 10).

Яскраві кольорові тенденції 2015-2017 рр. відрізняються їхньою здатністю до балансування між задоволенням і професіоналізмом.

Бренди нині використовують кольори стратегічним чином: не відмовляючись від своєї індивідуальності, просто створюють модний сайт, тому що дизайнери використовують сучасні кольорові тренди спільно з існуючими елементами.

Висновки

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

Культура України. Випуск 56. 2017 Під час дослідження сучасних веб-сайтів 2014-2017 рр. виявлено 10 колірних трендів і розподілено їх на 3 групи кольорових схем: монохроматична, багатоколірна та група сайтів з використанням градієнтів. А це означає, що сучасні колірні тренди значно еволюціонували за останні роки. Вони стали гармонійними та мають велику кількість відтінків у колірній палітрі. Дедалі рідше використовуються яскраві та контрастні палітри. Замість чистих кольорів застосовуються складніші, приглушеніші кольори та градієнти з плавними переходами.

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

Список використаних джерел

1. Агостон Ж. Теория цвета и ее применение в искусстве и дизайне: Пер. с англ. / Ж. Агостон. -- М. : Мир, 1982. -- 184 с.

2. Иттен Иоханнес. Искусство цвета / Иоханнес Иттен. -- М. : Издатель Д. Аронов, 2000. -- 95 с.

3. Матюшин М. В. Справочник по цвету. Закономерность изменяемости цветовых сочетаний. / М. В. Матюшин. -- М. : Издатель Д. Аронов, 2007. -- 72 с.

4. Саттон Тина. Гармония цвета: Полное руководство по созданию цветовых комбинаций / Т. Саттон, Б. Вилен. -- М. : ООО «Издательство Астрель»: ООО «Издательство «АСТ», 2004. -- 215 с.

5. Сухорукова Л. А. Дизайн візуальних комунікацій: основні поняття та особливості / Л. А. Сухорукова // Дизайн-освіта 2009: сучасна концепція дизайн-освіти України : зб. матеріалів міжнар. наук.-метод. конф. проф.-викл. складу і молодих учених в рамках V міжнар. форуму «Дизайн-освіта 2009», 27-29 квіт. 2009 р., м. Харків / Харків. держ. акад. дизайну і мистецтв. -- Харків, 2009. -- Ч. 1. -- С. 128-131.

6. Терри Ли Стоун, Син Адамс, Норин Мориока. Дизайн цвета. Практикум: Практическое руководство по применению цвета в графическом дизайне / Терри Ли Стоун, Син Адамс, Норин Мориока. -- М. : Издательский дом РИП-холдинг, 2006. -- 240 с.

Анотація

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

Ключові слова: колір, кольорова схема, колірний тренд, колірна палітра, кольорознавство.

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

Ключевые слова: цвет, цветовая схема, цветовой тренд, цветовая палитра, цветоведение.

The article analyses the sources on the basis of which the latest trends in colour of web design have been revealed, the influence of colour schemes in web design has been studied. The author discusses the importance of different colour schemes, classifies their groups, and gives examples of the use of these colours. The author analyzes the way tincture, saturation, tones affect the perception of colour palette in the virtual environment of the Internet. Recommendations are given for creating effective colour palettes that can be used in modern websites. After identifying the main colour, the appropriate colour palette is recommended for a harmonious combination.

Размещено на Allbest.ru