สีที่ใช้กับพื้นหลังสีดำ?


17

การใช้ข้อความสีเหลืองบน bg ดำไม่ดีเท่าที่ไมค์ชี้ที่นี่หรือไม่? ถ้าใช่ฉันควรใช้สีอะไร (RGB หรือค่าฐานสิบหก)?

ป้อนคำอธิบายรูปภาพที่นี่


แบบอักษรแน่นเกินไป
bjb568

คำตอบ:


22

ไม่กี่ปีที่ผ่านมาถ้าคุณถามคำถามนี้แล้วคำตอบจะดังก้องใช่! อย่างไรก็ตามเราได้นิยามรูปแบบและแนวคิดการออกแบบใหม่เมื่อไม่นานมานี้ดังนั้นตอนนี้จึงซับซ้อนกว่าเล็กน้อย

สีเหลืองสามารถใช้งานได้บนพื้นหลังสีดำ แต่เป็นเรื่องเกี่ยวกับแบบอักษรและสีที่ใช้ซึ่งมีผลต่อลักษณะโดยรวมของไซต์ ตรวจสอบให้แน่ใจว่าคุณใช้แบบอักษรที่อ่านง่ายและคุณใช้สีเหลืองเพื่อเน้นเท่านั้นตามที่คุณทำ อย่าพยายามใช้สีขาวบริสุทธิ์ แต่เลือกใช้สีเทาอ่อน ๆ เช่น #ebebeb

สีหนาเช่นสีเหลืองที่มีพื้นหลังสีดำจะเห็นบ่อยกับแนวโน้มปัจจุบันของการออกแบบแบนแต่เหล่านี้มักจะเป็นรุ่นที่ออกเสียงหรือนุ่มของสีและโดยปกติไม่ได้เป็นรุ่นหลักของมัน พื้นหลังเป็นสีดำที่อุดมไปด้วย (# 252525 หรือคล้ายกัน) ไม่ใช่สีดำจริง (# 000000) สิ่งนี้ทำให้การดูง่ายขึ้นมากในขณะที่ยังคงความคิดดั้งเดิมสำหรับโทนสี

ไซต์นี้ให้คุณทราบว่าสีมีลักษณะอย่างไรบนพื้นหลังเป็นประโยชน์อย่างมากในการคิดออกว่าอะไรที่ทำให้คุณเจ็บปวดและสิ่งที่ไม่ดี

ชุด UI ที่ยอดเยี่ยมโดย Simon Eramoช่วยให้คุณมีความคิดที่ดีเกี่ยวกับวิธีใช้สีที่สดใสบนพื้นหลังสีเข้ม

ชุด Flat Bold UI โดย Simon Eramo

เว็บไซต์นี้เป็นตัวอย่างที่ดีของวิธีใช้สีดำและสีเหลืองโดยใช้สีขาวเพื่อตั้งค่าความรุนแรงที่อาจเกิดขึ้นของชุดรูปแบบสี

Fernando Henrique Site โดย Diego Curuma

สีเหลืองที่นี่เป็นสีหลัก แต่ใช้เพื่อเน้นเท่านั้น

หากคุณมีแนวโน้มที่จะมีสีทองและสีส้มมากขึ้นเช่น # f39c12 หรือ # ffbb33 บนพื้นหลังสีดำหรือสีเทาเข้มเช่น # 333333 หรือ # 555555 คุณควรมองว่าเป็นเรื่องง่ายในสายตา


ขอบคุณสำหรับคำตอบ; มีการติดตามคำถามที่นี่
llllllllllllllllllllllllllll

10

แม้ว่ามันจะเป็นความคิดเห็นที่ตลก แต่ข้อความสีเหลืองบนพื้นหลังสีดำไม่ใช่อาชญากรรมที่เกลียดชังนักออกแบบ นี่คือบางเว็บไซต์ที่เล่นกับแนวคิดนั้น เป็นสิ่งสำคัญที่จะต้องทราบว่าสิ่งที่คุณจะพบได้ในเว็บไซต์ที่ยอดเยี่ยมเหล่านี้คือธีมที่สอดคล้องกัน

  • พวกเขาไม่เคยไปเต็มรูปแบบพื้นหลังสีดำจริง
  • พวกเขาไม่เคยใช้ข้อความสีเหลืองเป็นข้อความในวรรคที่หรือที่ไหนมีเนื้อหาส่วนใหญ่จะใช้เป็นส่วนหัวและส่วนหัวย่อย

Rexona เว็บไซต์ Rexona

Cinematik Cinematk

Devstars.com DevStars

บริการการพิมพ์ - เว็บไซต์นี้มีการออกแบบตัวอักษรสีเหลืองและแสดงตัวอย่างที่ไม่ได้ จำกัด อยู่ที่เว็บ เสิร์ฟแล้ว

แนวคิดนั้นง่ายต่อการ botch แต่ถ้าดำเนินการอย่างถูกต้องฉันคิดว่ามันสามารถทำให้การออกแบบที่โดดเด่นทางสายตา ฉันไม่คิดว่ามันจะทำอะไรกับค่าฐานสิบหกมากนักเพราะมันคือการเข้าใจวิธีใช้สีเหลืองตลอด อย่างไรก็ตามฉันจะต้องแน่ใจว่าจะไม่ใช้พื้นหลังสีดำ # 000 เต็มเพราะฉันคิดว่าสีเหลืองบนที่ครอบงำตา


1
+1 สำหรับตัวอย่างของไซต์สีเหลืองและสีดำ อีกตัวอย่างที่ดีคือbreakbeat.co.uk
Matt Fletcher

1

ฉันคิดว่าเฉดสีเข้มกว่าจะดีกว่า มากขึ้นเช่นทองหรือสีส้มสีเหลือง


2
คุณช่วยอธิบายได้ไหมว่าทำไมสีที่เข้มกว่าจะดีกว่า BTW: ยินดีต้อนรับสู่ GD.SE!
Mensch
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.