Web siteniz için iyi bir renk düzeni nasıl seçilir

web sitesi için renk nasıl seçilirWeb siteniz için iyi bir renk şeması seçmek korkunç bir şey olabilir – özellikle de’Renk koordinasyon yeteneğinizden emin değilseniz veya’yetenekli bir tasarımcı değilim.


Kocam biraz renk körü, her şey için bir renk seçmeye çalıştığında onu çok sinirlendiriyor!

Ya sen?

  1. Logonuz veya başlığınız için hangi rengi kullanmalısınız??
  2. İyi birleştiren tamamlayıcı renkleri nasıl seçeceğinizi biliyor musunuz??
  3. Web sitenizin hangi bölümünü renk kullanmalısınız??

Renk seçmek ve karıştırmak zor bir oyun olabilir.

Sonuç uyumlu görünebilir veya bir korku filminden bir sahne gibi görünebilir!

Herhangi bir renkten kaçınırsanız, web siteniz sönük ve unutulabilir görünebilir. Web sitenizde çok fazla renk kullanırsanız, yapışkan görünmesini sağlama riskiniz vardır.

Doğru şablon tasarımını nasıl seçeceğinizi anlamanın yanı sıra, web sitenizde nasıl renk kullanılacağını öğrenmek, herhangi bir DIY web sitesi sahibinin karşılaşabileceği en büyük zorluklardan biridir. Bu özellikle eğer’Renk ve tasarım konusunda doğal bir yeteneğe sahip olmak.

Web sitenizde rengi nasıl ve nasıl kullanacağınız konusunda boş bir çizim yapıyorsanız, bu yazı size yardımcı olabilir.

Doğru adımları atmanızın ardından renk kullanımı basitleştirilebilir.

Yani, biz’adım adım nasıl yapılacağını göstermek için bu kılavuzu bir araya getirdik:

  1. Web siteniz ve markanız için doğru baskın rengi seçin.
  2. Mükemmel renk düzeninizi oluşturmak için tamamlayıcı renkleri birleştirin.
  3. Size uygun bir arka plan rengi seçin.
  4. Web sitenizdeki profesyonel yerlerde olduğu gibi renkleri doğru yerlerde kullanın.

İzin Vermek’başlar!

Ya da, neden hızlı bir şekilde favori web sitesi kurucuları aşağıdaki basit grafikte:

Renk, web sitenizi ve marka kimliğinizi nasıl geliştirebilir?

Sizden Coca-Cola’yı düşünmenizi istediğimde, aklınıza ilk gelen şey nedir?

Buz gibi bir şişe Coca-Cola istemek bunlardan biri olabilir.

Ardından, ikonik kırmızı kola logosunun bir görüntüsü aklınıza gelebilir.

web sitesi rengi nasıl seçilir - kokKaynak: www.coca-colacompany.com

O’Kırmızı rengi görmeden Coca-Cola’yı düşünmek oldukça zor. Kırmızı renk, ünlü soda kadar Coca-Cola’nın bir parçasıdır.

Coca-Cola’nın marka rengi kazara olmadığı için kırmızı kullanma kararını biliyor muydunuz??

Kırmızı renk iki kritik amaca hizmet eder:

1. Itfaiye kırmızı, Coca-Cola’nın mağaza raflarında rakiplerinden öne çıkmasına izin verir; ve

2. Her rengin kendisine bağlı farklı duyguları veya duyguları vardır. İnsanlar rengi kırmızı gördüğünde heyecan, cesurluk, sevgi ve tutku gibi duygusal tepkileri tetikler. Bunlar tam olarak Coca-Cola’nın sodasıyla ilişkilendirmenizi istediği hisler.

web sitesi renk toplama - coca colaKaynak: us.coca-cola.com

Web siteniz için doğru rengi seçtiğinizde, çekici görünmesini sağlamaktan çok daha fazlasını yapıyorsunuz. Unutulmaz bir marka yaratıyorsunuz.

