web-gelistirme-sc.com

Renk paletleri ve CSS arasındaki boşluğu doldurma

kuler gibi sitelere aşinayım, HTML/CSS/JavaScript (programcı olarak) konusunda bilgiliyim ve web sitemde ne tür içerik istediğimi biliyorum. İçeriğimi iyi bir şekilde nasıl düzenleyeceğimizi anlayabilirim. Ama benim için en zor kısım, her şeyin ne renk olduğunu (örneğin bağlantılar, metin, arka plan, diğer öğeler) bulmaktır. Renklerde berbatım!

Örneğin, kuler'i Triad moduna getirip bir renk seçtiğinizde, renk ve iki tamamlayıcı renk gösterir, böylece renklerin her biri kalın ama yine de birlikte çalışır. Ama onları bir sayfaya, arka plan için bir renk, bağlantılar için bir renk ve metin için bir renk koymaya çalışıyorum, hiç çalışmıyor. Açıkçası her şeyi yanlış yapıyorum!

Bir web sitesi yapmak için hangi renkleri bulmanın en iyi yolu nedir? Renklerde kesinlikle berbatım ve kuler'in yardımcı olacağını düşündüm ama o kadar kolay değil! Lütfen hızlı ve kolay bir renk paleti seçip web siteme uygulayabilmem için kuler ve CSS arasındaki "boşluğu doldurmamı" sağlayın.

9
Ricket

Kulağa renk koymaya çalıştığınız anlaşılıyor (örn. Yeşil bir arka plan üzerinde kırmızı metin). Bu gözler için çok zor!

Renklerin ve grilerin bir karışımı için çabalayın (beyaz ve siyah burada 'griler') - örneğin, renkli metniniz varsa, beyaz veya siyah bir arka plan üzerine koyun. Renkli bir arka plan istiyorsanız, sadece açık renkli hale getirin ve üzerinde beyaz veya siyah metin kullanın.

Renk ile, daha azı daha fazladır. Eğer cafcaflıyorsanız, MySpace ve sakat baş ağrıları ile sonuçlanırsınız. İçerik olarak değil, vurgu için renk kullanın. Siyah beyaz bir tasarımla başlayın ve bir renk öğesi eklemeyi deneyin. Bunun nasıl göründüğüne bakın. Sonra bir tane daha ekleyin. Çok fazla? Tekrar çıkar. Farklı bir eleman deneyin.

Beğendiğiniz web sitelerinin rengi nasıl kullandığına bakın. Örneğin, bu sayfa çoğunlukla siyah ve beyaz, bazıları mavi (bağlantılar, etiketler, başlık çubuğu) ve bazıları sarı (mavi karşıtlar, çok az kullanılan) vurgu rengi). Bu bugün yaygın bir yaklaşım.

5
Alex Feinman

Kullanıcının deneyimlemesini istediğiniz duyguyu bulun. Kahve servisi yapan bir yer için bir site mi yapıyorsunuz? Ruh halini renklerle ayarlamayı deneyin. Hangi renklerin hangi duyguları birleştirdiğini bilmeniz gerekir.

Ziyaretçiye hangi duyguyu vermeye çalışıyorsunuz?

Bu siteyi renk teorisine çok yardımcı bir giriş olarak buldum: TigerColor - Renk Teorisi Giriş

Renkleri seçmek için sadece tonlardan çok daha fazlası olduğunu unutmayın. Ayrıca, hafifliği ve doygunluğu dikkate almayı da düşünebilirsiniz.

3
Daniel X Moore

Diyelim ki üçlü renklerin tam olarak "birlikte iyi çalışması" gerekmiyor - daha sık izleyicilerin dikkatini çeken üç renk. Triad temelli renk paletleri, paletteki renkler yalnızca nötr alandaki noktalarsa veya bir renk baskın ve diğer ikisi aksan olarak kullanılıyorsa iyi çalışır.

1
Mariusz Ciesla

Programlamayı öğrendiğinizde, muhtemelen (muhtemelen) ilk programınız olarak üç katmanlı bir mimariyi sıfırdan yazmadınız. Muhtemelen size programlamanın küçük bir yönünü öğretmeye yardımcı olan küçük programlar yazdınız.

Aynı şey tasarım için de geçerlidir. Atlamak ve hemen çarpıcı ve karmaşık bir tasarım oluşturmak için işe yaramaz.

Bir tasarımcı olmayan başlamak için mümkün olduğunca basit tutmanız gerekir. Beyaz (veya biraz beyaz olmayan) bir arka plana sahip olmayan iyi görünümlü bir site tasarlamak gerçek bir beceri gerektirir. Siyah metinli düz beyaz bir arka plana sahip olun ve daha sonra küçük ayrıntılar için üç rengi kullanın - bağlantılar, başlık ve kalın metin ve belki de başlık.

Basit bir tasarıma sahip olduğunuzda, içeriğe odaklanın. Tüm bunlar iyi olduğunda, tasarımı denemek için iyi bir temeliniz olacaktır. Ardından, ince değişikliklerin etkilerini öğrenebilmeniz için yavaş yavaş ve birer birer daha tasarımcı bir yetenek getirin. Bunu eğitim olarak düşünün.

1
Mongus Pong

Bazı boya kalemleri, renkli kalemler vb. Alın ve deneyin. Kuler'deki (veya popüler renk üreticilerinin herhangi birinden) triaddan CSS'ye doğrudan gitmek, renklere bağlı olarak vurulabilir/kaçırılabilir.

İlk başta birkaç, 2-3 renk ile yapışır. Renk teorisi tipografiye benzer, çünkü birçok seçenek mevcuttur, ancak en iyi tasarımlar genellikle çok az, iyi seçilmiş renkler kullanır.

Ayrıca, arka plan gibi büyük genişlikler için nötrleri (veya nötr tonları) ve bağlantılar, logolar vb. Şeyler için daha çarpıcı renkler düşünün.

Ayrıca, bazı harika fikirler için ColourLovers adresine göz atın (ya da daha iyisi, topluluğa katılın!).

1

Daima örnek olarak çalışıyorum. Post Web Tasarımında Rengin Gücünü Kullanma Kılavuz , @Daniel X More'un söz konusu renk teorisini uygulayan web siteleriyle daha fazla konuştuğu Renk Teorisini birleştirir.

Daha sonra sitelerden birini sahip olduğunuz içerikle eşleştirebilir ve oradan renk uyumunu başlangıç ​​noktası olarak tersine düzenleyebilirsiniz.

1
icc97