Divi web sitenize bir renk paleti nasıl uygulanır (20 örnek!)
Bugünün Divi öğreticisinde, Divi ile oluşturduğunuz bir sonraki web sitesinde kullanabileceğiniz bazı şaşırtıcı renk paletlerini paylaşacağız. Web siteniz için doğru renkleri kullanmak, web sitenizin bir bütün olarak nasıl göründüğünü ve nüansları belirleyecek ana şeylerden biridir. Bazı şaşırtıcı renk paletlerini sizinle paylaşmanın yanı sıra, bu renk paletini web sitenize eklemenin sağlam bir yolunu da göstereceğiz. Şüphe varsa, her zaman güzel sonuçlar yaratmanıza yardımcı olacak bu temel adımları izleyebilirsiniz.
Genel İpuçları 1. Kullanacağınız renk paletinde karanlık veya parlak renkli web sitesini belirleyin, kesinlikle parlak ve koyu bir renge sahip olacaksınız. Renk paletinde kontrast zorunludur, böylece yazılı içerik kaybolmaz. Şimdi, bizi doğrudan web sitenize bir renk paleti uygulamak istediğinizde kendinize sormanız gereken ilk soruya götürür; Koyu veya parlak renkli bir web sitesi oluşturmak ister misiniz? Sadece birleştiremeyeceğiniz anlamına gelmeyen bir tane seçmeniz, ancak bir renk paleti daha kolay seçmenize yardımcı olmasını sağlar.
2. Teorik renk seçenekleri, renk paletinizden kaç renk istediğinizi belirleyebilirsiniz. Renk paletini uygulamanın veya belirlemenin standart bir yolu yoktur. Bununla birlikte, Divi ile iyi bir renk dengesi oluşturmak için beş renk kullanmalısınız. Web sitenize beş renk içeren bir renk paleti uygulamanıza yardımcı olmak için, farklı bir renk paleti görüntülerken aynı düzene tutarlı bir şekilde uygulayacağımız bir yöntem türü seçiyoruz. Ancak girmeden önce, yöntemimizi takip etmek istiyorsanız renk paletinizde olması gereken çeşitli renk türlerine bakalım. 2 Renk Arka Planı
Seçtiğiniz arka plan renginin birbirine uygun olduğundan emin olun. Bu arka plan rengini birbirine yakın kullanacak ve güzel sonuçlar elde edeceksiniz; Belli bir uyumları olmalı. 1 harfli renk
Son olarak, web sitenize renk getiren başka bir kullanıma hazır renk seçebilirsiniz. Bu renk köprü rengi kadar önemli olmasa da, bu, web sitenizdeki renk dengesini tamamlamanıza yardımcı olacaktır. 3. Kontrastın daha önce belirtildiği gibi yeterli olduğundan emin olun; Renk paletinizdeki birkaç renk arasında kontrast sağlamak çok önemlidir. Web sitesi için bir renk paleti kullanırsanız, bu kontrast esas olarak paylaştığınız yazılı bir içerik oluşturmanıza yardımcı olacaktır. Çünkü; İçeriğinizin okunması kolay değilse; Sonuçta amaç nedir? 4. Dengeyi kullanmak için doğru rengi bulun, renk paletinizde belirli renkleri ne sıklıkta kullanmak istediğinizi belirlemenin çeşitli yolları vardır. Web sitenizde kullandığınız renklerle bunalmış hissetmelerini istemiyorsanız, iyi bir renk dengesi oluşturmak gerekir. Renk paletinizde sıklıkla daha nötr renkler kullandığınızdan emin olun ve sağladığınız içeriği vurgulamak için diğer renkleri kullanın. Rehber: Web sitenize bir renk paleti ekleyin Bu yazının bir sonraki bölümünde, Web sitenize renk paletini uygulamanıza rehberlik edeceğiz. Web sitesi düzenine renk eklerken attığımız çeşitli adımları ele alacağız. Bu kılavuzdan sonra, renk paletini paylaştığımız bölüme ulaşacaksınız. Sadece renkleri paylaşmakla kalmıyor, aynı zamanda yönergeleri uygulamak için Divi’nin düzeninde de kullanıyoruz. Daha fazla zaman sınırlaması olmadan, farklı süreç adımlarına bakalım. 1. Renk ekleyeceğinize karar verin Bir renk paleti iki şekilde ekleyebilirsiniz:
Tüm renkleri kısmen ekleyin
Web sitenizin rengini bir renkle doldurun, bu iki yöntemi birbirinizle karıştırsanız bile, web sitenizin rengini renkle tamamlayarak başlamanızı öneririz. Bu şekilde, farklı renk kodlarını sürekli olarak kopyalamanıza ve eklemenize gerek yoktur. Her rengi bir kez kopyalıyorsunuz ve sonra diğerine dönüyorsunuz. 2. Rengi nasıl gireceğinize karar verdikten sonra arka plan rengini ekleyin, arka plan rengiyle başlayabilirsiniz. Arka plan rengiyle başlamanın bir nedeni iyi bir fikirdir, çünkü sonuçları hemen göreceksiniz. Web sitenizde kullandığınız temel rengi ayarlıyorsunuz.
Parlak renkli bir web sitesi oluşturmayı seçtiyseniz; İkinci bölümün arka planına en parlak rengi ekleyerek ve üçüncü bölümünüzdeki en parlak ikinci rengi takip ederek başlayın. 3. Metnin metnini ekleyin Web sitenize bir arka plan rengi ekledikten sonra web sitenize metin rengi eklemeye başlayabilirsiniz. Web sitenizdeki tüm yazılı içerik bu renge sahip olmalıdır (köprü ve harekete geçme davetine bakılmaksızın). 4. Bir sonraki web sitenize köprü ve CTA renkleri ekleyin, yapabileceğiniz bir sonraki şey, web sitenizde hareket etmek için köprü ve davetiye oluşturmaktır. İnsanların dikkatini çekerler ve onları nasıl bir bağlantı veya davet etmek için merak ediyorlar.
Web sitenize tıklanabilecek her şeyin bu rengi içerdiğinden emin olun. Bu tutarlılığa dayanarak, ziyaretçileriniz sitenizdeki ziyaretlerine devam etmek için nereye tıklayabileceklerini kolayca tanıyacaktır. 5. Son dokunmatik rengini ekleyin Yapmanız gereken son şey son dokunmatik rengini web sitesine eklemektir. Yaptığımız örnek ve renk paletinde, bu son dokunmatik rengini üç yerde kullanıyoruz: açıklamanın dairesinin rengi, insanların modülünün başlık metni ve ana menü çubuğu. Son dokunmatik rengi, web sitenizde kullanacağınız ana renk olmasa da, web sitenizin ihtiyaç duyduğu biraz ekstra renk taşımanıza izin verecektir. Web sitenizin monoton veya çok ciddi görünmesini istemiyorsunuz. Renk Callet şimdi renk paletini web sitenize uygulamak için gereken adımları analiz ettikten sonra, bazı şaşırtıcı renk paletlerini keşfetmeye başlamanın zamanı geldi. Oluşturduğumuz düzen örneğinin sonuçlarını göstermenin yanı sıra, bu sonuçları elde etmek için kullandığımız renk kodunu da paylaşacağız. 1. Gün için Fayans
Seçtiğimiz ilk renk paleti çoğunlukla daha yumuşak renk türleri (ve biraz pastel) içerir. Hafif bir web sitesi için seçtiğimiz için, renk paletindeki daha parlak renkler web sitelerinin çoğunu karşılıyor. Bununla birlikte, renk paletimizdeki daha koyu renk, web sitesinin gerekli renk dengesini içerdiğinden emin olun.
Bu örnekte kullanılan renkler aşağıdaki gibidir (soldan sağa):
#EBE8E2
#768a95 #B98077
#007193
#E2d7d7
2. Çöl
Listedeki bir sonraki renk paleti çöl denir. Bu renk paletinin renk dengesi, daha koyu renklendirilmiş web sitesine doğru eğiliyor. Bu örnekte hakim olan renk mavidir. Ancak, ihtiyaç duyulan kontrastın orada olmasını sağlayan çok parlak bir metin de var. Bu palette kullanılan renkler aşağıdaki gibidir (soldan sağa):#507782
#7C8E93
#D89C79
#443F3C #Ffe8d8
3. Festival
Bir sonraki renk paleti sık sık gördüğünüz şey değildir. Renk genellikle aynı renk paletinde görünmez, ancak oldukça ilginçtir. Web sitenizin benzersiz görünmesini istiyorsanız, bu palet yoldur. Bu palette kullanılan renkler (soldan sağa):
#E6EBD1
#A59E4C
#544C4D
#AF3D4B #Ced3bc
4. Pinky Sözü
Karanlık bir web sitesi oluşturmak istiyorsanız, bir sonraki renk paleti mükemmel bir seçimdir. Siyah gölgeler ve pembe tonlar iyi kombinasyonlar olarak bilinir. Çok kadınsı bakmadan web sitesine ekstra hoş bir dokunuş veriyorlar. Siyah gölgeler, web sitenizin görünümünün ve hissinin hala gerekli derinliği içermesini sağlar. Bu palette kullanılan renkler (soldan sağa):
#33383A
#ECC9C8
#E2566D
#4F575A #D3d8da
5. Santorini
Bir sonraki palette, mavi rengin diğer renklere hakim olduğunu açıkça görebilirsiniz. Bu renk paleti ile, hemen hafif ve pozitif bir his elde edersiniz. Mavi, bir web sitesi oluştururken insanların sevdiği renklerden biri olarak bilinir. Bu, profesyonelliği yansıtan standart bir renktir. Bununla birlikte, bu renk paletinde kullanılan mavi tonlar da eğlenceli tarafı gösterir. Bu örnekte kullandığımız renk paleti (soldan sağa):#1198ea
#0A5785
#A85A4D
#F1f5fa
#C5dff8
Bu renk paletinde hakim olan renk açıkça mor. Genellikle üzücü bir renk olarak görülse de, bu renk paleti ve web sitesinde kullanımı farklı görünüyor. Daha parlak bir renkle birleştirilirse, mor çarpıcı sonuçlar verebilir. Bu renk paletinde kullanılan renkler aşağıdaki gibidir:
#D7d7ed
#52517B
#737172
#Fcfcfc
#F0f1a 7. Pürüzsüz
Paylaşmak istediğimiz bir sonraki renk paleti oldukça nötr ve festival renk paleti ile aynı tarzda. Ayrıca o yerde sık sık görmüyorsunuz ama çok temiz görünüyorsunuz. Bu örnekte kullanılan renkler (soldan sağa):
#DAE2D5
#4B7263
#A8A461
#494949
#Cccccc 8. Şirket
Paylaşmak istediğimiz bir sonraki renk paleti her türlü işletme web sitesi için idealdir. Kullanılan renkler belirli pozitifleri ve madeni paraları yansıtır. Parlak arka plan renkleri, sarı ve yeşilimsi mavinin web sitesine katma değer sağlamasını sağlar. Bu palette kullanılan renkler (soldan sağa):
#181242
#4abdac
#Dbdbdb
#F7b733
#Fcfcfc 9. Mawar
Güllerin rengini kim sevmez? Bir sonraki renk paleti web sitenize kadınsı faktörler getirir. Parlak renkler web sitesine hakimdir, ancak daha koyu renklerin de güçlenmesini sağlarlar. Bu palette kullanılan renkler (soldan sağa):#152038
#DDA199
#Ff614c
#F5f5f5
#E2e2e2
10. Çikolata Vurgulamak istediğimiz bir sonraki renk paleti kahverengi. Bu renk paletiyle ilgili eğlenceli olan şey, metnin arka plan rengi ve renginin aynı renk kategorisinde olmasıdır. Kendinizi bu renklerden ayırt etmek ve dikkat çekmek için iki renge yer açar. Bu palette kullanılan renkler (soldan sağa):
#Fff4e8
#Ffe2c4
#822317
#935b3b
#346E70
11. Sofistike Bir sonraki renk kombinasyonu ilk görüşte beklemediğiniz bir şeydir. Mor ve yeşil sarı sıklıkla birlikte kullanılmaz, ancak sonuçları görebileceğiniz gibi; Oldukça iyi eşleşiyorlar. Bu iki renge odaklanmak için arka plan rengi ve metin rengi oldukça nötrdür. Bu palette kullanılan renkler (soldan sağa):
#88H317
#4F2649
#Fcfcfc
#Effef
#080816
12. Olivia Olivia, çok fazla açıklanması gerekmeyen bir renk paletidir. Zeytin ve sarı renkler çok iyi birleşti. Daha açık bir renk nötr korumak, bu renklerin dikkatini çalmasını sağlar. Bu palette kullanılan renkler (soldan sağa):
#778E3B
#Ffd902
#132819
#Effef
#Fcfcfc
13. Altın Kapısı Yumuşak krem renkleri, web sitenizin bir tür münhasırlığı yansıtmasına izin verir. Renk paleti oldukça basit görünse de, bu renk paletindeki mor turkuazın rengi, web sitesinin ihtiyaç duyduğu sıcaklığı sunmayı başardı. Bu renk paletinde kullanılan renk (soldan sağa):#373737
#F3f4e8
#ADA075
#Ede4c9
#A685BC
14. Kaptan
Bu palet muhtemelen listedeki en profesyonel palettir. Bu paletteki iki koyu mavi renk ana nedendir. Bununla birlikte, kırmızı renk, donmayı kırmak ve web sitesine biraz çeşitlilik katmak için iyi işler yapar. Bu yazıda kullanılan renkler (soldan sağa): #3B578E
#Db2323
#D7DEED
#F7f9ff
#201C44
15. Çevre
Paylaşmak istediğimiz bir sonraki renk paleti çevre. İsim, Green’in bu renk paletine hakim olduğunu gösteriyor. Bu yumuşak yeşil renk, bu palette sağlanan yumuşak türbülanslı renkle çok uygundur. Bu paletteki renkler (soldan sağa): #C2d3do
#56776A
#42B7A7
#Edeff4
#26423E
16. Yumuşak Zengin
Bir sonraki palette, bej ve kırmızı arasında iyi bir kombinasyon görebiliriz. Her türlü web sitesine olgunluk duygusu sağlarlar. Diğer çarpıcı yeşil renkler ekleyerek, web sitenizin görünümü ve hissi de genç görünecektir. Bu paletteki renkler (soldan sağa): #984B43
#233237
#B7A97C
#F9f0d4
#527C40
17. Büyüleyici
Bir sonraki palet, başka bir koyu renkli web sitesidir. Hakim renkler koyu mor ve gridir. Ancak, daha parlak bir renk web sitesine sıcaklık getirmeyi başardı. Bu paletteki renkler (soldan sağa): #D0b6d6
#3cc203d
#898989
#F2f2f2#f9aebd
18. Nane
Nane renk paleti web sitenize yeni bir tat sunar. İlk bakışta çok farkında olmasına rağmen, turuncu ve mor renkler taze duygular vermeyi başardı ve web sitesine doğdu. Bu palette kullanılan renkler (soldan sağa):
#31190A #B4bca7
#F99a53
#54468E
#E3ede5
19. Yumuşak Sarı
Bu eşsiz renk paleti çoğunlukla sıcak renkler içerir. Arka plan rengi olarak koyu ve parlak bir rengimiz olmasına rağmen, genel duygular ışık koltuklu web sitesine yaklaşıyor. Bu paletteki renkler (soldan sağa):
#DDCF30 #437468
#F1ffd1
#4A4C49
#Fcfad9
20. Gizem
Bu sıradaki son renk paleti, web siteniz için kullanabileceğiniz başka bir koyu renkli palettir. Bu palette kullanılan arka plan rengi basittir ve paletteki diğer parlak renklere izin verir. Bu paletteki renkler:
#131517 #13828A
#35363A
#Eef5f7
#AF8300
Bu yazıdaki son zihin, seçtiğiniz renk paletinin web sitenize nasıl uygulanacağına dair birkaç ipucu paylaştık. Ayrıca, web sitenize zarafet getirmenize yardımcı olabilecek 20 güzel renk paletini de gösterdik. Sorularınız veya önerileriniz varsa, aşağıdaki yorumlar bölümünde yorum bırakmaktan çekinmeyin. Ve sen oradayken bize söyle; Bu renk paletinden hangisi favoriniz? Üstün Görüntü Edgor_21 / Shutterstock.com
