Фон темно белый: Темно белый фон — 56 фото

Темно белый фон — 56 фото

Арт

Автомобили

Аниме

Девушки

Дети

Животные

Знаменитости

Игры

Красота

Мужчины

Природа

Фантастика

Фильмы

Фэнтези

Фоны 282 25 августа 2022

1

Серый цвет фон

2

Красивый белый фон

3

Черно белый цвет

4

Разбитое сердце Минимализм

5

Бесшовный узор

6

Бело черный фон

7

Кварц черный столешница Слотекс

8

Фон город черно белый

9

Черный фон

10

Черно серый фон

11

Орнамент на темном фоне

12

Красивый черно белый фон

13

Абстракция в серых тонах

14

Черно белый Минимализм

15

Чёрно белый фон

16

Фон узоры

17

Черный фон градиент

18

Черные обои

19

Черный фон

20

Белый Минимализм

21

Фон Минимализм

22

Абстракция в черно-белом цвете

23

Фон полосы

24

Текстура узор

25

Рисунки на черном фоне

26

Одиночество Минимализм

27

Полосатый фон черно белый

28

Красивые чёрные обои

29

Фон узоры

30

Черные обои

31

Черно серые обои

32

Абстракция ч/б

33

Черные обои

34

Цветы абстракция

35

Красивые узоры на темном фоне

36

Девушка в черном платье на белом фоне

37

Фон узоры

38

Винтажные узоры

39

Темный фон с узорами

40

Черный фон с узорами

41

Черные обои

42

Обои Минимализм

43

Черные обои

44

Фон узоры

45

Черно белые обои

46

Черный фон абстракция

47

Аниме темный фон

48

Черный градиент

49

Аниме черно белое

50

Фон узоры

51

Черный градиент

52

Плавные линии

53

Черный дым

54

Обои абстракция черные

55

Серый градиент

Оцени фото:

Комментарии (0)

Оставить комментарий

Жалоба!

Еще арты и фото:

Шикарные обои на самого высокого качества! Выберайте обои и сохраняйте себе на рабочий стол или мобильный телефон — есть все разрешения! Огромная коллекция по самым разным тематикам только у нас! Чтобы быстро найти нужное изображение, воспользутесь поиском по сайту. В нашей базе уже более 400 000 шикарных картинок для рабочего стола! Не забывайте оставльять отзывы под понравившимися изображениями.

абстракция автомобили аниме арт девушки дети еда и напитки животные знаменитости игры красота места мотоциклы мужчины общество природа постапокалипсис праздники растения разное собаки текстуры техника фантастика фэнтези фильмы фоны

Черно серый фон — фото и картинки: 69 штук

124 Обои 2-12-2022

Фактура в живописи

Лист текстура черно белый

Черно-белый цветок

Черно белая Эстетика

Черно белые обложки альбомов

Мрамор обои

Бабочка на темном фоне

Керамогранит j88514 Canova Statuario Lapp rett

Серая абстракция

Эстетика белого и серого

Блэк Марбл

Эстетика серого цвета

Геометрический фон

Эстетика серого цвета

Минималистичный сайт шаблон

Мрамор фон

Фон Луис вуитон

Облака на черном фоне

Эстетика белого

Серые рисунки

Цветы на темном фоне

Обои на рабочий стол темные

Эстетические обои серые

Белый лист

Эстетика серого

Серый эстетичный фон

Фактура перьев

Мраморные разводы

Эстетика черного

Светло серая Эстетика

Эстетика белого цвета

Серые обои на телефон Эстетика

Темная Эстетика

Серый геометрический фон

Эстетика чёрного цвета

Обои Эстетика

Белые скульптуры Эстетика

Красивый фон для цитат

Чёрно Эстетика

Минимализм природа

Ч/Б Эстетика

Серое дерево

Белый фон с черными пятнами

Чб Эстетика

Эстетика черных бабочек

Офисный фон для презентации

Обои на рабочий стол Эстетика мотивация

Серо черно белая Эстетика

Цветы на мраморе

Серый лист

Обои на рабочий стол темные

Мрамор текстура

Черные обои

Серые высотки

Девушка из дыма

Обои Минимализм

Минималистический фон для презентации

