Конверзија на бои
#726781
Варијации
Целта на овој дел е точно да се произведат нијанси (додадено чисто бело) и сенки (додадено чисто црно) на избраната боја во инкременти од 10%.
Про Совет: Користи сенки за hover состојби и сенки, нијанси за акценти и позадини.
Сенки
Потемни варијации создадени со додавање на црно на твојата основна боја.
Нијанси
Посветли варијации создадени со додавање на бело на твојата основна боја.
Чести случаи на употреба
- • Состојби на UI компоненти (hover, активен, оневозможен)
- • Создавање длабочина со сенки и акценти
- • Изградба на конзистентни системи на бои
Совет за дизајн систем
Овие варијации ја формираат основата на кохезивна палета на бои. Извези ги за да одржиш конзистентност низ целиот проект.
Комбинации на бои
Секоја хармонија има своја атмосфера. Користи хармонии за да размислуваш за комбинации на бои кои добро се вклопуваат заедно.
Како да се користи
Кликни на било која боја за да ја копираш нејзината hex вредност. Овие комбинации се математички докажани за да создадат визуелна хармонија.
Зошто е важно
Хармониите на бои создаваат баланс и предизвикуваат специфични емоции во твоите дизајни.
Комплемент
Боја и нејзината спротивна на тркалото на бои, +180 степени на нијанса. Висок контраст.
Сплит-комплементарни
Боја и две соседни на нејзиниот комплемент, +/-30 степени на нијанса од вредноста спротивна на главната боја. Смели како директен комплемент, но пофлексибилни.
Тријадни
Три бои рамномерно распоредени на тркалото на бои, секоја 120 степени на нијанса оддалечена. Најдобро е да се дозволи една боја да доминира, а другите да се користат како акценти.
Аналогни
Три бои со иста осветленост и заситеност со нијанси кои се соседни на тркалото на бои, 30 степени оддалечени. Мазни транзиции.
Монохроматски
Три бои со иста нијанса со вредности на осветленост +/-50%. Суптилни и рафинирани.
Тетрадни
Два сета на комплементарни бои, одделени со 60 степени на нијанса.
Принципи на теорија на бои
Баланс
Користи една доминантна боја, поддржи со секундарна и акцентирај умерено.
Контраст
Обезбеди доволен контраст за читливост и пристапност.
Хармонија
Боите треба да работат заедно за да создадат унифицирано визуелно искуство.
Проверувач на контраст на бои
Тестирај комбинации на бои за да се осигураш дека ги исполнуваат WCAG стандардите за пристапност за читливост на текстот.
Контраст
WCAG стандарди
Напреден проверувач на контраст
Фино прилагодување со лизгачи, повеќе прегледи и повеќе
Секој е гениј. Но ако судиш риба по нејзината способност да се качува на дрво, ќе го помине целиот живот верувајќи дека е глупава.
Технички формати
Истражи напредни претстави на боен простор и професионални модели на бои користени во видео продукција, фотографија, научни апликации и системи за управување со бои. Овие технички формати обезбедуваат прецизни спецификации на бои за специјализирани индустрии и апликации.
Практични формати
Конвертирај бои во практични формати за реални апликации вклучувајќи симулација на печатење, LED дисплеи, терминален излез и кодирање на податоци. Овие формати ти помагаат да имплементираш бои низ различни медиуми, платформи и физички уреди.
Анализа на боја
Анализирај ги својствата на бојата со напредни метрики вклучувајќи спектрална композиција, чистота на боја, ефекти на метамеризам и перцептивни карактеристики. Овие алатки обезбедуваат длабоки увиди во однесувањето и изгледот на бојата под различни услови на гледање.
Симулатор за слепило
Провери како бојата се перципира од луѓе со различни типови на слепило за бои за да создадеш подостапни дизајни. Разбирањето на перцепцијата на боите помага да се осигура дека твојата содржина е достапна за сите.
Креативни аспекти
Истражи ги уметничките и психолошките димензии на боите, вклучувајќи сезонски асоцијации, емоционално влијание, природни појави, историски пигменти и рецепти за мешање на бои за креативни апликации.