Один з найкращих способів змінити настрій дизайну веб-сторінки - це змінити схему кольорів. Якщо ви збираєтеся використовувати колір, щоб вплинути на настрій, це допоможе зрозуміти колірні сімейства і те, що вони представляють. Колірні сімейства - це ділення колірного кола на три типи кольорів:
- Теплі кольори
- Холодні кольори
- Нейтральні кольори
У той час як можливо мати дизайн, який використовує кольори з усіх трьох сімейств, більшість дизайнів мають загальне відчуття тепла, прохолоди або нейтральності.
Зарядьтеся енергією з теплими квітами
Теплі кольори включають відтінки червоного, помаранчевого і жовтого та варіації цих кольорів. Їх називають теплими квітами, тому що вони викликають відчуття сонячного світла і вогню - теплих речей. Проекти, які використовують теплі кольори, мають тенденцію заряджати енергією і піднімати настрій. Вони мають на увазі пристрасть і позитивні почуття у більшості людей. Теплі кольори, як правило, є квітами творчості, свята, пристрасті, надії та успіху.
Теплі кольори створюються з використанням всього двох кольорів: червоного і жовтого. Ці основні кольори об'єднуються, щоб зробити помаранчевий. Ви не використовуєте прохолодні кольори на теплій палітрі під час змішування кольорів.
Розслабтеся з прохолодними кольорами
До прохолодних кольорів належать відтінки зеленого, синього і фіолетового та їх варіації. Їх називають прохолодними квітами, тому що вони викликають відчуття води, дерев і ночі. Вони викликають почуття розслаблення, спокою і стриманості. Дизайн, який використовує прохолодні кольори, часто розглядається як професійний, стійкий і діловий.
На відміну від теплих кольорів, у прохолодних кольорах є тільки один основний колір - синій. Таким чином, щоб отримати інші кольори на панелі, ви змішуєте трохи червоного або жовтого з синім, щоб отримати зелений і фіолетовий. Це робить зелений і фіолетовий більш теплими, ніж синій, який є чистим прохолодним кольором.
Нейтральні кольори
Нейтральні кольори складаються з коричневого, який є комбінацією всіх трьох основних кольорів, і двох кольорів, що залишилися: чорного і білого. Чим більш каламутний або сірий колір, тим більш нейтральним він стає. Нейтральний дизайн найскладніше визначити, тому що більшу частину відчуттів він викликає від теплих і прохолодних кольорів, які на них впливають. Чорно-білі малюнки вважаються елегантними і витонченими, але оскільки ці кольори настільки різкі, вони можуть бути складними при створенні ефективних веб-дизайнів.
Інший спосіб створити нейтральну палітру - додати чорний або білий колір до теплого або холодного кольору, щоб зробити колір більш сірим.
Використання кольорових сімейств у веб-дизайні
Якщо ви намагаєтеся створити настрій у своєму веб-дизайні, колірні сім'ї допоможуть вам у цьому. Хороший спосіб перевірити це - створити різні палітри в трьох колірних сімействах і порівняти свій дизайн, використовуючи всі три. Ви можете помітити, що весь тон сторінки змінюється при зміні сімейства кольорів.
Ось кілька прикладів палітр, які можна спробувати на своїй веб-сторінці в різних колірних сімействах:
Теплий
- # cc333F, # eb6841, # edc951
- # ffd573, # ff773d, # f73e3e
- # ffe545, #fefbaf, # c2a34f, # fbb829
- # ffab03, # fc7f03, # fc3903, # d1024e
здорово.
- # 69d2e7, # a7dbd8, # e0e4cc
- # 2a044a, # 0b2e59, # 0d6759, # 7ab317, # a0c55f
- # 8ca315, # 5191c1, # 1e6495, # 0a4b75
- # 8fbfb9, # 6493a7, # bddb88, # e0f3b2, # eefaa8
нейтральний
- # d9ceb2, # 948c75, # d5ded9, # 7a6a53, # 99b2b7
- # e6cba5, # ede3b4, # 8b9e9b, # bd7578
- # d8d0c8, # d2d0c8, # cbd0c8, # c4d0c8
- # 182009, # 464b35, # 757661, # d1ccb9