Web 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?
- Logonuz veya başlığınız için hangi rengi kullanmalısınız??
- İyi birleştiren tamamlayıcı renkleri nasıl seçeceğinizi biliyor musunuz??
- 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:
- Web siteniz ve markanız için doğru baskın rengi seçin.
- Mükemmel renk düzeninizi oluşturmak için tamamlayıcı renkleri birleştirin.
- Size uygun bir arka plan rengi seçin.
- 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:
Contents
- 1 Renk, web sitenizi ve marka kimliğinizi nasıl geliştirebilir?
- 2 Web sitenizde renk kullanmak için 3 adım – doğru yol
- 3 # 1 Baskın Renginizi Seçin
- 4 # 2 Vurgu renklerinizi seçin
- 5 # 3 Web sitenizin arka plan rengini seçin
- 6 Sonuç & Önemli Çıkarımlar
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.
Kaynak: 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.
Kaynak: 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:
- Marka renginiz olarak baskın bir renk seçme
- Web siteniz için bir renk şeması oluşturmak üzere 1 ila 2 vurgu rengi seçme
- 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.
Bü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!
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?
Resmi 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.
Ç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.
Kaynak: 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.
Kaynak: Wix.com
# 3 Web sitenizin arka plan rengini seçin
Daha ö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 Sitesi (drinksoma.com)
e-Ticaret Web Sitesi (stikwood.com)
Yemek Blogu (pinchofyum.com)
Film 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.
justactions.org
sbjdanebury.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..
zengenti.com
charddevelopment.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.
theeddynyc.com
cafefrida.ca
studiolovelock.com
gillemore.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!