Темно серая Эстетика

Фон город черно белый

Серый фон Минимализм

Серый эстетичный фон

Серый Минимализм

Темный фон

Лес фон

Эстетика зеленого

Серые розы

Светло серый фон

Мрачные цвета

Оцени фото:

Комментарии (0)

Оставить комментарий

Жалоба!

Другие фото по теме::

• Аниме 0
• Спрайты 0
• Обои 0
• Поделки 0
• Арт 0
• Картинки 0
• Фоны 0
• Острова 0
• Листья 0
• Небо 0
• Деревья 0
• Грибы и ягоды 0
• Природа 0
• Пещеры 0
• Водопады 0
• Горы 0
• Озера 0
• Реки 0
• Лес 0
• Поле 0
• Море 0
• Цветы 0
• Растения 0
• Стихия 0
• Времена года 0

Белое на черном или черное на белом? Плюсы и минусы темного режима | by Takuma Kakehi

Было много разговоров и утечек о темном режиме для предстоящей WWDC 2019 (Эксклюзив: скриншоты показывают темный режим iOS 13, новое приложение «Напоминания» и многое другое | 9to5Mac). В новой iOS 13 вы можете включить темный режим в приложении «Настройки» или с помощью опции в центре управления. Судя по изображению, опубликованному в статье, их музыкальное приложение, похоже, использует настоящий черный фон.

Источник изображения: Эксклюзив: Скриншоты показывают темный режим iOS 13, новое приложение «Напоминания» и многое другое | 9to5Mac

Я лично пользуюсь телефоном Pixel от Google. В настоящее время у меня есть Pixel 3, мое третье устройство Pixel, и я должен сказать, что его относительно более короткое время автономной работы по сравнению с другими смартфонами было моей головной болью. Поскольку я хотел получить максимальную отдачу от своей недавней поездки в Лос-Анджелес, я в основном использовал поездки Lyft в качестве транспорта, и я был вынужден очень часто открывать свой ноутбук, чтобы заряжать свой телефон на каждую поездку , чтобы просто поддерживать его жизнь.

Во время недавнего I/O Google, к счастью, Google объявил, что они будут включать Dark Theme в свой новый Android Q. На самом деле, я использовал Dark Theme даже в моей текущей версии Android, но версия с Q, похоже, принимает это. Еще больше. Например, темный цвет фона является или, по крайней мере, ближе к чистому черному, чем текущий темно-серый; больше элементов, таких как пузыри уведомлений, также находятся на темном фоне, в отличие от текущей версии. Google влияет на большее количество приложений для Android, чтобы они использовали темные темы.

Apple II Plus, представленный в 1979 году (Источник изображения: Maric Wichary через Flickr)

Экраны старых компьютеров были в темном режиме; это связано с тем, что могла делать ранняя электронно-лучевая трубка, которая приводила в действие эти старые квадратные телевизоры. По мере того, как был принят графический интерфейс и развивалась технология отображения, люди, которые не были программистами, также познакомились с компьютерами. Затем в качестве скевоморфного подхода был принят черный текст на белом фоне, как на обычной бумаге (запись о скевоморфный дизайн : сила знакомства в дизайне: скевоморфные триггеры и персонифицированные машины). Подход приобрел привлекательность, поскольку обработка текстов стала важным инструментом для каждой корпорации.

Lisa от Apple, выпущенная в 1983 году, была первым продуктом Apple с графическим пользовательским интерфейсом, однако коммерчески провалилась. Apple Macintosh был первым продуктом с графическим пользовательским интерфейсом, который массовый потребитель использовал в 1984 году. (Источник изображения: Mac-History) Смартфоны

увеличили количество часов, в течение которых люди проводят перед экранами в целом, а также в темных спальнях. Из-за ярких белых экранов в темных спальнях многие люди связывают темный режим с тем, что он лучше для наших глаз. Хотя внезапное появление бликов может вызвать кратковременное напряжение глаз при чтении, долгосрочные последствия для здоровья в результате регулярного использования темных или светлых экранов не являются окончательными; Прошло совсем немного времени с тех пор, как люди начали тратить много времени на экраны каждый день, и у нас нет достаточно большой выборки, чтобы определить это. Тем не менее, есть много исследований, которые подтверждают мнение о том, что чтение на более светлых экранах дает лучший опыт чтения в течение длительного времени.