% 85 belirli bir ürünü satın almasının ana nedeni olarak renk. % 80 renk kullanılırken marka bilinirliğini artırır. Marka bilinirliği doğrudan tüketici güveni ile bağlantılıdır.

Kaynak: Kissmetrics

Şimdiye kadar düşünmelisin “Vay canına, renk sihir gibidir! Neden aren’t Daha fazla insan kendi yararına kullanıyor?”

Çünkü çoğu insan’nasıl olduğunu bilmiyorum.

Bu nedenle, bir sonraki bölümde, web sitenizde avantajınıza göre rengi kullanmaya başlamak için izleyebileceğiniz 3 kolay adımı göstereceğiz.

Web sitenizde renk kullanmak için 3 adım – doğru yol

Web sitenizi tasarlarken göz önünde bulundurmanız gereken 3 ana renk vardır:

  1. Marka renginiz olarak baskın bir renk seçme
  2. Web siteniz için bir renk şeması oluşturmak üzere 1 ila 2 vurgu rengi seçme
  3. Tasarımınızı tamamlamak için bir arka plan rengi seçme

o’hemen hemen s! Don’endişelenme, biz’bazı örneklerle birlikte onları nasıl seçeceğinizi göstereceğim -’ilerlemeye devam ediyor!

# 1 Baskın Renginizi Seçin

Baskın renk, markanızın rengidir – Coca-Cola için itfaiye kırmızısı gibi.

Bu renk, insanlar web sitenize geldiğinde, tıpkı tutku, heyecan, cesaret ve Kola sevgisi gibi belirli duyguları veya hisleri ortaya çıkarmaya yardımcı olacaktır..

Bu, kitlenizin sizi düşündüklerinde hatırlamasını istediğiniz renktir.

Zaten bir logonuz varsa, logonuzun ana renklerinden birinin baskın renginizi kullandığından emin olun (’nasıl iyi bir logo oluşturacağınızdan emin değilseniz bu kılavuza bakın).

Ancak, eğer’Henüz akılda kalan bir marka rengi yok, burada’s nasıl seçilir:

Renklerin Anlamı: Sizin için doğru rengi nasıl seçersiniz

Büyük şirketler’t Baskın / marka renklerini kazara seçmek. O’markalaşma ve pazarlama girişimlerinin bir parçası olarak kullanılmak üzere stratejik olarak seçilmiş.

Farklı renkler, belirli müşteri türlerini çekme yeteneğine sahiptir ve hatta tüketici davranışlarını bile değiştirebilir.

web siteleri için renk psikolojisiBüyütmek için tıklayın

Kaynak: Kissmetrics

İstediğiniz müşteri türünü çekebilmeniz için çeşitli renkleri kendi avantajınıza da kullanabilirsiniz..

Biz’mükemmel baskın renginizi seçmenize yardımcı olacak kullanışlı bir infografik oluşturduk. Baktığınız şeyi en iyi temsil eden rengi bulup bulamayacağınıza bakın!

web siteleri için renk kişiliği

Artık belirli renklerin ne anlama geldiğine, hangisinin işinize en uygun olduğuna veya web sitesi ziyaretçilerinizin markanızı gördüklerinde nasıl hissetmelerini istediğinize dair iyi bir fikre sahip olduğunuza göre?

Eğer sen’henüz tam olarak emin değilseniz, bu sadece markanıza ve çekmek istediğiniz müşteri türüne odaklanmak için biraz zaman ayırmanız gerektiği anlamına gelir.

Daha genç, daha enerjik müşteriler çekmeye mi çalışıyorsunuz? Yoksa daha fazla harcanabilir gelire sahip sofistike bireyler mi? Ürünleriniz / hizmetleriniz erkek veya kadınlara yönelik mi? Belirli bir yaş grubu için daha uygun mu?

