01-тен 10-ке дейін
Түсті және веб-түс схемаларын түсіну
Веб-торап үшін пайдалануға болатын төрт негізгі түс схемасы бар. Осы мақаланың әрбір беті түс схемасының суретін және Photoshop бағдарламасында ұқсас схеманы қалай жасауға болатындығын көрсетеді.
- монохроматикалық
Сол түстің түстерін пайдалану. Ақ немесе қара қосылуға байланысты түрлі реңктер немесе реңктер болуы мүмкін. - ұқсас
Бұл түстер дөңгелегіндегі бір-біріне жақын түстерді пайдаланады. - қосымша
Бұл көбінесе «қарама-қарсы» деп қарастырылады, себебі қосымша түстер схемасындағы екі түсті түстер дөңгелегіндегі бір-біріне қарама-қарсы. - үшбұрышты
Бұл түстер түс дөңгелегінде біркелкі бөлінеді.
Барлық түсті схемалар осы сары түспен негізгі түс ретінде пайдаланылады.
02-тен 10-ға дейін
Монохроматикалық веб-түс схемасы
Бұл түс схемасы негізгі түстің қыша сары түстерін пайдаланады және түстерді реңке және көлбеу үшін кейбір ақ пен қара қосады.
- жоғарғы сол - негізгі түстер # ffe500
- жоғарғы оң жақта - # fff280 алу үшін 50% ақ түске толтырылған
- төменгі сол жақта - # fff8bf алу үшін 75% ақ түске толтырылған
- төменгі оң жақта - # 7f7200 алу үшін 50% қара түске толтырады
Монохроматикалық түсті сұлбалар жиі барлық түстік сұлбалардың көзіне түседі. Түстер мен көлеңкелердегі нәзік өзгерістер түстерді бір-біріне жақындатады. Сайтыңыздың сұйықтықты және жиналғанын көрсету үшін осы түс схемасын пайдаланыңыз.
03 10
Монохроматикалық веб-түс схемасы
Схемадағы көбірек түстер алу үшін 20% қара түсті шаршы қосылды. Түстеріңізге қара немесе ақ түстің қосылуы беттің бояуына кедергі келтірместен бояғыштың жаңа түсі жасай алады.
04 of 10
Аналогты Web Color Scheme
Бұл түс схемасы сары түспен негізгі түске ие және Photoshop түс бояғыштарында 30 градусқа түседі.
- жоғарғы сол - негізгі түстер # ffe500
- Жоғарғы оң жақ - +30 градус, # 99ff00 алу үшін
- төменгі сол жақ - -30 градус, # ff6600 алу үшін
- төменгі оң - 100% ақ # ффффф
Аналогтық түстер бір-бірімен жақсы жұмыс істей алады, бірақ кейде олар өте нашар болуы мүмкін. Осы сызбаларды өзіңізден, отбасыңыздан және достарыңызбен салыстырғанда көп адамдармен сынап көріңіз. Олар жұмыс істеген кезде, олар монохроматикалық схемадан гөрі түсі жоғары, бірақ сұйықтық сияқты секілді сайтты жасайды.
05 of 10
Толығырақ ұқсас веб-түс схемасы
Схемадағы көбірек түстер алу үшін 20% -дық қара шаршыға қосылды.
06-дан 10-ке дейін
Қосымша түстер сұлбасы
Қосымша түстер сұлбалары, басқа түстік схемалардан айырмашылығы, әдетте тек екі түсті болады. Негізгі түсті және ол түсті дөңгелектің қарама-қарсы. Photoshop қосымша түстерді алуды жеңілдетеді - тек Ctrl-I-ді толықтыруды қалайтын түсті аймағын таңдаңыз. Photoshop сізге оны инвертирует. Мұны қайталанатын қабатта жасаңыз, сондықтан негізгі түстеріңізді жоғалтпаңыз.
- сол жақ - негізгі түстер # ffe500
- оң - комплекті # 001aff
Қосымша түстер сұлбалары басқа түстер схемаларына қарағанда әлдеқайда қызықты, сондықтан оларға қамқорлықпен пайдаланыңыз. Олар көбінесе бөлектену керек бөліктерде қолданылады.
07 ішіндегі 10
Толықтырылған веб-түс схемасы
Осы нұсқаны алу үшін түстердің төменгі жартысына 50% ақ түсті және 30% қара орталық алаңға қара түсті. Көріп отырғаныңыздай, бұл сізге бірнеше қосымша нұсқаны береді, бірақ ол әлі де қосымша түс схемасы.
08-тен 10-ға дейін
Триадистық веб-түс схемасы
Триадистың түс схемалары түсті дөңгелектердің айналасында бірдей тең немесе одан аз 3 түстен тұрады. Түс дөңгелегі 360 градус болғандықтан, түстер түсіргішінде реңк қорабын негізгі түстен 120 градус қосу және алып тастау үшін қайтадан қолданамын.
- жоғарғы сол - негізгі түстер # ffe500
- жоғарғы оң жақ - # e500ff алу үшін +120 градус
- төменгі сол жақ - -120 градус, # 00ffe6 алу үшін
- төменгі оң - 100% ақ # ффффф
Триадистық түс схемалары көбінесе өте жарқын веб-беттерін шығарады. Бірақ қосымша түстер схемалары сияқты олар адамдарға әр түрлі әсер етуі мүмкін. Тексеруді ұмытпаңыз.
Сондай-ақ, сіз тетрадикалық немесе 4 түсті түсті схемаларды жасай аласыз, онда түстер бірдей түсті дөңгелектің айналасында орналасқан.
09-дан 10-ке дейін
Триаддық веб-түс схемасы
Басқа мысалдар сияқты қосымша түстерді алу үшін түстерге 30% қара шаршы қосылдым.
10-дан 10-ға дейін
Түсініксіз веб-түс схемалары
Сұлулық мінездеушінің көзінде, бірақ бұл барлық гүлдердің бір-бірімен араласпайтыны өкінішті. Дискретті түстер - бұл түстер дөңгелегіндегі шамамен 30 градустан асатын және үшбұрышты немесе үшбұрыштың бөліктері емес түстер.
Түсіндірмейтін түс схемалары өте таңқаларлық болуы мүмкін және тек назар аудару үшін пайдаланылуы керек. Есіңізде болсын, бұл түстер жиі кездесетіндіктен, назар аударуыңыз сіз іздеген нәрсе емес болуы мүмкін.