Кольори для використання з чорним фоном?


17

Користується жовтий текст на чорному Б.Г. погані , як Майк вказав тут ? Якщо так, то які кольори слід використовувати (значення RGB або шістнадцяткові)?

введіть тут опис зображення


Шрифт занадто тугий.
bjb568

Відповіді:


22

Кілька років тому, якби ви задали це запитання, то відповідь була б чутним так! Однак останнім часом ми переосмислюємо стилі та ідеї дизайну, тому тепер це трохи складніше.

Жовтий може працювати на чорному тлі, але стільки ж стосується шрифтів та того, де використовується колір, який впливає на загальний вигляд сайту. Переконайтеся, що ви використовуєте легко розбірливі шрифти, а для підсвічування використовуєте лише жовтий колір, як це зробили. Також намагайтеся не використовувати чисто білий колір, але вибирайте більш ніжний світло-сірий, наприклад, #ebebeb.

Сміливі кольори, такі як жовтий з темним фоном, зазвичай зустрічаються з поточним трендом плоского дизайну , однак це завжди приглушений або м’якший варіант кольору, і зазвичай це не первинна версія. Фон також є насамперед насиченим чорним (# 252525 або подібним) не справжнім чорним (# 000000). Це значно полегшує перегляд, зберігаючи оригінальну ідею кольорової гами.

Цей сайт дає вам уявлення про те, як виглядають кольори на фоні, дуже корисно розібратися, що болить ваші очі, а що ні.

Цей чудовий набір інтерфейсу від Simon Eramo дає вам гарне уявлення про те, як використовувати яскраві кольори на темному тлі

Плоский сміливий набір інтерфейсу від Simon Eramo

Цей веб-сайт дає дуже гарний приклад того, як використовувати чорний і жовтий, використовуючи білий, щоб не встановити потенційну різкість кольорової гами.

Сайт Fernando Henrique від Дієго Курума

Жовтий тут основний, але використовується лише для виділення.

Якщо ви схильні до більшої кількості золотих та оранжево-жовтих кольорів, таких як # f39c12 або # ffbb33 на м'яких чорних або темно-сірих фонах, таких як # 333333 або # 555555, то вам слід побачити, що це легко на очах.


Дякую за відповідь; є простеження питання тут .
llllllllllllllllllllllllllllllll

10

Хоча це був досить кумедний коментар, жовтий текст на чорному тлі не є злочином ненависті дизайнера. Ось кілька сайтів, які грають з цією концепцією. Важливо зауважити, що те, що ви знайдете на всіх цих чудових сайтах, є деякими послідовними темами.

  • Вони ніколи не проходять повний справжній чорний фон
  • Вони ніколи не використовують жовтий текст як текст абзацу, де або де є вміст, він в основному використовується як заголовки та підзаголовки.

Рексона Сайт Rexona

Кінематик Кінематограф

Devstars.com DevStars

Опублікована типографія - на цьому веб-сайті є жовті типографічні конструкції, а також лише для показу прикладів, які не обмежуються Інтернетом. Типографія, що обслуговується

Концепцію легко продемонструвати, але якщо вона виконана правильно, я думаю, що це може зробити візуально яскравий дизайн. Я не думаю, що це так багато спільного з шістнадцятковими значеннями, як це зрозуміти, як використовувати жовтий протягом усього. Однак я б переконався, що не використовувати повний №000 чорного фону, оскільки я думаю, що жовтий колір є надзвичайно важливим для очей.


1
+1 для прикладів жовто-чорних сайтів. Ще один хороший приклад - breakbeat.co.uk
Метт Флетчер

1

Я думаю, що темніший відтінок буде краще. Більше схожий на золотий або жовтий помаранчевий


2
Чи можете ви пояснити, чому темніший відтінок буде краще? BTW: Ласкаво просимо на GD.SE!
Менш
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.