Tüm renkler işletmeniz için doğru değildir. Örneğin, yoga matları satıyorsanız, mor (servet, kraliyet) veya siyah (güç, lüks) kullanmak en iyi seçenek olmayabilir. Yeşil (sağlık, huzur), gri (basitlik, sakin), mavi (barış, sakin) veya hatta kırmızı (tutku, enerji) kullanmayı düşünebilirsiniz..

Bazı fikirleri not etmek için birkaç dakikanızı ayırın.

Erkekler Arasındaki Farklar & Kızlar – Renk Tercihleri

Tamam, farklı renkler farklı insanlara hitap ediyor, ancak erkeklerin ve kadınların genellikle farklı renkleri tercih ettiğini biliyor muydunuz??

İşletmeniz veya web siteniz hangi cinsiyeti hedefliyor? – Kadınlar mı? adamlar? ya da her ikisi de?

cinsiyet üzerinde renk etkisiResmi büyütmek için tıklayın

Kaynak: Infographic: Renkler Dönüşümleri Nasıl Etkiler? & Cinsiyet ve Renk

Yukarıdaki tabloyu inceleyerek çok güçlü ve hedeflenmiş bir marka rengi oluşturabilirsiniz.

Erkek, kadın veya her ikisi tarafından tercih edilen renk kombinasyonlarını kullanarak, markanızla ilgili algılarını bilinçaltında değiştirebilirsiniz..

Örneğin, çalışmalara dayanarak, hem erkeklerin hem de kadınların mavi ve yeşilden hoşlandığını görebilirsiniz. Her iki cinsiyet de turuncu ve kahverengiden hoşlanmaz. Bu nedenle, her iki cinsiyeti de hedefliyorsanız, araştırma, mavi veya yeşil rengi baskın renk olarak (veya en azından vurgu rengini – daha aşağıda) kullanmanın daha avantajlı olacağını söylüyor..

Bu sahip olmak için yararlı zeka!

İzin Vermek’bir adım ileri götürür.

Markanız veya ürünleriniz / hizmetleriniz için rengi nasıl kullandığınız, hedef kitlenizin hangi duygulara çekildiğinden de etkilenebilir.

Açıklamama izin ver.

Renk-of-marka-çekmek-farklı-müşteriÇoğu zaman, insanlar bilinçsizce başkalarına belirli bir kişiliği yansıtmak istediklerinden belirli ürünler / hizmetler satın alırlar.

Yeni pahalı bir çanta ile caddeden aşağıya inerken veya bir hipster kafede takılırken veya modaya uygun yeni bir salonda görüldüğünde, hepsi bir kişi hakkında belirli özellikleri sessizce iletir.

Ana fikrimi anladın mı? Birçok kişisel karar, kim olduklarını ve başkalarının görmesini istediklerinin bir yansımasıdır. O’insanların ilişkilendirdiği ve başkalarının bilmesini istediği bir kimlik.

Yani, doğa ve huzurla özdeşleşen insanları çekmek istiyorsanız, yeşili kullanın. Genç veya iyimser olarak görülmek isteyenleri çekmek istiyorsanız, sarı deneyin. Hedef kitleniz güçlü veya lüks görünmek istiyorsa, siyahı deneyin.

Anla?

Birkaç dakika ayırın ve ideal kitlenizi ve neyle özdeşleşmek istediklerini düşünün. Ne istiyorlar ve nasıl görülmek istiyorlar??

Burada bir sürü psikoloji var ama’markanızı oluştururken göz önünde bulundurmanız gereken önemli noktalar.

Baskın renginizi web sitenizde nasıl kullanabilirsiniz?

Artık baskın bir renge sahip olduğunuza göre, web sitenizdeki doğru yerlerde renk kullanmak istiyorsunuz.

Renk çok dikkat çekiyor, bu yüzden’her yere eklemek istemiyorum.

Buraya’Genel bir kural:

Baskın renginizi yalnızca web sitesi ziyaretçilerinizin dikkat etmesini istediğiniz veya ziyaretçilerinizin belirli işlemleri yapmasını istediğiniz sınırlı sayıda yerde kullanın (telefon numarasını aramak, iletişim formunu doldurmak, bültene kaydolmak vb.).

