Siyah arka plan ile kullanılacak renkler?


Yanıtlar:


22

Birkaç yıl önce bu soruyu sorsaydınız, cevap kocaman bir evet olurdu! Ancak son zamanlarda tasarım stillerini ve fikirleri yeniden tanımlıyoruz, bu yüzden şimdi biraz daha karmaşık.

Sarı, siyah bir arka plan üzerinde çalışabilir, ancak yazı tipleri ve sitenin genel görünümünü etkileyen rengin kullanıldığı yere bağlıdır. Kolay okunabilir fontlar kullandığınızdan ve yaptığınız gibi vurgulamak için yalnızca sarı kullandığınızdan emin olun. Ayrıca saf beyaz kullanmamaya çalışın, ancak #ebebeb gibi daha açık bir gri seçin.

Koyu bir arka plana sahip sarı gibi koyu renkler, düz tasarımın mevcut trendinde yaygın olarak görülür , ancak bunlar her zaman rengin sessiz veya yumuşak bir versiyonudur ve normalde birincil bir versiyonu değildir. Arka plan aynı zamanda zengin siyah (# 252525 veya benzeri) değil gerçek siyah (# 000000). Bu, bir renk şeması için orijinal fikri korurken görüntülemeyi çok daha kolay hale getirir.

Bu site , bir arka plan üzerinde renklerin nasıl göründüğü hakkında bir fikir verir, gözlerinizi neyin acıttığını ve neyin yaramadığını çözmek çok yararlıdır.

Simon Eramo'nun bu harika UI kiti, karanlık bir arka plan üzerinde parlak renkleri nasıl kullanacağınız hakkında iyi bir fikir verir

Yassı Kalın UI Kiti by Simon Eramo

Bu site, renk şemasının potansiyel sertliğini ayarlamak için beyaz kullanarak siyah ve sarı kullanımının çok güzel bir örneğini veriyor.

Fernando Henrique Sitesi Diego Curuma tarafından

Buradaki sarı birincil renktedir ancak yalnızca vurgulamak için kullanılır.

Eğer # 333333 veya # 555555 gibi yumuşak siyah veya koyu gri arka planlarda # f39c12 veya # ffbb33 gibi daha fazla altın ve turuncu-sarıya yönelirseniz, gözler üzerinde kolay olduğunu görmelisiniz.


Cevap için teşekkürler; burada bir soru var .
llllllllllllllllllllllllllllll

10

Oldukça komik bir yorum olmasına rağmen, siyah zemin üzerine sarı metin tasarımcı nefret suçu değil. İşte bu konsept ile oynayan bazı siteler. Tüm bu harika sitelerde bulacağınız şeyin bazı tutarlı temalar olduğunu unutmamak önemlidir.

  • Asla dolamıyorlar, gerçek siyah arka plan
  • İçeriğin olduğu veya olduğu yerlerde asla sarı metin paragraf metni olarak kullanmazlar, çoğunlukla başlıklar ve alt başlıklar olarak kullanılırlar.

Rexona Rexona Sitesi

Cinematik Cinematk

Devstars.com DevStars

Tipografi yapıldı - Bu sitede, yalnızca web ile sınırlı olmayan örnekler göstermek için sarı tipografi tasarımları da var. Sunulan Tipografi

Konseptin kolay olması, ancak doğru bir şekilde uygulandığında görsel olarak çarpıcı bir tasarım yapabileceğini düşünüyorum. Onaltılık değerlerle ilgisi olduğunu sanmıyorum, çünkü sarı boyunca nasıl kullanılacağını anlamak. Bununla birlikte, sarı için gözler için ezici olduğunu düşündüğümde tam bir # 000 siyah arka plan kullanmamaya dikkat ediyorum.


1
Sarı ve siyah site örnekleri için +1. Başka bir güzel örnek breakbeat.co.uk
Matt Fletcher

1

Bence daha koyu bir gölge daha iyi olurdu. Daha çok altın veya sarı turuncu gibi


2
Daha koyu bir gölgenin neden daha iyi olacağını açıklayabilir misiniz? BTW: GD.SE'ye hoş geldiniz!
Mensch
Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.