В исследовании, проведенном Ричардом Х. Холлом и Патриком Ханной, Влияние сочетаний цветов текста и фона веб-страницы на запоминаемость и воспринимаемую читабельность, эстетику и поведенческое намерение , испытуемые ответили, что они лучше воспринимают темный текст на светлом, чем его аналог, например.

Когда фон светлый и больше света, зрачки сужаются. Маленькие зрачки создают большую глубину резкости. С другой стороны, меньшее количество света вызывает расширение зрачков, что делает точку фокусировки более мелкой; это означает, что в темном режиме требуется больше усилий для фокусировки. Кроме того, светлый текст рассеивает свет вокруг и легко создает эффект ореола на темном фоне; глазам труднее сфокусироваться, и они могут легко устать. С другой стороны, темный текст на светлом фоне позволяет тексту отображаться с четкими краями.

Действительно ли темный режим лучше для ваших глаз? — объясняет Чеддер | Чеддер на YouTube

Кроме того, в ранее проведенных опросах многие люди ответили, что темный режим может привести к тому, что они потеряют интерес к контенту, с которым они взаимодействуют, быстрее, чем без темного режима. На самом деле это может быть полезно для того, чтобы они не проводили слишком много времени в социальных сетях. Хотя темный режим намного лучше для здоровья при просмотре книг у постели больного, исследования показывают, что темный режим может быть бесполезен для длительного комфортного чтения.

Как я упоминал в начале, технологические компании настаивают на включении темного режима в качестве опции. Благодаря широкой адаптации OLED-экранов к смартфонам темный режим значительно сокращает время автономной работы мобильных устройств. Начнем с того, что OLED-экраны увеличивают время автономной работы на 30% по сравнению с ЖК-экраном с такими же характеристиками экрана. Это связано с тем, что OLED-экран может подсвечивать каждый пиксель, только если это необходимо. С другой стороны, ЖК-дисплей воспроизводит контент, блокируя свет жидким кристаллом, поэтому подсветка должна быть всегда включена.

Компания Google представила информацию о том, как расход батареи при навигации по картам Google в ночном режиме снижается на 63 % на устройствах Pixel с AMOLED (активная матрица OLED, тип OLED, поддерживающий различные размеры дисплея) по сравнению с обычным режимом. Напротив, iPhone 7 с ЖК-дисплеем не показал никакой разницы между ЖК-дисплеем и AMOLED.

Влияние темного режима на срок службы батареи между OLED и ЖК-экранами (Источник изображения: SLASH GEAR) Влияние разных цветов на энергопотребление (Источник изображения: SLASH GEAR)

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

На диаграмме показана значительная разница в энергопотреблении между белым и черным экранами (Источник изображения: SLASH GEAR)

Ниже я архивирую, как темный режим был реализован в различных приложениях и вариантах использования. Я буду продолжать добавлять в список другие варианты использования, поскольку я сталкиваюсь с различными приложениями с темным режимом.

Pocket представила темную тему еще в 2012 году. Тема помогает читать поздно ночью, и это особенно важно для Pocket, с его основным предложением сохранять любопытный онлайн-контент на потом или лучшее время для чтения.

Приложение Pocket 4.1 представило темную тему еще в 2012 году. (Источник: Pocket 4.1 добавляет темную тему, нумерацию страниц, уточнения | MacStories) В 2015 году Pocket добавила темную тему на свой веб-сайт. (Источник: Pocket запускает совершенно новый дизайн для Интернет | ТНВ)

Твиттер и социальные сети

Твиттер был одним из первых, кто принял темный режим среди социальных сетей. Первоначальный ночной режим был представлен в 2016 году.

В связи с жалобами клиентов на нечерный фон Twitter добавил черный как смоль фон, темный режим Light Out, в отличие от затемненного темного режима, который был переименован из исходного ночного режима. Жалобы были на экономию заряда батареи устройства. Light Out был представлен для их приложений iOS на OLED-устройствах в марте 2019 года. (Источник: у каждого гаджета и приложения должен быть темный режим | The Wall Street Journal) С жалобами клиентов на нечерный фон, чтобы сэкономить заряд батареи. В марте 2019 года Twitter добавил в свое приложение для iOS черный как смоль фон, темный режим «выключения света».. (Источник: Twitter становится темным. Или, по крайней мере, интерфейс приложения | WIRED)