Temel olarak, baskın rengin “pop” – ziyaretçilerinizin odaklanmasını istediğiniz yeri gerçekten vurgulamak.

web sitesinde baskın renk nerede kullanılırKaynak: Wix.com

# 2 Vurgu renklerinizi seçin

Web sitenizin tamamında yalnızca 1 tek renge sahip olmak oldukça sıkıcı.

Tasarımınızı daha ilginç (ve profesyonel) hale getirmek için web sitenizin tırnak işaretleri, düğmeler veya altyazılar gibi dikkat çeken kısımlarını vurgulamak için vurgu renklerine ihtiyacınız vardır..

Renk karıştırma ve eşleştirme aslında birçok insanı korkutuyor çünkü’hangi renk teorisini iyi bir şekilde anlamadan ve çok fazla deneme yanılma olmadan hangi renklerin iyi karıştığını söylemek her zaman kolay veya sezgisel değildir.

Ancak, kim Ph.D. renk teorisinde ?! – Ben değilim.

Çok şükür herkesin kullanabileceği bir kısayol var !! O’bir profesyonel gibi renkleri birleştirmenize yardımcı olabilecek bir renk eşleştirme aracıdır!

Vurgulu renklerinizi seçmenize yardımcı olması için renk eşleştirme aracı nasıl kullanılır

Baskın renginize sahip olduğunuzda,’Adobe Color CC aracı gibi renk eşleme araçlarını kullanarak vurgu renklerinizi bulmak gerçekten çok kolay.

Adobe Color CC karmaşık görünüyor, ancak aslında kullanımı oldukça basit bir araç.

Biz’renk şemanızı iki yoldan biriyle oluşturmak için nasıl kullanılacağını gösteren kısa bir eğitim hazırladık:

(Eğiticiyi açmak için aşağıya tıklayın)

Web sitenizde vurgu renklerinizi kullanma

Tamamlayıcı vurgu renklerinize sahip olduğunuza göre, bunları web sayfalarınızdaki ikincil bilgileri vurgulamak için kullanabilirsiniz.

Bunlar, sayfanızın ana odak noktaları olmayan içerik / öğelerdir, ancak yine de öne çıkmalarını istiyorsunuz.

Örneğin, altyazı, ikincil düğmeler, bilgi kutuları, arka plan rengi vb..

Sadece 1 veya 2 vurgu rengiyle sınırlandırmaya çalışın. Çok fazla vurgu rengi varsa, ziyaretçilerinizi karıştırabilecek çok fazla odak noktası oluştururlar.

web sitenizde vurgu renginin nerede kullanılacağıKaynak: Wix.com

# 3 Web sitenizin arka plan rengini seçin

Web sitesi arka plan rengi nasıl seçilirDaha önce hiç ev boyadın mı?

Eğer varsa, muhtemelen bir duvar rengi seçme konusunda biraz deneyime sahip olacaksınız – ve doğru duvar rengini seçmenin zor olabileceğini bileceksiniz.

Duvar renginin odayı rahat hissetmesini istiyorsunuz. Renk, sizi boğmayacak şekilde odada saatlerce harcayabileceğiniz kadar yatıştırıcı olmalıdır..

Aynı zamanda,’Renk o kadar sıkıcı olsun ki oda tamamen steril hissediyor.

Bir arka plan rengi seçmek aslında bir duvar boyası rengi seçmek gibidir!

Web sitenizin ziyaretçilerinin web sitenize göz atmak konusunda kendilerini rahat hissetmelerini istiyorsunuz. Sen yapma’t Aşırı cesur veya parlak arka plan renkleri kullanarak ziyaretçilerinizi rahatsız etmek veya içeriğinizi emmek zorlaştırmak istemiyorum. Aynı zamanda,’web sitenizin izleyicileriniz o kadar alevli olmasını istemiyorsanız’gözleri söylemek istediğin önemli şeylerin üzerine sırlanmış.

