Veb saytı, elektron ticarəti və ya tətbiqi rəng sxemlərini necə inkişaf etdirmək olar

Vebsayt, Elektron ticarət və ya Tətbiq Rəng Sxemlərini hazırlayın

Brend üçün rəngin əhəmiyyəti haqqında bir neçə məqalə paylaşdıq. Veb sayt, e-ticarət saytı və ya mobil və ya veb tətbiqi üçün bu, eyni dərəcədə vacibdir. Rənglər aşağıdakılara təsir göstərir:

  • Brend haqqında ilkin təəssürat və onun dəyəri – məsələn, dəbdəbəli mallar tez-tez qara rəngdən istifadə edir, qırmızı həyəcanı nəzərdə tutur və s.
  • Satınalma qərarları – brendin etibarı rəng kontrastı ilə müəyyən edilə bilər. Yumşaq rəng sxemləri daha qadına xas və etibarlı ola bilər, sərt təzadlar daha təcili və endirimə əsaslanan ola bilər.
  • İstifadə qabiliyyəti və istifadəçi təcrübəsi - rənglərin psixoloji xüsusiyyəti var və həmçinin fizioloji təsir, istifadəçi interfeysində naviqasiyanı asanlaşdırır və ya çətinləşdirir.

Rəng nə qədər vacibdir?

  • İnsanların 85% -i rəngin aldıqları şeyə böyük təsir etdiyini iddia etdi.
  • Rənglər markanın tanınmasını orta hesabla 80% artırır.
  • Rəng təəssüratı məhsulun qəbulu və ya rədd edilməsinin 60%-nə cavabdehdir.

Veb sayt üçün rəng sxemini təyin edərkən, müşayiət olunan infoqrafikada təfərrüatlı bəzi addımlar var:

  1. İlkin rəng – Məhsul və ya xidmətinizin enerjisinə uyğun rəng seçin.
  2. Fəaliyyət Rəngləri – Aşağıdakı infoqrafikada bu yoxdur, lakin əsas hərəkət rəngini və ikincil hərəkət rəngini müəyyən etmək çox faydalıdır. O, auditoriyanızı rəng əsasında xüsusi istifadəçi interfeysi elementlərinə diqqət yetirməyə öyrədir.
  3. Aəlavə Rənglər - Əlavə seçin tamamlayan rənglər əsas rənginiz, ideal olaraq əsas rənginizi edən rənglər pop.
  4. Arxa plan rəngləri – Veb saytınızın fonu üçün rəng seçin – əsas rənginizdən daha az aqressiv ola bilər. Qaranlıq və işıq rejimində də yadda saxlayın.. getdikcə daha çox sayt işıq və ya qaranlıq rejimdə rəng sxemlərini birləşdirir.
  5. Şrift Rəngləri – Veb saytınızda olacaq mətn üçün rəng seçin – yadda saxlayın ki, bərk qara şrift nadirdir və tövsiyə edilmir.

Məsələn, mənim şirkətim Highbridge insanların birbaşa istifadə edə biləcəyi bir e-ticarət saytı yaratmaq istəyən paltar istehsalçısı üçün onlayn brend hazırladı. paltarları onlayn almaq. Biz hədəf auditoriyamızı, brendin dəyərini başa düşdük və – brend əsasən rəqəmsal olmaqla yanaşı, həm də fiziki məhsula malik olduğundan – biz diqqəti çap (CMYK), parça palitraları (Pantone) üzərində yaxşı işləyən rəng sxemlərinə yönəltdik. rəqəmsal (RGB və Hex).

Bazar araşdırması ilə rəng sxeminin sınaqdan keçirilməsi