Mac OS Mojave

Apple объявила о своем первом полнофункциональном темном режиме для Mac OS на WWDC 2018. Темный режим в их операционной системе был желанным. их пользователями в течение длительного времени. Некоторые пользователи говорят, что это помогает им сосредоточиться на контенте и уменьшает блики на экране, которые раньше вызывали утомление глаз.

Существует возможность установить темный режим для каждого приложения, а также глобальные настройки. Многие пользователи создали автомат, который позволяет им быстро переключаться между темным и светлым режимами из Spotlight. (Источник изображения: TekRevue)

Темная тема в ОС Android, начиная с Pie

ОС Android позволяет пользователям выбирать темный режим. (Источник: Как включить темный режим Android везде, где он доступен, с двумя простыми настройками в Pie | 9to5Google) Канал обнаружения Android можно настроить на темную тему вручную или отразить выбранные обои (Источник: вот каждое приложение Google с темным режимом, и как его включить | 9to5Google) В мае 2019 года Календарь Google и Keep также объявили о своем темном режиме для Android в преддверии официального запуска Android Q. (Источник: темный режим Календаря Google на Android, теперь официальный для Keep | 9to5Google)

Программа SaaS, визуализация данных и редакторы программ

Многие профессиональные инструменты включают темный режим для минимизации нагрузки на глаза. Хотя длительное чтение текста в темном режиме может быть не лучшим для концентрации, тем не менее, некоторые инструменты визуализации данных используют темный экран. Цвета также лучше проявляются на темном фоне, и легко построить визуальную иерархию, чтобы выделить элемент, который требует дополнительного внимания.

Bloomberg Anywhere в приложениях для iOS (Источник изображения: Джереми Фюрст через. Темные интерфейсы. Хорошее и плохое. Что можно и чего нельзя делать от Toptal) По мере закрытия рынка приложение Robinhood становится темным. Полезно держать его темным ночью, но изменение чрезвычайно функционально. (Источник изображения: Robinhood через. Дизайн Robinhood, привлечение молодежи к торговле акциями)

Программисты, которые проводят долгие часы перед экранами, также широко известны тем, что предпочитают темный режим, чтобы помочь своим глазам. Это также помогает читать различные типы языков программирования с более четкими цветами на темном фоне. Это также помогает хорошо идентифицировать таксономию языка программирования благодаря хорошо подготовленным цветовым темам с помощью различных программ редактирования программирования.

«Черный фон снижает нагрузку на глаза и облегчает чтение автоматического цветового кодирования, что позволяет быстрее понять код с первого взгляда», — Кевин Блох, разработчик Toptal (Источник изображения: Dark UIs. The Good and the Bad. Dos and Don ‘тс от Toptal)

YouTube

Приложение YouTube следует оттенкам серого темной темы Android (Источник: вот каждое приложение Google с темным режимом и как его включить | 9to5Google) Веб-сайт YouTube использует более темный фон #111111, в отличие от своего приложения (Источник: как включить YouTube Dark Mode/Night Mode | Nathan Hamilton)

Исходное сообщение: http://www.ta-kuma.com/product-design/white-on-black-or-black-on-white-the-pros-and- cons-of-dark-mode/

Темный режим Android Q темнее, чем битва за Винтерфелл | Грань

Влияние сочетаний цвета текста и фона веб-страницы на удобочитаемость,

Удержание, эстетика и поведенческое намерение

Темный режим взял верх: последние новости об этой функции экономии заряда батареи | The Verge

Снова в черном: как включить темный режим и сэкономить заряд батареи | mobilesyrup

Вот каждое приложение Google с темным режимом и как его включить | 9to5Google

Google подтверждает, что темный режим очень помогает продлить срок службы батареи на Android | Грань

В каждом гаджете и приложении должен быть темный режим | The Wall Street Journal

Твиттер уходит в тень. Или, по крайней мере, интерфейс приложения | WIRED