Doğru arka plan rengi nasıl seçilir?

Modaya uygun bir perakende mağazası ve bir yazlık için duvar renkleri seçseydiniz, onlar için aynı renkleri seçer misiniz?

Muhtemelen değil çünkü her alan farklı bir amaca hizmet eder, bu nedenle seçtiğiniz renk farklı olmalıdır.

Örneğin, bir perakende giyim mağazasında, alışveriş sepetlerini kıyafet raflarına çizmek için kalın renkler kullanmak isteyebilirsiniz. Duvar renginin mal raflarıyla kontrast olmasını istersiniz, böylece alışveriş yapan kullanıcılar mağazaya girdiklerinde nereye bakacaklarını anında öğrenebilirler.

Buna karşılık, muhtemelen bir yazlık tatil evinde daha rahat hissetmek istiyorsunuz. Duvar renginizin ve dekorunuzun rahatlatıcı ve rahatlatıcı bir etkiye sahip olmasını istiyorsunuz. Her şeyin karışmasını istiyorsunuz, böylece büyük boyutlu pencereden nefes kesen manzara görünümüne odaklanabilirsiniz.

Çok benzer bir şekilde, web sitenizin arka plan rengi, ziyaretçilerinizin neye odaklanmasını istediğinize bağlıdır..

Basitçe söylemek gerekirse, arka plan renginiz olarak seçtiğiniz renk tamamen web sitenizin amacına bağlıdır.

Tip # 1 – İçerik Yoğun Bilgi Web Siteleri & e-Ticaret Web Siteleri

Çoğu bilgi web sitesinin veya e-ticaret web sitesinin genellikle beyaz veya nötr bir arka plan rengi kullandığını fark ettiniz mi??

e-Ticaret Web Sitesie-Ticaret Web Sitesi (drinksoma.com)

e-Ticaret Web Sitesie-Ticaret Web Sitesi (stikwood.com)

Yemek BlogYemek Blogu (pinchofyum.com)

Film Yapım ŞirketiFilm Yapım Şirketi (dingobill.com)

Bunun nedeni, bu tür web sitelerinin amacının fikirleri veya ürünleri tanıtmaktır.

Odak, web sitesinin tasarımı yerine içerik veya ürünler üzerindedir. Arka plan rengi, içeriğin daha görünür ve okunabilir olmasına yardımcı olmak için yalnızca bir fon oluşturur.

Bilgi yoğun ve e-ticaret web siteleri için kullanılacak en iyi renk şeması, cesur baskın olan beyaz veya açık bir arka plan & vurgu renkleri. Cesur baskın ve vurgu renkleri, web sitesinin kişiliğini ve odak noktalarını verirken, düz arka plan rengi ziyaretçilerinizi korur’ içeriğinize veya ürünlerinize odaklanın.

Tip # 2 – Kurumsal / Ticari Web Siteleri

Kurumsal / ticari web sitelerinin genellikle iki amacı vardır – Markanın veya hizmetlerinin tanıtımı.

İşletme web sitenizin hangi amaca odaklanmak istediğine bağlı olarak, arka plan renginiz farklı olacaktır.

Bir Markayı Tanıtmak

Güçlü bir marka kimliği oluşturmak istediğinizde, arka plan renginiz olarak baskın veya marka renginizin çeşitli tonlarını kullanmalısınız..

Bunun nedeni, rengin marka bilinirliğine yakından bağlı olması (yukarıdaki Coca Cola örneğimizi hatırlıyor musunuz?).

Çok cesur bir marka renginiz varsa, bunu arka plan renginiz olarak kullanmak çok zor olabilir. Bu durumda, marka renginizin daha az yoğun bir tonunu seçmeyi düşünün. Baskın rengin farklı tonlarını ve parlaklığını oluşturmak için Adobe Color CC aracını kullanın.

