Veb-sayt, elektron tijorat yoki ilovalarning rang sxemalarini qanday ishlab chiqish mumkin

Veb-sayt, elektron tijorat yoki ilovalarning rang sxemalarini ishlab chiqing

Biz brendga nisbatan rangning ahamiyati haqida bir nechta maqolalarni baham ko'rdik. Veb-sayt, elektron tijorat sayti yoki mobil yoki veb-ilova uchun bu juda muhim. Ranglar quyidagilarga ta'sir qiladi:

  • Brend haqidagi dastlabki taassurot va uning qiymati - masalan, hashamatli tovarlar ko'pincha qora rangdan foydalanadi, qizil rang hayajonni anglatadi va hokazo.
  • Sotib olish bo'yicha qarorlar - brendning ishonchini rang kontrasti bilan aniqlash mumkin. Yumshoq rang sxemalari ko'proq ayollik va ishonchli bo'lishi mumkin, qattiq kontrastlar shoshilinch va chegirmaga asoslangan bo'lishi mumkin.
  • Foydalanish qulayligi va foydalanuvchi tajribasi - ranglar psixologik xususiyatga ega va fiziologik ta'sir ham foydalanuvchi interfeysida harakat qilishni osonlashtiradi yoki qiyinlashtiradi.

Rang qanchalik muhim?

  • Odamlarning 85% rangi ular sotib olgan narsaga katta ta'sir ko'rsatishini ta'kidladi.
  • Ranglar brendning tan olinishini o'rtacha 80% ga oshiradi.
  • Rangli taassurot mahsulotni qabul qilish yoki rad etishning 60% uchun javobgardir.

Veb-sayt uchun rang sxemasini aniqlashda, ilova qilingan infografikada batafsil tavsiflangan ba'zi qadamlar mavjud:

  1. Birlamchi rang – Mahsulotingiz yoki xizmatingiz energiyasiga mos rangni tanlang.
  2. Harakat ranglari – Quyidagi infografikada bu yo‘q, lekin asosiy harakat rangi va ikkilamchi harakat rangini aniqlash juda foydali. Bu sizning auditoriyangizni rangga asoslangan foydalanuvchi interfeysining muayyan elementlariga e'tibor berishga o'rgatadi.
  3. Aqo'shimcha ranglar - Qo'shimchani tanlang to'ldiradigan ranglar sizning asosiy rangingiz, ideal rang sizning asosiy rangingizni yaratadigan ranglardir pop.
  4. Fon ranglari – Veb-saytingiz foni uchun rangni tanlang – asosiy rangingizdan kamroq tajovuzkor bo‘lishi mumkin. Qorong'i va yorug'lik rejimini ham yodda tuting.. Ko'proq saytlar yorug'lik yoki qorong'i rejimda rang sxemalarini o'z ichiga oladi.
  5. Shrift ranglari - Veb-saytingizda bo'ladigan matn uchun rangni tanlang - esda tutingki, qattiq qora shrift kamdan-kam uchraydi va tavsiya etilmaydi.

Misol tariqasida mening kompaniyam Highbridge to'g'ridan-to'g'ri iste'molchiga mo'ljallangan elektron tijorat saytini qurmoqchi bo'lgan kiyim ishlab chiqaruvchisi uchun onlayn brend ishlab chiqdi. ko'ylaklarni onlayn sotib oling. Biz maqsadli auditoriyamizni, brendning qiymatini tushundik va brend asosan raqamli bo‘lgani uchun, lekin ayni paytda jismoniy mahsulotga ega bo‘lgani uchun biz bosma nashrlarda (CMYK), mato palitralarida (Pantone) yaxshi ishlaydigan rang sxemalariga e’tibor qaratdik. raqamli (RGB va Hex).

Bozor tadqiqotlari yordamida ranglar sxemasini sinab ko'rish

