Warna untuk digunakan dengan latar belakang hitam?

17

Apakah menggunakan teks kuning pada bg hitam buruk seperti yang ditunjukkan Mike di sini ? Jika ya, warna apa yang harus saya gunakan (nilai RGB atau hex)?

masukkan deskripsi gambar di sini

lllllllllllllllllllllllllllll
sumber
Font terlalu ketat.
bjb568

Jawaban:

22

Beberapa tahun yang lalu jika Anda mengajukan pertanyaan ini maka jawabannya pasti benar! Namun kami telah mendefinisikan kembali gaya dan ide desain akhir-akhir ini sehingga sekarang menjadi sedikit lebih kompleks.

Kuning dapat bekerja pada latar belakang hitam, tetapi lebih banyak tentang font dan di mana warna digunakan yang mempengaruhi keseluruhan tampilan situs. Pastikan Anda menggunakan font yang mudah dibaca dan Anda hanya menggunakan warna kuning untuk menyorot, seperti yang telah Anda lakukan. Cobalah juga untuk tidak menggunakan putih bersih, tetapi pilihlah abu-abu terang yang lebih lembut seperti #ebebeb.

Warna-warna berani seperti kuning dengan latar belakang gelap biasanya terlihat dengan tren desain datar saat ini , namun ini selalu merupakan versi warna yang lebih lembut atau lebih lembut, dan biasanya bukan versi primer. Latar belakang juga terutama hitam kaya (# 252525 atau serupa) tidak benar hitam (# 000000). Ini membuatnya lebih mudah untuk dilihat sambil mempertahankan ide asli untuk skema warna.

Situs ini memberi Anda gambaran tentang warna seperti apa di latar belakang. Sangat berguna untuk mengetahui apa yang menyakiti mata Anda dan apa yang tidak.

Kit UI yang indah dari Simon Eramo ini memberi Anda ide bagus tentang cara menggunakan warna-warna cerah pada latar belakang yang gelap

Flat Bold UI Kit oleh Simon Eramo

Situs ini memberikan contoh yang sangat bagus tentang bagaimana menggunakan hitam dan kuning, menggunakan putih untuk mengimbangi potensi kekerasan dari skema warna.

Situs Fernando Henrique oleh Diego Curuma

Kuning di sini adalah yang utama tetapi hanya digunakan untuk menyoroti.

Jika Anda cenderung lebih banyak emas dan oranye-kuning seperti # f39c12 atau # ffbb33 pada latar belakang hitam lembut atau abu-abu gelap seperti # 333333 atau # 555555 maka Anda akan merasa mudah di mata.

KitP
sumber
Terima kasih atas jawabannya; ada pertanyaan tindak lanjut di sini .
lllllllllllllllllllllllllllll
10

Meskipun itu komentar yang cukup lucu, teks kuning dengan latar belakang hitam bukanlah kejahatan yang membenci perancang. Berikut adalah beberapa situs yang bermain dengan konsep itu. Penting untuk dicatat bahwa apa yang akan Anda temukan di seluruh situs hebat ini adalah beberapa tema yang konsisten.

  • Mereka tidak pernah pergi dengan latar belakang hitam yang benar
  • Mereka tidak pernah menggunakan teks kuning sebagai teks paragraf di mana atau di mana ada konten, itu terutama digunakan sebagai judul dan sub judul.

Rexona Situs Rexona

Cinematik Cinematk

Devstars.com DevStars

Disajikan tipografi - Situs ini memiliki desain tipografi kuning di atasnya juga hanya untuk menunjukkan contoh yang tidak terbatas pada web. Tipografi Dilayani

Konsepnya mudah dirusak, tetapi jika dijalankan dengan benar saya pikir itu bisa membuat desain yang mencolok secara visual. Saya tidak berpikir itu terlalu banyak hubungannya dengan nilai hex karena untuk memahami bagaimana menggunakan warna kuning di seluruh. Saya akan, bagaimanapun, pastikan untuk tidak menggunakan latar belakang hitam # 000 penuh karena saya pikir kuning pada yang luar biasa bagi mata.

Adam Schuld
sumber
1
+1 untuk contoh situs kuning & hitam. Contoh bagus lainnya adalah breakbeat.co.uk
Matt Fletcher
1

Saya pikir warna yang lebih gelap akan lebih baik. Lebih mirip emas atau oranye kuning

Caitlin
sumber
2
Bisakah Anda jelaskan mengapa warna yang lebih gelap lebih baik? BTW: Selamat datang di GD.SE!
Mensch