web sitesi arka plan rengi nasıl seçilir kurumsal web sitesi markalaşmajustactions.org
web sitesi arka plan rengi nasıl seçilir iş web sitesi markalaşmasbjdanebury.com

Bir Hizmetin Tanıtımı

Hizmetinizin veya geçmiş proje portföyünüzün odak noktası olmasını istiyorsanız, beyaz veya nötr bir arka plan rengi kullanın.

Tıpkı içerik yoğun ve e-ticaret web sitelerinde olduğu gibi,’t arka plan renginizin odağı içeriğinizden veya iletmek istediğiniz mesajdan uzaklaştırmasını istemeyin.

Nötr veya beyaz bir arka plan seçerek, içeriğiniz doğal olarak daha fazla ilgi çekicidir..

web sitesi arka plan rengi iş hizmeti nasıl seçilirzengenti.com
web sitesi arka plan rengi iş hizmeti nasıl seçilircharddevelopment.com

Tip # 3 – Şık & Grafik Yoğun Yaratıcı Web Siteleri

Moda, tasarım, restoran, güzellik ve yaratıcı endüstrilerde kullanılan web siteleri için dünya sizin istiridye.

Hangi arka plan resmini veya renklerini kullanmanız gerektiğine dair gerçekten hiçbir kural yoktur. Daha fazla dram oluşturmak için siyah bir menü çubuğu kullanabilirsiniz; Veya ilham verici bir arka plan görüntüsü oluşturmak için gökkuşağının tüm renklerini kullanabilirsiniz.

web sitesi arka plan rengi odanızda nasıl seçilirtheeddynyc.com
web sitesi arka plan rengi yaratıcı nasıl seçilircafefrida.ca
web sitesi arka plan renk tasarımı nasıl seçilirstudiolovelock.com
web sitesi arka plan rengi lüks nasıl seçilirgillemore.com

Dürüst olmak gerekirse, burada tüm kuralları kırabilir ve bu 1 kuralı aklınızda tuttuğunuz sürece istediğiniz rengi kullanabilirsiniz – “Asla metninizi veya içeriğinizi okumayı zorlaştıran bir arka plan seçmeyin.“

Mükemmel arka plan renginiz, baskınınızla uyumlu bir şekilde çalışırken içeriğinizin odak noktası olmasını sağlayan renktir & vurgu renkleri ve web sitenize göz atarken kitlenizin iyi hissetmesini sağlar.

Şüphe duyduğunuzda, arka plan renginiz olarak beyaz veya çok açık gri kullanın. En ilham verici renk olmasa da, içeriğinizin her zaman parlayacağını biliyorsunuz.

Sonuç & Önemli Çıkarımlar

Web siteniz için doğru renk düzenini seçmek asla en sevdiğiniz renge veya bağırsak hissine dayanmamalıdır..

İyi bir web sitesi tasarımı, kitlesini her zaman ilk sıraya koyan tasarımdır..

Hedef kitlenize hitap eden renk ve tasarımı seçin, böylece unutulmaz bir bağlantı kurabilirsiniz (bilinçaltında) ve rekabetinizden ayrılabilirsiniz.

Renk şemaları seçmek rastgele olmamalıdır. Bunun yerine, bir dizi organize, nesnel, eşleşen egzersiz olmalıdır:

(1) Markanızı doğru baskın renkle eşleştirmek; (2) Adobe aracını kullanarak baskın rengin vurgu renkleriyle eşleştirilmesi; ve son olarak (3) arka plan rengini baskınınızla eşleştirme & vurgu renkleri.

Yukarıdaki 3 eşleşen adımımızı uygulayarak, web siteniz için iyi bir renk kombinasyonu oluşturabilirsiniz.’t İyi bir tasarım ve renk koordinasyonuna sahip olma!

Don’t Web sitenize biraz renk enjekte etmekten ve süreçle biraz eğlenmekten korkmayın! Sadece renklerinizin içeriğinizi aşmasına izin vermemeyi unutmayın!

Bu Kılavuzu Yararlı Bulun?

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map