Twitter получит еще более темный «темный режим» | TechCrunch

Темные интерфейсы. Хорошее и плохое. Что можно и чего нельзя делать | Миклош Филипс в обзоре Toptal

macOS Mojave: Dark — это круто. Будущее жарко | iMore

Действительно ли темный режим лучше для ваших глаз? | Чеддер объясняет через. Youtube

Темный режим Календаря Google развертывается на Android, теперь официально для Keep | 9TO5GOOGLE

темных интерфейсов. Хорошее и плохое. Что можно и чего нельзя делать.

Темные пользовательские интерфейсы эффектны, стильны и элегантны. Тем не менее, дизайнеры должны действовать осторожно, если они выбирают «темную сторону».

Создание внешнего вида продукта является одной из основных обязанностей дизайнера. Первоначальное дизайнерское решение должно соответствовать назначению продукта, конкретной ситуации и его аудитории. Цветовая схема будет иметь долгосрочное влияние и должна быть тщательно подобрана — и все начинается с выбора фона, на котором будут размещены элементы дизайна — «холста». Обычный выбор, почти по умолчанию, — белый фон.

Есть веские причины для выбора яркого фона. Контрастность, текст, удобочитаемость и возможность работать с широким диапазоном тонких цветов — вот некоторые из них. Согласно многим научным исследованиям, для оптимальной читаемости требуется черный текст на белом фоне. Брендинг также может повлиять на решение, потому что логотипы и цвета компании не будут работать с темной цветовой палитрой.

Большинство исследований показали, что темный текст на светлом фоне лучше, чем светлый текст на темном фоне, т. е. его легче читать. В одном известном исследовании «зрительная усталость» была значительно выше, когда испытуемые читали светлые символы на темном фоне по сравнению с темными буквами на светлом фоне (Бауэр Д., Бонакер М. и Кавониус С. Р. 19).83).

Существует также ожидание : люди привыкли видеть разнообразный контент, отображаемый темными чернилами на белом фоне, представленный вместе с изображениями. Подумайте о газетах и ​​журналах, которые существуют уже более 350 лет. Возвращаясь еще дальше — на тридцать пять тысяч лет до эпохи палеолита (дни пещерного человека), мы находим наскальные рисунки львов и мамонтов, обычно помещенные на светлом фоне углем или обожженными костями, которыми рисовались изображения.

Доисторические рисунки возрастом 30 000 лет в пещере Шове, Франция.

Тем не менее, когда проект требует этого, современные дизайнеры цифровых продуктов могут выбрать для работы темную цветовую схему по целому ряду причин. Как указывалось выше, часто это эстетический выбор, призванный передать драму и вызвать эмоцию — что-то неожиданное — или, возможно, дизайнер хочет объединить дизайн с брендингом или убедиться, что визуальный контент выделяется.

Для Apple TV сайт Apple переключается на темный пользовательский интерфейс для драматического эффекта и потому, что его использование обычно связано с вечерними развлечениями.

Однако, если дизайнер решит перейти на «темную сторону», он столкнется с рядом проблем.

В игру вступают всевозможные проблемы с удобством использования, в основном связанные с возможностью сканирования, удобочитаемостью и контрастностью. Основным аспектом, который следует учитывать, является достаточный контраст между текстом и фоном. Необходимо также учитывать контекст (вариант использования) и среду, а также устройство, на котором, вероятно, будет просматриваться пользовательский интерфейс.

Компания Breitling решила использовать черный фон, чтобы выделить дизайн своих часов.

Некоторые темные пользовательские интерфейсы предназначены для минимизации «цифрового напряжения глаз». С развитием цифровых технологий мы смотрим на экраны большую часть дня. Цифровое напряжение глаз — распространенное заболевание, от которого ежедневно страдают миллионы людей. Вызванный чем угодно, от чрезмерного использования компьютера до регулярного воздействия яркого света, он может вызывать головные боли, боли в шее, помутнение зрения и жжение/покалывание в глазах.

Есть даже такие вещи, как компьютерный зрительный синдром (CVS) и «глазной дискомфорт». Согласно исследованию, более 83 процентов американцев используют цифровые устройства более двух часов в день, при этом 60,5 процента сообщают, что испытывают симптомы цифрового напряжения глаз. (Глаза переэкспонированы: дилемма цифрового устройства.)

