Cara Membangunkan Skim Warna Laman Web, E-dagang atau Aplikasi

Bina Laman Web, E-dagang atau Skim Warna Apl

Kami telah berkongsi beberapa artikel tentang kepentingan warna berkenaan dengan jenama. Untuk tapak web, tapak e-dagang atau aplikasi mudah alih atau web, ia sama pentingnya. Warna mempunyai kesan kepada:

  • Tanggapan awal jenama dan nilainya – contohnya, barangan mewah selalunya menggunakan warna hitam, merah menyiratkan keseronokan, dsb.
  • Keputusan pembelian – kepercayaan sesuatu jenama mungkin ditentukan oleh kontras warna. Skim warna lembut mungkin lebih feminin dan boleh dipercayai, kontras yang keras mungkin lebih mendesak dan didorong diskaun.
  • Kebolehgunaan dan pengalaman pengguna - warna mempunyai psikologi dan kesan fisiologi juga, menjadikannya lebih mudah atau lebih sukar untuk menavigasi antara muka pengguna.

Betapa Pentingnya Warna?

  • 85% orang mendakwa bahawa warna mempunyai pengaruh besar pada apa yang mereka beli.
  • Warna meningkatkan pengiktirafan jenama secara purata sebanyak 80%.
  • Kesan warna bertanggungjawab untuk 60% daripada penerimaan atau penolakan sesuatu produk.

Apabila menentukan skema warna untuk tapak web, terdapat beberapa langkah yang diperincikan dalam maklumat grafik yang disertakan:

  1. Warna primer – Pilih warna yang sesuai dengan tenaga produk atau perkhidmatan anda.
  2. Warna Tindakan – Ini tiada daripada maklumat grafik di bawah, tetapi mengenal pasti warna tindakan utama dan warna tindakan sekunder sangat membantu. Ia mendidik khalayak anda untuk menumpukan pada elemen antara muka pengguna tertentu berdasarkan warna.
  3. AWarna tambahan – Pilih tambahan warna yang melengkapi warna utama anda, sebaik-baiknya warna yang menjadikan warna utama anda pop.
  4. Warna Latar Belakang – Pilih warna untuk latar belakang tapak web anda – mungkin kurang agresif daripada warna utama anda. Ingat juga dalam mod gelap dan terang.. semakin banyak tapak yang menggabungkan skema warna pada mod terang atau gelap.
  5. Warna Muka Taip – Pilih warna untuk teks yang akan berada di tapak web anda – ingat bahawa muka taip hitam pejal jarang berlaku dan tidak disyorkan.

Sebagai contoh, syarikat saya Highbridge membangunkan jenama dalam talian untuk pengeluar pakaian yang ingin membina tapak e-dagang terus kepada pengguna di mana orang ramai boleh membeli pakaian dalam talian. Kami memahami khalayak sasaran kami, nilai jenama dan - kerana jenama itu kebanyakannya digital tetapi juga mempunyai produk fizikal - kami menumpukan pada skema warna yang berfungsi dengan baik merentas cetakan (CMYK), palet fabrik (Pantone), serta digital (RGB dan Hex).

Menguji Skim Warna Dengan Penyelidikan Pasaran

Proses kami untuk pemilihan skema warna kami adalah intensif.

  1. Kami melakukan penyelidikan pemasaran pada satu siri warna utama dengan khalayak sasaran kami yang mengurangkan kami kepada satu warna.
  2. Kami melakukan penyelidikan pemasaran pada siri warna sekunder dan tertiari dengan khalayak sasaran kami yang mana kami mengecilkan beberapa skema warna.
  3. Kami melakukan mockup produk (pembungkusan produk, tag leher dan tag gantung) serta mockup e-dagang dengan skema warna dan memberikannya kepada pelanggan serta khalayak sasaran untuk maklum balas.
  4. Oleh kerana jenama mereka sebahagian besarnya bergantung pada kemusim, kami juga memasukkan warna bermusim ke dalam campuran. Ini boleh berguna untuk koleksi atau visual khusus untuk iklan dan perkongsian media sosial.
  5. Kami melalui proses ini lebih daripada setengah dozen kali sebelum menyelesaikan skim terakhir.

skema warna almari52

Walaupun warna jenama berwarna merah jambu muda dan kelabu gelap, kami membangunkannya warna aksi menjadi naungan hijau. Hijau ialah warna berorientasikan tindakan jadi ia merupakan pilihan yang bagus untuk menarik perhatian pengguna kami kepada elemen berorientasikan tindakan. Kami menggabungkan songsangan hijau untuk tindakan kedua kami (sempadan hijau dengan latar belakang putih dan teks). Kami juga sedang menguji warna hijau yang lebih gelap pada warna tindakan untuk tindakan tuding.

Memandangkan kami baru sahaja melancarkan tapak tersebut, kami telah menggabungkan penjejakan tetikus dan peta haba untuk memerhati unsur-unsur yang paling menarik perhatian pelawat kami dan berinteraksi untuk memastikan kami mempunyai skema warna yang bukan sahaja kelihatan baik… ia berfungsi dengan baik.

Warna, Ruang Putih dan Ciri Unsur

Membangunkan skema warna harus sentiasa dicapai dengan mengujinya dalam antara muka pengguna keseluruhan untuk memerhati interaksi pengguna. Untuk tapak di atas, kami turut memasukkan jidar, pelapik, garis besar, jejari sempadan, ikonografi dan muka taip yang sangat khusus.

Kami menyampaikan panduan penjenamaan penuh untuk syarikat mengedarkan secara dalaman untuk sebarang bahan pemasaran atau produk. Konsistensi jenama adalah penting kepada syarikat ini kerana mereka baharu dan tidak mempunyai sebarang kesedaran dalam industri pada ketika ini.

Inilah Hasil Tapak E-dagang dengan Skim Warna

  • Closet52 - Beli Pakaian Dalam Talian
  • Halaman Koleksi Closet52
  • Halaman Produk Closet52

Lawati Closet52

Kebolehgunaan Warna dan Buta Warna

Jangan lupa ujian kebolehgunaan untuk kontras warna merentas elemen tapak anda. Anda boleh menguji skim anda menggunakan Alat Ujian Kebolehcapaian Laman Web. Dengan skema warna kami, kami tahu bahawa kami mempunyai beberapa isu kontras yang akan kami selesaikan nanti, atau kami mungkin mempunyai beberapa pilihan untuk pengguna kami. Menariknya, kemungkinan isu warna dengan khalayak sasaran kami agak rendah.

Buta warna ialah ketidakupayaan untuk melihat perbezaan antara beberapa warna yang boleh dibezakan oleh pengguna cacat bukan warna. Buta warna menjejaskan kira-kira lima hingga lapan peratus lelaki (kira-kira 10.5 juta) dan kurang daripada satu peratus wanita.

Kebolehgunaan.gov

Pasukan di WebsiteBuilderExpert telah menyusun maklumat grafik dan artikel iringan terperinci ini Cara Memilih Warna untuk Tapak Web Anda itu amat teliti.

Cara Memilih Skim Warna Untuk Laman Web Anda