Bizning rang sxemasini tanlash jarayoni jadal kechdi.

  1. Biz maqsadli auditoriyamiz bilan bir qator asosiy ranglar bo'yicha marketing tadqiqotlarini o'tkazdik, bu bizni bitta rangga qisqartirdi.
  2. Biz maqsadli auditoriyamiz bilan bir qator ikkilamchi va uchinchi darajali ranglar bo'yicha marketing tadqiqotlarini o'tkazdik, bunda biz ba'zi rang sxemalarini toraytirdik.
  3. Biz mahsulot maketlarini (mahsulotni qadoqlash, bo'yin teglari va osilgan teglar), shuningdek rang sxemalari bilan elektron tijorat maketlarini yaratdik va ularni mijozga, shuningdek, maqsadli auditoriyaga fikr-mulohazalarini taqdim etdik.
  4. Ularning brendi asosan mavsumiylikka bog'liq bo'lganligi sababli, biz mavsumiy ranglarni ham aralashga kiritdik. Bu reklama va ijtimoiy media aktsiyalari uchun maxsus to'plamlar yoki vizuallar uchun foydali bo'lishi mumkin.
  5. Yakuniy sxema bo'yicha qaror qabul qilishdan oldin biz bu jarayondan yarim o'nlab marta o'tdik.

shkaf52 rang sxemasi

Brend ranglari ochiq pushti va to'q kulrang bo'lsa-da, biz uni ishlab chiqdik harakat ranglari yashil rangning soyasi bo'lish. Yashil rang - bu harakatga yo'naltirilgan rang, shuning uchun foydalanuvchilarning ko'zlarini harakatga yo'naltirilgan elementlarga jalb qilish uchun ajoyib tanlov bo'ldi. Biz ikkilamchi harakatlarimiz uchun yashil rangning teskarisini kiritdik (oq fon va matnli yashil chegara). Shuningdek, biz kursor ustidagi harakatlar uchun harakat rangida yashilning quyuqroq soyasini sinab ko‘rmoqdamiz.

Biz saytni endigina ishga tushirganimizdan beri biz tashrif buyuruvchilarni o'ziga tortadigan va ular bilan eng ko'p o'zaro aloqada bo'ladigan elementlarni kuzatish uchun sichqonchani kuzatish va issiqlik xaritalarini o'rnatdik, bu nafaqat yaxshi ko'rinadigan ranglar sxemasiga ega bo'lishimiz uchun ... u yaxshi ishlaydi.

Ranglar, oq bo'shliq va elementlarning xarakteristikalari

Rang sxemasini ishlab chiqish har doim foydalanuvchilarning o'zaro ta'sirini kuzatish uchun uni umumiy foydalanuvchi interfeysida sinab ko'rish orqali amalga oshirilishi kerak. Yuqoridagi sayt uchun biz juda aniq chegaralar, to'ldirish, konturlar, chegara radiuslari, ikonografiya va shriftlarni ham o'z ichiga oldik.

Biz kompaniya uchun har qanday marketing yoki mahsulot materiallari uchun ichki tarqatish uchun to'liq brending qo'llanmasini yetkazib berdik. Brend barqarorligi bu kompaniya uchun juda muhim, chunki ular yangi va hozirda sohada hech qanday xabardorlikka ega emaslar.

Mana rang sxemasiga ega bo'lgan elektron tijorat sayti

  • Closet52 - Onlayn liboslarni sotib oling
  • Closet52 to'plamlari sahifasi
  • Closet52 mahsulot sahifasi

Closet52 ga tashrif buyuring

Rangdan foydalanish va rang ko'rligi

Saytingiz elementlari bo'ylab ranglar kontrasti uchun yaroqlilik testini unutmang. yordamida sxemangizni sinab ko'rishingiz mumkin Veb-saytga kirish imkoniyatini tekshirish vositasi. Bizning rang sxemamiz bilan bizda kontrast bilan bog'liq muammolar borligini bilamiz, biz yo'lda ishlaymiz yoki hatto foydalanuvchilarimiz uchun ba'zi variantlarga ega bo'lishimiz mumkin. Qizig'i shundaki, maqsadli auditoriyamiz bilan rang muammolari ehtimoli juda past.

Rang ko'rligi - bu rangsiz foydalanuvchilar ajrata oladigan ba'zi ranglar orasidagi farqlarni sezmaslik. Rang ko'rligi taxminan ta'sir qiladi erkaklarning besh-sakkiz foizi (taxminan 10.5 million) va ayollarning bir foizidan kamrog'i.

Usability.gov

WebsiteBuilderExpert jamoasi ushbu infografikani va batafsil qo'shimcha maqolani to'pladi Veb-saytingiz uchun rangni qanday tanlash mumkin bu juda chuqur.

Veb-saytingiz uchun rang sxemasini qanday tanlash mumkin