E-Niaga, Yön sayfaları ve kişisel web siteleri için ilham veren 26 Renk Şeması web sitesi
Birisi web sitenizde ilk kez geldiğinde, renk düşündüklerinde önemli bir rol oynar.Tüketicilerin ilk izleniminin% 62-90’ı, sadece renk seçimlerine dayanmaktadır, araştırmaya dayanmaktadır.
Ücretsiz demoyu deneyin
Markanıza uyan renkleri seçmek – ve tüketicilerin şirketiniz ve ürününüz hakkında düşünmelerini istediğiniz şey – güçlü bir marka ve pazarlama aracı olabilir.Bu makalede, yön sayfaları, E-Niaga ve kişisel siteler için 25+ fantastik web sitesi renk şemasını ve zaman kaybetmeden kendinizi nasıl seçebileceğinizi tartışacağız.
Web siteniz için renksiz bir yetişkin insan gözü için bir renk şeması nasıl seçilir 1.000.000’den fazla farklı renk görebilir.Tüm bu seçeneklerle doğru renk şemasını hızlı ve verimli bir şekilde nasıl seçersiniz?Bu, başından beri tasarımları için bir renk şeması veya palet yapmaya çalışan tüm web tasarımcılarının karşılaştığı zorluk budur.
Pek çok seçenekle, tüm stili ve tonları tek tek değerlendiremez ve referans noktaları olmadan en uygun olanı seçemezsiniz. Seçimlerinizi daraltmanız gerekiyor. Başlamanın en iyi yolu, birincil rengi başlangıç noktanız olarak bulmaktır. Belki de bunu yapmanın en iyi yolu, sektöre göre en popüler seçimi görmektir. Bu, şirketiniz veya ürününüz için hangi birincil renk ve renk psikolojisinin uygun olabileceği hakkında bir şeyler öğrenmenize yardımcı olabilir. Şirket endüstrisine ve farklı ürünlere dayanan renk seçenekleri, markalarını tanımlamak için farklı renkler seçer. Ama neden? Renk, potansiyel müşterilerinizin ve tüketicilerinizin dikkatini çekmenin daha verimli bir yolu değildir. Bu, onlarla duygusal düzeyde, neredeyse bilinçaltında iletişim kurmanın bir yoludur. Bu anlamda, bu, bir kelime veya kopyala cümle kullanmadan önce markanızı tüketicilerin zihninde oluşturmaya başlamanın bir yoludur. Aynı hikayeyi tüketicilere anlatan bir renk yoktur, bu nedenle en popüler ana marka rengi endüstriye sektöre bağlıdır.
Endüstriye göre marka rengi (görüntü kaynağı: towergateinsurance.co.uk)
Mavi güven rengidir
Kendiliğindenliği veya duyguları çekmez. Bunun yerine, bu sakin ve mantıklı bir karar verme süreci başlatır. Aşağıdaki sektörde en yaygın olan: Bankacılık
havayolu
İletişim
Tüketici finansmanı
Elektrikli hizmet
Ağır ekipman
Ev Geliştirme
Otel
Eczane
Kırmızı Teslim Edildi:
Dikkat ve tutkuyu ileten kırmızı
Duygulara ve dürtüsel kararlara (restoranlar ve fast food gibi) dayanan endüstriler genellikle ana renk olarak kırmızı kullanır. Kırmızı, açlığı teşvik etmek için düşünülür, bu nedenle uluslararası gıda markaları arasında favori bir seçim haline gelir. Aşağıdaki sektörde en yaygın olan:
İçki
Gıda perakende
Konut alanı
Çamaşırlar
Green dedi:
Green bir canlılık duygusu taşır
Çoğu insan yeşil doğa, bitkiler ve canlı restoratif ortamlarla ilişkilendirir. Daha iyi refah vaatlerine veya doğal malzemelere sahip ürünlere dayanan endüstriler genellikle yeşil seçer. Aşağıdaki sektörde en yaygın olan:
büyük mağaza
Konut alanı
Kimyasal malzeme
Siyah: Güven, sofistike, bazı şirketler özel renk seçimleri yapmak yerine varsayılan olarak siyahı kullanabilirken, güvende hissettiği için, bu aynı zamanda tüketici güveni veya sofistike olmasının önemli bir faktör olduğu sektördeki ana seçimdir.
Aşağıdaki sektörde en yaygın olan:
Çamaşırlar
Aksesuarlar
İnternet ve Hücresel Servis Sağlayıcı
büyük mağaza
Otel
Zevklerinizi ve içgüdülerinizi körü körüne takip etmeyin, karar verirken renk teorisini ve renk psikolojisini düşünün. Tek bir web sitesinde kaç renk şeması kullanılmalıdır? Standart web sitesi renk şemaları için, bir şemada veya palette üç ila yedi ayrı renk arasında seçim yapabilirsiniz. Ancak bir web sitesinde kaç farklı renk şeması kullanmanız gerekiyor? Bu, bireyin durumuna ve web sitenizle hedeflerinize bağlıdır. Web siteniz bir marka, ürün veya şirkete adanmış bir web sitesi veya şirket bloguysa, tek bir renk şeması kullanmaya devam etmek istersiniz. Öte yandan, web siteniz bir E-Niaga mağazasıysa, Farklı ürün şemaları için farklı renk şeması, farklı ürün kategorileri için farklı duygusal reaksiyonlar oluşturmak için. Birçok palet kullanma sorunu, iç veya dış içerik üreticileri için birçok şeyi karmaşıklaştırmanız, insan hataları ve komplikasyon olasılığını artırmanızdır. Web siteniz için bir renk şeması seçtiğinizde, aşırıya kaçmamak ve bunu yapmak için haftalar harcamak önemlidir. Bu elbette önemli bir seçimdir, ancak doğru rengi seçmek, web sitenize trafiği yönlendirmenize veya ürün sayfalarınızdaki dönüşümü kendi başına artırmanıza yardımcı olmaz.
Tüketicilerin ilk izleniminin% 62-90’ı sadece renk seçeneklerine dayanmaktadır … yani siteniz için doğru renk şemasını bulmanın sadece estetik kararlar olmadığı anlamına gelir – bu bir iş kararıdır. Web sitesinde doğru renk şemasını nasıl alacağınızı tweet için tıklayın
Colorzilla
Web sitesinde kullanılan her rengi, doğru renk ve altıgen koduna tanımlamak için, Colorzilla gibi Google Chrome veya Addon Firefox uzantısını kullanabilirsiniz. ColorZilla yüklü olduğunda, işaretçinizi doğrudan herhangi bir site, logo veya görüntüdeki tüm tasarım öğelerine yönlendirirsiniz ve piksel için doğru Hex veya RGB HTML renk kodunu gösterecektir. Kullanılan renkleri tek tek tanımlamak istemiyorsanız, Colormind görüntü renk çıkarma araçları gibi görüntüleri kullanacak bir renk paleti jeneratörü de kullanabilirsiniz. Ancak, görüldüğü gibi mükemmel bir çözüm değildir. Web sitesinin ekran görüntüsünü almalı ve yüklemelisiniz ve ortaya çıkan palet, tasarımda kullanılan gerçek his ile% 100 doğru değildir. Örneğin, web sitesi ana renk şemasının dışında renkleri olan gradyanlar veya görüntüler içeriyorsa, ortaya çıkan palet yanlış olma eğilimindedir. Şimdilik, web tasarımında kullanılan doğru renkleri tanımlamanın en iyi yolu hala eklentiler veya renk tanımlama uzantıları kullanıyor veya ekran görüntüleri alın ve Photoshop gibi fotoğraf düzenleme araçlarında manuel olarak işler yapıyor.
Kinsta’da hangi renkli web sitesi renk şemasını kullanıyoruz? Çoğu web sitesi gibi, Kinsta olarak da tüm içeriğimiz için 3 renkli şemayı veya temel triadikleri takip ediyoruz. WordPress’e odaklanan bir barındırma şirketi olduğumuz için, tüm web sitelerimize çok fazla palet uygulamamıza gerek yok.
Ana rengimiz olarak koyu mor (#5333ED), cazip, ancak dengeli gri ve metin için dengeli bir gri ve yumuşak gri yapmak için ana rengimiz (#2CD4D9) olarak kullanıyoruz (#6E7076). Peki diğer şirketler ne yapıyor? Hadi bulalım! 26 En İyi Web Sitesi Renk Şeması Örnekleri İyi renk şemaları ve hatta ayrı sitelerin örneklerini almak için web’i araştırdık, bu nedenle ilgili web sitelerinden ilham bulmanız kolay olacak. Mükemmel E- örneklerini tartışacağız. Niaga, markalarına ve endüstrilerine uyan renk şemaları. 1. Cilt Bakımı Ürünleri: Parlak ve Eğlence
mutluluk
Mutluluk renk seçenekleri marka açısından doğrudur. Renk parlak ve hoş, şirketin vücut pozitif ve iç mutlulukla ilgili mesajlarına mükemmel bir şekilde eşlik ediyor. 2. Marka Giysileri: Açık ve Kısa
Le Bonnet, web sitesinin renk paleti açısından netliğe odaklanan bir giyim şirketidir. Bazı yoğun renkler, ürünü ayırmak için bulanık kremin arka plan rengi ile birlikte, tasarımın sadeliğini artırmaya yardımcı olur. 3. Giyim Mağazası: Sadelik
Tekrar düzeltme yapmak
Benim çatal bıçak takımım
Neuro, insanların odaklanmasına yardımcı olmak için tasarlanmış bir sakız ve kafein şekeri markasıdır. Doğal bileşenlerin tadını aşılamak için turkuaz, açık mavi ve bej gibi daha yumuşak renklerin bir karışımını kullanır. Duygusal kararlar ve kırmızı ve turuncu olan dürtüler için mükemmel vurgu renklerinin kullanımı da bir cazibe vardır. 6. İzle: Sofistike ve Lüks
Prime Büyükelçisi, ürünü vurgulamak için tasarlanmış şık bir E-Niaga sitesine sahip bir İsveç saat markasıdır. Açık kahverengi renk kombinasyonu, ziyaretçiler için sofistike ve lüks izlenimini taşıyan resimdeki koyu gri ve ahşap aksanların arka planında neredeyse altındır. Renk, önce sipariş edilen saatler gibi yüksek sınıf ürünlerini tanıtmak için mükemmeldir, ancak sıradan tüketim malları satarsanız yerinde hissetmez. 7. Pantolon: Yaratıcı ve Kolayca Erişim
Alday, daha düşük fiyatlarla satılan kot pantolon ve seri üretim chino pantolondan daha uygun olacak şekilde tasarlanmış konforu önceliklendiren bir pantolon markasıdır. Bu web sitesi, ziyaretçiler ve potansiyel müşteriler tarafından erişilebilir olmasını sağlayan parlak renk kombinasyonu ile yaratıcı ve eğlencelidir. 8. Meyve Atıştırmalıkları: Zarif Renk ve Vurgular
Madies, büyük miktarlarda satılan markalar olmadan modaya daha fazla farkında olan tüketicilere yönelik dondurulmuş kurutulmuş atıştırmalıklardır. Siyah arka plan ve olgun mango sarı kişileşmesi, zarif bir nihai ürün üreterek tasarımın sadeliğini vurgular. Bültenlere kaydolur.
Şimdi abone olun
Terk edilmek
Madeleine Dalla
Madeleine Dalla, New York’ta bulunan ve web sitesinin tasarımı (ve etkileyici bir portföy) için keskin bir tada sahip bir fotoğrafçıdır. Tasarımın geri kalanı için rengi denklemin dışında bırakarak, vurgulanan her projeyi seçmesinin üstün fotoğraflarının parlak renklerini gerçekten vurgular. Renginin kendisi kadar çok renk yokluğunu kullanır. 11. Kıvılcımlarla gri ölçek
Ali Rifai yaratıcı bir sanat yönetmeni ve web sitesi konseptinde görülebilir. Sadece biraz renge sahip gri bir ölçek kullanarak, dikkatiniz doğru anahtar kelimeler ve tasarımın kritik alanına, “orijinal” kelimesine ve büyüleyici bir gülümsemeye sabitlenecektir. 12. Doğa ile
Ifly 50
Ifly 50, 50. yıldönümünü kutlamak için KLM tarafından yayınlanan bir çevrimiçi dergidir. Mavi gökyüzünü ve suyu, yeşil çim ve ormanı vurgulayarak, bu her ziyaretçiyi doğa ile birleşik hissettirir – doğal fotoğrafçıların veya manzaranın web sitesine mükemmel bir yaklaşım. 13. Gylys’e Temiz ve Professionalbentict
Kova listesi
Lars Franzen
Dot Lung’ın kişisel sitesi, bindirme ve temiz arka plan grafikleri ile basit renk paletlerini en üst düzeye çıkarmak için iyi bir iş çıkarır. Arka plandaki mor renk, sayfadan sayfaya uyumlu bir deneyim yaratır. 17. Işık ve Karanlık
İzlanda sevgisi, vurgulanan görüntüdeki rengin ruh halini nasıl ayarlayabileceğinin iyi bir örneğidir. Açık buzdan parlak mavi bir renkle, sol üstte, altta bir mağara gibi karanlıka, karanlığa kadar, ziyaretçiler için hoş olmayan ve macera atmosferi ile dolu. Yavaş evlerden sıkıldı mı? Kinsta, hız ve performans dikkate alınarak inşa edildi. Planımıza bakın
Zenly
Gevşek
Spotify
Özerklik
Özerklik, kaotik animasyon tasarımında düzen oluşturmak için renkler ve kontrast kullanır. Parlak sarı kesişir ve arka plandan ve diğer nesnelerden ayrılır. 22. Fütüristik Renk EnsembleBugsnag
Bugsnag, düz tasarımıyla fütüristik ve yüksek teknoloji izlenimini vermek için çeşitli renk koleksiyonları kullanır. Renk ve şekillerin kombinasyonu, ziyaretçileri 2020 gibi hissettirir ve şirketin ön planda olmasına güvenebilirler. 23. Renkli Yaşayın
Connect Homes Direction sayfası parlak ama yumuşak renklerle canlıdır. Renk paleti, modern bir his veren ilginç bir denge sağlar. 24. Muhafazakar renk, eğlenceli tasarım
Plink’in yön sayfası nispeten muhafazakar bir koyu mavi renge dayanmaktadır, ancak genel olarak eğlenceli ve eğlenceli animasyonlar ve tasarımlarla dengeler. 25. Doğal canlılık
TravelShift, doğa ve canlılık duygusunu iletmek için yeşil renge çok bağımlıdır. Kırmızı veya turuncu gibi dikkat çeken renklerle CTA veya ana içeriği vurgulamak yerine, yeşil bir gençleşme vaadi olarak işlev görür. 26. Parlak Renk Umutu
Swab the World, bir umut duygusu iletmek için zıt bir renk olan parlak bir renk şeması kullanır. Kâr amacı gütmeyen kuruluş direktifi sayfası için çok uygundur. Renk çatışmaları, zorlukların üstesinden gelmek için kullandıkları modern/fütüristik yaklaşımı vurgulamak için şekillerle çalışır. Web Sitesi Renk Şeması Jeneratörü Şemanız veya paletiniz için rengi, gradyan veya bitişik gölgeyi manuel olarak seçmek istemiyorsanız, yardımcı olmak için çevrimiçi araçları kullanabilirsiniz. Çevrimiçi olarak mevcut olan bir dizi ücretsiz renk şeması veya jeneratör bulunmaktadır. Aşağıdaki en iyi seçeneklerden bazılarına daha yakından bakacağız. Zihnin zihninin rengi
Coolors.co
Palet
Renk alanı
Herkes “standart” renk aralığını görmez. Üç ana renk körlüğü türü vardır: Deuteranopia, Protanopia ve Tritanopi. Kırmızı-yeşil renk körlüğü (Deuteranopia ve Protanopia), renk körlüğünün en yaygın şeklidir. Bu, Kuzey Avrupa’nın 12 torunundan 1’ini etkiler. Ondan etkilenen birçok popülasyonla, WordPress temalarını tasarlarken ve seçerken dikkate almak daha iyidir. Kör mavi-sarı renk çok daha az sıktır ve erkekleri ve kadınları eşit olarak etkiler. Web siteniz için renk kör kör palet nasıl seçilir, kırmızı-yeşil kör insanlar sayısı diğer renk kör şekillerinden çok daha yüksek olduğundan, tasarımınızla ele alınmanız bir numaralı önceliğiniz olmalıdır. Kırmızı, yeşil ve moru ayıramadıkları için, farklı sarı ve mavi bir renk tonu olarak gördükleri için, sonuçta çok benzer görünecek kontrast renkler kullanmaktan kaçınmalısınız.
Sarı ile kırmızı veya turuncu ile kontrast oluşturmayın.