Rəng sxemimizi seçmək prosesimiz intensiv idi.

  1. Bizi bir rəngə endirən hədəf auditoriyamızla bir sıra əsas rənglər üzərində marketinq araşdırması etdik.
  2. Hədəf auditoriyamız ilə bir sıra ikinci və üçüncü rənglər üzərində marketinq araşdırması apardıq, burada bəzi rəng sxemlərini daraltdıq.
  3. Biz məhsul maketləri (məhsulun qablaşdırılması, boyun etiketləri və asma etiketlər), eləcə də rəng sxemləri ilə e-ticarət maketləri hazırladıq və onları rəy üçün müştəriyə, eləcə də hədəf auditoriyaya təqdim etdik.
  4. Onların brendi əsasən mövsümilikdən asılı olduğundan, biz də qarışığa mövsümi rəngləri daxil etdik. Bu, xüsusi kolleksiyalar və ya reklamlar və sosial media paylaşımları üçün vizuallar üçün lazımlı ola bilər.
  5. Son sxem üzərində qərarlaşmazdan əvvəl biz bu prosesdən yarım dəfədən çox keçdik.

şkaf52 rəng sxemi

Brend rəngləri açıq çəhrayı və tünd boz olsa da, biz onları inkişaf etdirdik fəaliyyət rəngləri yaşılın kölgəsi olmaq. Yaşıl hərəkət yönümlü rəngdir, ona görə də istifadəçilərimizin gözlərini hərəkət yönümlü elementlərə çəkmək üçün əla seçimdir. Biz ikinci dərəcəli hərəkətlərimiz üçün yaşılın tərsini daxil etdik (ağ fon və mətn ilə yaşıl haşiyə). Biz həmçinin hover hərəkətləri üçün hərəkət rəngində yaşılın daha tünd tonunu sınaqdan keçiririk.

Saytı yenicə işə saldığımızdan biz ziyarətçilərimizin cəlb olunduğu və ən çox qarşılıqlı əlaqədə olduğu elementləri müşahidə etmək üçün siçan izləmə və istilik xəritələrini birləşdiririk ki, bizdə sadəcə yaxşı görünməyən rəng sxemimiz var... o, yaxşı işləyir.

Rənglər, Ağ Boşluq və Element Xüsusiyyətləri

Rəng sxeminin hazırlanması həmişə istifadəçilərin qarşılıqlı əlaqəsini müşahidə etmək üçün onu ümumi istifadəçi interfeysində sınaqdan keçirməklə həyata keçirilməlidir. Yuxarıdakı sayt üçün biz çox spesifik kənarları, dolğunluğu, konturları, sərhəd radiuslarını, ikonoqrafiyanı və yazı tiplərini də daxil etdik.

Hər hansı marketinq və ya məhsul materialları üçün şirkət daxilində paylanması üçün tam brendinq bələdçisi təqdim etdik. Brend ardıcıllığı bu şirkət üçün çox vacibdir, çünki onlar yenidirlər və hazırda sənayedə heç bir məlumatlı deyillər.

Rəng sxemi ilə nəticələnən elektron ticarət saytı budur

  • Closet52 - Onlayn paltarlar alın
  • Closet52 Kolleksiyalar Səhifəsi
  • Closet52 Məhsul Səhifəsi

Closet52-i ziyarət edin

Rəngdən istifadə qabiliyyəti və rəng korluğu

Saytınızın elementləri arasında rəng kontrastı üçün yararlılıq testini unutmayın. istifadə edərək sxeminizi sınaqdan keçirə bilərsiniz Vebsayt Əlçatanlıq Test Aləti. Rəng sxemimizlə biz bilirik ki, yolda işləyəcəyimiz bəzi kontrast problemlərimiz var və ya hətta istifadəçilərimiz üçün bəzi seçimlərimiz ola bilər. Maraqlıdır ki, hədəf auditoriyamız ilə rəng problemlərinin olma ehtimalı kifayət qədər aşağıdır.

Rəng korluğu, rəngli olmayan əlil istifadəçilərin ayırd edə bildiyi bəzi rənglər arasındakı fərqləri qavramaq qabiliyyətinin olmamasıdır. Rəng korluğu haqqında təsir edir kişilərin beş-səkkiz faizi (təxminən 10.5 milyon) və qadınların bir faizindən azdır.

Uyğunluq.gov

WebsiteBuilderExpert komandası bu infoqrafik və ətraflı müşayiət olunan məqaləni bir araya gətirdi Vebsaytınız üçün Rəngi ​​Necə Seçmək olar bu son dərəcə hərtərəfli.

Veb saytınız üçün rəng sxemini necə seçmək olar