Продукты SaaS для бизнеса и приложения для редактирования мультимедиа используются в течение многих часов подряд. Многие из них были разработаны с темным пользовательским интерфейсом, чтобы уменьшить нагрузку на глаза, но при этом обеспечить четкость изображения. Однако такой подход требует тщательной предварительной оценки направления проектирования.

Приложения Bloomberg Anywhere для iOS (автор Джереми Фюрст).

Большинство разработчиков используют черный экран с синтаксисом с цветовой кодировкой, чтобы снизить нагрузку на глаза. Как говорит разработчик Toptal Кевин Блох: «Черный фон снижает нагрузку на глаза и облегчает чтение автоматического цветового кодирования, что позволяет быстрее понять код с первого взгляда».

Разработчик Toptal Амин Шах Гилани добавляет: «Лично я использую солнечную темную тему для своего редактора кода. Я предпочитаю темную тему, потому что темный фон приятнее для глаз, особенно потому, что мне нравится приглушать свет или работать ночью».

Toptal Developer Редактор кода Амина Шаха Гилани от Atom.

Пользовательские интерфейсы игровых приложений также склонны к более темным темам. Игровой контекст и среда, в которой играют игроки, лучше сочетаются с черной цветовой палитрой. Дизайн с черным фоном усиливает яркие визуальные эффекты, создает ощущение таинственности, обеспечивает лучшую контрастность и поддерживает визуальную иерархию.

Когда темные пользовательские интерфейсы работают хорошо

Большинство пользовательских интерфейсов, связанных с развлечениями (смарт-телевизоры, игровые приставки, приложения для ТВ и фильмов), как правило, имеют дизайн пользовательского интерфейса с темной тематикой — и на то есть веские причины. Большинство развлечений, связанных с развлечениями, происходят вечером, их смотрят с расстояния 6-10 футов и смотрят в плохо освещенных помещениях — другими словами, экран соответствует окружающей среде. Кроме того, красочный контент (например, обложка и рекламные ролики) резко выделяется на пользовательском интерфейсе с темной тематикой.

Цель состоит в том, чтобы соответствовать контексту действия: «Темнеет, я расслабляюсь и хочу посмотреть телевизор». Подобно тысячам крошечных лампочек, цифровые экраны излучают свет везде, где присутствует яркий пиксель; следовательно, яркий пользовательский интерфейс будет освещать комнату — нежелательный эффект, учитывая активность. В этом сценарии дизайн пользовательского интерфейса пытается соответствовать контексту: устройству, содержимому, активности и среде.

Хулу.

Нетфликс.

Приложение Apple iTunes.

В правильном контексте, среде, приложении и использовании пользовательский интерфейс с черным фоном имеет смысл. Всегда учитывайте контекст , в котором, вероятно, будет использоваться интерфейс. Но дело идет дальше — выбор должен зависеть от содержимого и контекста : что , когда , где , и на каком устройстве .

• Для создания сильного, эффектного образа
• Создавать ощущение стиля и элегантности, роскоши и престижа
• Чтобы создать ощущение интриги и тайны
• Чтобы помочь сосредоточить и направить внимание пользователя с минимальными отвлекающими факторами
• Для поддержки визуальной иерархии и информационной архитектуры

Концепция дистанционного управления и диагностики автомобиля от Ramotion.

Темные пользовательские интерфейсы следует использовать только с разреженным, минимальным текстом и «разделенной» информацией с сильным акцентом на визуальные эффекты — светлый на текст. Если используется текст, он должен сильно контрастировать с темным фоном — желательно чисто белым или другим насыщенным цветом (не темно-серым) на черном фоне.

Киноархив CINEMATEK в Брюсселе использует черный фон для драматического эффекта.

Когда темные пользовательские интерфейсы не работают должным образом

Как указывалось ранее в этой статье, темные пользовательские интерфейсы являются плохим выбором для содержимого с большим объемом текста и данных, а также при использовании различных типов содержимого (текст, изображения , видео, таблицы данных, раскрывающиеся списки, поля и т. д.). Общее мнение в сообществе дизайнеров заключается в том, что темные пользовательские интерфейсы — это огромная проблема для проектирования, если вы не имеете дело с простым контентом и небольшим количеством текста здесь и там.

