01-ийн 10
Өнгө, Вебийн өнгөт хувилбарыг ойлгох
Вэбсайтад ашиглах дөрвөн үндсэн өнгөт загвар бий. Энэ өгүүллийн хуудас бүр өнгө будгийн зургийг харуулж, мөн та хэрхэн Photoshop-д иймэрхүү схемийг үүсгэж болох юм.
- monochromatic
Нэг ижил өнгөтэй өнгөөр. Тэдгээр нь цагаан эсвэл хар өнгөтэй хэр их ялгаатай байдаг. - адил төстэй
Энэ нь өнгөний хүрд дээр өөр хоорондоо ойрхон өнгө ашигладаг. - нэмэлт
Энэ нь ихэвчлэн "эсрэг" гэж харагддаг бөгөөд нэмэлт өнгөний схемийн хоёр өнгөний өнгөний өнгөн дээр өөр хоорондоо эсрэг байдаг. - гурвалжин
Эдгээр өнгөнүүд нь өнгөт дугуйнууд дээр жигд тархсан байдаг.
Бүх өнгөний схемүүд нь энэ шарыг үндсэн өнгө байдлаар ашиглах болно.
10 дахь нь
Monochromatic Web Color Scheme
Энэ өнгөний схем нь миний үндсэн өнгөт шаргал шарыг ашигладаг ба зарим цагаан, хар өнгөөр будаж, схемийг сүүдэрлэдэг.
- зүүн дээд - үндсэн өнгө # ffe500
- баруун дээд - # fff280 авахын тулд цагаан 50% дүүргэсэн
- зүүн доод - # fff8bf авахын тулд цагаан 75% дүүргэсэн
- баруун доод - 50% хараар дүүргэхийг дүүргэсэн # 7f7200 авах болно
Өнгөний бүдүүвч бүхий өнгөт будалт нь хамгийн энгийн арга юм. Зөөлөн болон сүүдэрт зөөлөн өөрчлөлтүүд нь өнгө урсдаг. Сайтыг илүү уян хатан, хуримтлуулж авахын тулд өнөөгийн өнгөт схемийг ашиглана уу.
03 - 10
More Monochromatic Web Color Scheme
Схемд илүү өнгө авахын тулд хар өнгийн 20% -ийг нэмсэн. Өнгөт хар, цагаан нэмэх нь хуудасны аяыг эвдэхгүйгээр палмет дээр шинэ өнгө үүсгэж болно.
04 - 10
Analogous Web Color Scheme
Энэ өнгөний схем нь шар өнгийн өнгөний өнгийг авдаг бөгөөд Photoshop өнгөт палитрт 30 градусыг нэмдэг.
- зүүн дээд - үндсэн өнгө # ffe500
- баруун дээд - +30 градус # 99ff00 авах
- зүүн доод - -30 градус # ff6600 авах
- баруун доод - 100% цагаан #ffffff
Аналог өнгө нь хамтдаа маш сайн ажиллах боловч заримдаа тэд маш их зөрчилдөж болно. Эдгээр схемийг өөрсдийгөө, гэр бүл, найз нөхдөөсөө илүү олон хүнээр шалгаж үзээрэй. Тэд ажиллаж байхдаа тэд монохроматик схемээс илүү өнгөлөг байдаг сайт боловч бараг л шингэн хэлбэрээр бий болгодог.
05-р сарын 10
More Analogous Web Color Scheme
Схемд илүү өнгө авахын тулд хар өнгийн 20% -ийг нэмсэн.
06-ийн 10
Нэмэлт Веб Өнгөний Схем
Өнгөний бусад схемүүдээс ялгаатай нь өнгөт схемүүд нь зөвхөн хоёр өнгөний хэлбэртэй байдаг. Үндсэн өнгө бөгөөд энэ нь өнгөт дугуйны эсрэг байна. Photoshop нь нэмэлт өнгө авахад хялбар болгодог. Та Ctrl-I цохихыг хүсч байгаа өнгөний хэсгийг сонгоно уу. Photoshop нь танд зориулагдана. Үүнийг давхар давхрага дээр хийхийг анхаараарай, тиймээс та суурь өнгө алдахгүй.
- left - үндсэн өнгө # ffe500
- баруун - нэмэлт # 001aff
Нэмэлт өнгөт схемүүд нь бусад өнгөний схемүүдээс илүү их сонирхолтой байдаг тул анхааралтай хэрэглэх хэрэгтэй. Тэдгээрийг байнга хэрэглэдэг хэсгүүдэд ашигладаг.
10-р хэсэг
Нэмэлт нэмэлт Вебийн өнгөт схем
Энэ хувилбарыг авахын тулд өнгөний доод талыг 50%, цагаан өнгийн хар талыг 30% болгон нэмсэн. Хэрэв та харж байгаа бол энэ нь танд хэд хэдэн сонголтыг өгөх боловч энэ нь нэмэлт өнгөт схем хэвээр байна.
08-ийн 10
Triadic Web Color Scheme
Гурвалжин өнгөний схемүүд нь өнгөний хүрдний эргэн тойронд 3 өнгө буюу түүнээс бага хэмжээтэй байна. Өнгөт дугуй нь 360 градус учраас би өнгөний сонголтоос 120 градусыг нэмэх ба хасахын тулд өнгөний сонголтыг дахин ашиглаж байна.
- зүүн дээд - үндсэн өнгө # ffe500
- баруун дээд - # e500ff авах +120 градус
- зүүн доод - -120 градус # 00ffe6 авах
- баруун доод - 100% цагаан #ffffff
Триадик өнгөт зургууд нь ихэвчлэн маш эрчимтэй вэб хуудсуудыг үүсгэдэг. Гэхдээ нэмэлт өнгөт схемүүд шиг хүмүүс өөр өөрөөр нөлөөлж чадна. Тестийг шалгаарай.
Та мөн өнгөт дугуйны эргэн тойронд өнгөний ижил зайтай байдаг тетрадрик эсвэл дөрвөн өнгөт өнгөний схемүүдийг үүсгэж болно.
10-р сарын 10
Илүү олон Triadic Web Color Scheme
Бусад жишээнүүдээс харахад би 30% хар дөрвөлжинг өнгөөр нэмсэн.
10 - с 10
Хоорондын Вебийн өнгөт схемүүд
Гоо үзэгч нь харагчийн нүдэнд байдаг, гэхдээ бүх өнгө хамтдаа биш гэдгийг харамсалтай явдал юм. Илүүдэл өнгө нь өнгөний дугуй дээр 30 градусаас хол зайд оршдог бөгөөд гурвалжингийн бүрэлдэхүүн хэсэг биш юм.
Ховордлын өнгөт схем нь маш их гайхалтай бөгөөд зөвхөн анхаарал татахад ашигладаг. Эдгээр өнгө нь ихэвчлэн зөрчилддөг тул таны анхаарч буй зүйл таны хайж байгаа зүйл биш байж болно гэдгийг санаарай.