Veb rang tartibini yaratish

01dan 10gacha

Rang va veb-ranglar sxemalarini tushunish

Asosiy rang - xantal sariq. J.Kyrnin tomonidan tasvir

Veb-sayt uchun foydalanishingiz mumkin bo'lgan to'rtta asosiy rang sxemasi mavjud. Ushbu maqolaning har bir sahifasida ranglar sxemasi tasvirini va fotoshopda shunga o'xshash sxema yaratishingiz mumkin.

Barcha rang sxemalari ushbu sariqni asosiy rang sifatida ishlatadi.

02 ning 10

Monoxromatik veb-ranglar sxemasi

Monoxromatik veb-ranglar sxemasi. J.Kyrnin tomonidan tasvir

Ushbu rang sxemasi asosiy rangli xantal sariq rangdan foydalanadi va rangni qisqartirish uchun bir necha oq va qora qo'shimchalar va sxema bo'yicha mos ravishda soya qiladi.

Monoxromatik rang sxemalari ko'pincha barcha rang sxemalarining ko'zlarida eng oson. Tint va soyada yumshoq o'zgarishlar ranglarni bir-biriga yaxshiroq aylantiradi. Saytingizdan ko'proq suyuqlik va yig'ilgan ko'rinish uchun ushbu rang sxemasidan foydalaning.

03 dan 10gacha

Qo'shimcha monoxromatik veb-ranglar sxemasi

Monoxromatik veb-ranglar sxemasi. J.Kyrnin tomonidan tasvir

Sxemada ko'proq rang olish uchun 20% qora kvadrat qo'shilgan. Rangingizga qora yoki oq rang qo'shsangiz sahifa sadolarini buzmasdan paletinizga yangi rang yaratishingiz mumkin.

04/10

Analog Web Ranglar sxemasi

Analog Web Ranglar sxemasi. J.Kyrnin tomonidan tasvir

Ushbu rang sxemasi sariq rangli tayanch rangni oladi va Photoshop ranglar palitrasida 30 daraja rang qo'shadi va chiqaradi.

Shunga o'xshash ranglar juda yaxshi ishlashi mumkin, ammo ba'zan ular yomon nizolarga duch kelishadi. Ushbu sxemalarni o'zingiz, oilangiz va do'stlaringizdan ko'proq odamlarga tekshirib ko'ring. Ular ishlayotganda, monoxromatik sxemadan ko'ra ko'proq rangli sayt yaratadilar, lekin deyarli suyuqlik.

10dan 10gacha

Ko'proq o'xshash veb ranglar sxemasi

Analog Web Ranglar sxemasi. J.Kyrnin tomonidan tasvir

Sxemada ko'proq rang olish uchun 20% qora kvadrat qo'shilgan.

06 dan 10gacha

Qo'shimcha rangli ranglar sxemasi

Qo'shimcha rangli ranglar sxemasi. J.Kyrnin tomonidan tasvir

Qo'shimcha rang sxemalari, odatda, faqat ikkita rangga ega. Asosiy rang va bu rangning g'ildiragiga qarama-qarshi. Photoshop qo'shimcha rangni olishni osonlashtiradi - faqatgina Ctrl-I komponentini istagan rangli maydonni tanlang. Fotoshop uni siz uchun invert qiladi. Buni ikki nusxadagi qatlamda bajarganingizga ishonch hosil qiling, shuning uchun siz asosiy rangingizni yo'qotmaysiz.

Qo'shimcha rang sxemalari ko'pincha boshqa ranglardagi dasturlarga qaraganda ancha ajoyib, shuning uchun ularni diqqat bilan qo'llang. Ular odatda turishi kerak bo'lgan qismlarga ishlatiladi.

07 dan 10gacha

Qo'shimcha qo'shimcha rangli ranglar sxemasi

Qo'shimcha rangli ranglar sxemasi. J.Kyrnin tomonidan tasvir

Ushbu versiyani olish uchun men ranglarning pastki yarmiga 50% oq va markaziy kvadrat uchun 30% qora qo'shdim. Ko'rib turganingizdek, bu sizga bir nechta variantni beradi, biroq u yana bir qo'shimcha rang sxemasi.

08 dan 10gacha

Triadic Web Ranglar sxemasi

Triadic Web Ranglar sxemasi. J.Kyrnin tomonidan tasvir

Triadik rang sxemalari rangli g'ildirak atrofida teng yoki kamroq uch rangdan iborat. Rangli g'ildirak 360 daraja bo'lgani uchun, rang rangini tanlayotgandagi rangni 120 darajaga qo'shib, chiqarib olaman.

Triadik rang sxemalari ko'pincha jonli veb-sahifalarni ishlab chiqaradi. Ammo qo'shimcha ranglar sxemasiga o'xshab, ular boshqalarga ta'sir qilishi mumkin. Viktorina qilishni unutmang.

Shuningdek, tetradik yoki 4 rangli rang sxemalarini yaratishingiz mumkin, unda ranglar rang g'ildiragiga teng masofada joylashgan.

09 dan 10 ga

Yana Triadic Web Color Scheme

Triadic Web Ranglar sxemasi. J.Kyrnin tomonidan tasvir

Boshqa misollarda bo'lgani kabi, qo'shimcha ranglarni olish uchun ranglarga 30% qora kvadrat qo'shdim.

10 dan 10 gacha

Turlicha rangli ranglar

Turlicha rangli ranglar. J.Kyrnin tomonidan tasvir

Go'zallik nafaqat ko'z o'ngida, balki barcha ranglarning bir-biriga qo'shilmasligi shubhali haqiqatdir. Ogohlantiruvchi ranglar - rang tekisligida taxminan 30 darajadan ko'proq bo'lgan va uchlamchi yoki triadning qismi bo'lmagan ranglar.

Turli rang sxemalari juda zararli bo'lishi mumkin va faqat e'tiborni jalb qilish uchun ishlatilishi kerak. Shuni yodda tutingki, bu ranglar tez-tez to'qnashib ketadi, sizning e'tiboringizni qidirayotgan narsangiz to'liq bo'lmasligi mumkin.