Задача состоит в том, чтобы сохранить достаточный контраст, что влияет на главную задачу: удобочитаемость, связанную с удобством использования, которая влияет на UX. Как правило, все цветов работают на белом фоне, тогда как на темном фоне полезный диапазон цветов резко сокращается.

В этом примере недостаточная контрастность некоторых элементов пользовательского интерфейса, что влияет на UX. (от GUOHAO.W)

Вот реальный пример, когда вместо использовать темный пользовательский интерфейс: я участвовал в проекте B2B SaaS, где генеральный директор был непреклонен в том, что, чтобы «отличиться», он хотел использовать темный пользовательский интерфейс, который соответствовал брендингу компании… для вся платформа. Для всего. После нескольких встреч и сплочения команды дизайнеров и менеджеров по продукту мы смогли отговорить его от такого потенциально катастрофического решения.

Платформа использовала стандартный набор компонентов пользовательского интерфейса приложения SaaS и, следовательно, была полна форм, виджетов, раскрывающихся списков, пиктограмм и значков, а также текстовых и числовых данных в таблицах. Навигацией, компоновкой и функциональностью стало бы невероятно сложно управлять при достижении достаточного контраста и согласованной цветовой схемы. Таким образом, было бы почти невозможно заставить все это работать с темным пользовательским интерфейсом.

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

Пользовательский интерфейс приборной панели, аналитика и инфографика хорошо работают в темном пользовательском интерфейсе, но все же с ними следует «обращаться осторожно», чтобы обеспечить достаточную контрастность. (Алекс Гилёв)

Что нужно и чего нельзя делать при использовании темных интерфейсов

В заключение отметим, что к решению использовать темный интерфейс следует подходить с осторожностью. Дизайнеры не должны делать это по неправильным причинам — чтобы быть модным, отличаться от других или копировать чужой дизайн. Крайне важно, чтобы дизайнер учитывал контекст, контент (контрастность и удобочитаемость), устройство и вариант использования, а также имел веские причины для своего выбора. Это тонкий баланс, так как потенциально есть много преимуществ, но также и много подводных камней.

Когда можно использовать темный интерфейс:

• Когда этого требует цветовая схема фирменного стиля
• Когда дизайн скудный и минималистичный с несколькими типами контента
• Когда это подходит для контекста и использования, например, в ночных развлекательных приложениях
• Для снижения нагрузки на глаза, например, при просмотре аналитических страниц в течение длительного периода времени
• Чтобы вызвать эмоцию — например, чувство интриги и тайны
• Для создания эффектного и драматичного образа
• Для создания ощущения роскоши и престижа
• Для поддержки визуальной иерархии

Когда лучше избегать темных интерфейсов:

• Когда много текста (чтение на темном фоне затруднено)
• Когда на экране много смешанного содержимого
• В случае приложений B2B с большим количеством форм, компонентов и виджетов
• Когда дизайн требует широкой цветовой гаммы

Несмотря на то, что это игра, многие смешанные типы контента плохо сочетаются с темной цветовой палитрой.

К переходу на «темную сторону» нужно подходить осторожно. Перед принятием такого потенциально ненадежного решения, чреватого ловушками, рекомендуется более глубокое и тщательное исследование и анализ. Как только дизайнер идет по этому пути, очень трудно повернуть назад. Дизайнерам рекомендуется рассмотреть все аспекты — хорошие и плохие, что можно и что нельзя, прежде чем прыгать с обеих ног.

• • •

Дополнительная информация в блоге Toptal Design:

• В центре внимания: принципы темного дизайна пользовательского интерфейса
• Роль цвета в UX
• Создание руководства по стилю пользовательского интерфейса для улучшения UX
• Ретроспектива трендов UX-дизайна 2019
• Как использовать тематический анализ для улучшения UX

Миклош Филипс

Главный UX-дизайнер

Об авторе

Миклош — ведущий дизайнер UI/UX/продуктов с более чем 17-летним опытом. Он является сторонником ориентированного на пользователя дизайна (UCD) и дизайнерского мышления.