Вверх

Адрес
Пирогова 131, офисс 11 Винница, Украина 21037,
info@4go.space
Тел: +380738466121

Темный или светлый интерфейс?

[19459000]

[19459001] [19459002] «Давайте перейдем к темной теме, наше приложение будет выглядеть круто и модно» – я сталкивался с этим утверждением довольно много раз. Когда меня спрашивают об этом требовании, мой ответ содержит еще больше вопросов. Мое любопытство возрастает, когда я пытаюсь понять, что за этим стоит. [19459003] [19459004] [19459001] [19459002] Чаще всего выясняется, что ответ на это решение основывается на личных предпочтениях и предположениях, а не на достоверных данных. На мой взгляд, у этого нет действительного основания, если только не будет проведено какое-либо исследование и статистика, подтверждающая это. [19459003] [19459004] [19459001] [19459002] В процессе работы я обнаружил следующее, которое можно использовать в качестве руководства при обсуждении темных и светлых тем. [19459003] [19459004] [19459001] [19459005] [19459006] Сбалансированный контраст для удобства чтения [19459007] [19459008] [19459004] [19459001] [19459002] Высокая контрастность цвета полезна для удобства чтения. Однако слишком высокий цветовой контраст создает значительные различия в уровнях освещенности, которые влияют на глаза пользователя при чтении. Баланс контраста между текстом и цветом фона – эффективный способ сделать ваш текст безопасным для глаз пользователя. [19459003] [19459004] [19459001] [19459002] Если вы не уверены в своем цветовом контрасте, вы можете использовать средство проверки цветового контраста, чтобы найти оптимальный диапазон, который подходит именно вам. Он показывает вам, когда ваш цветовой контраст слишком низкий, основываясь на отраслевых стандартах WCAG 2.0. Тем не менее, он не указывает, когда ваш цветовой контраст слишком высок. Это решение оставлено на усмотрение дизайнера. [19459003] [19459004] [19459001] [19459005] [19459006] Соответствие среды пользователя [19459007] [19459008] [19459004] [19459001] [19459002] Как мы уже узнали, яркий свет ночью или в темноте не лучший вариант для наших глаз. Следовательно, мы должны принимать во внимание среду пользователя при использовании приложения. Причина скрытой темы на развлекательных платформах, таких как [19459003] [19459005] Steam [19459008] [19459002], [19459003] [19459005] Spotify [19459008] [19459002], [19459003] [19459005] YouTube [19459008] [19459002] и [19459003] [19459005] Netflix [19459008] [19459002] заключается в том, что пользователи, как правило, участвуют в таких действиях в конце дня, после работы или в комнате с приглушенным светом. [19459003] [19459004] [19459001] [19459002] Акцент смещен на основной контент, в данном случае это игра или фильм, а фон предлагает меньше отвлекающих факторов. Пользователи могут погрузиться в активность и насладиться яркими цветами на совершенно новом уровне. Это помогает пользователям избежать необходимости настраивать зрение между ярким экраном и более темной средой, что приводит к напряжению глаз. Последнее также относится к функции «ночной режим» на [19459003] [19459005] Google maps [19459008] [19459002]; приложение настраивает свой яркий белый дисплей на более темный. ([19459009] источник [19459010]) ([19459011] источник [19459010]) [19459003] [19459004] [19459001] [19459002] Темные и светлые темы также используются в программном обеспечении для производства мероприятий команды Shoflo. Они также поддержали свое решение на основе среды пользователя. Светлая тема может использоваться во время встреч в офисе или в других светлых помещениях, а темная тема – во время шоу с ограниченным освещением. [19459003] [19459004] [19459001] [19459005] [19459006] Чисто черный текст на белом фоне [19459007] [19459008] [19459004] [19459001] [19459002] Чисто черный текст на белом фоне может вызвать усталость глаз, когда пользователи читают текст в течение длительного периода времени. Белый имеет яркость цвета 100%, а черный имеет яркость цвета 0%. Такое несоответствие яркости цвета создает интенсивные уровни освещенности, которые чрезмерно стимулируют глаза при чтении текста. Это заставляет их глаза работать больше, чтобы приспособиться к яркости. [19459003] [19459004] [19459001] [19459002] Исследование показало, что «черный текст на белом фоне над стимулирует клетки ганглия ВЫКЛ, в то время как белый текст на черном фоне над стимулирует клетки ганглия ВКЛ». В исследовании делается вывод о том, что «поразительные эффекты контрастной полярности позволяют предположить, что не рекомендуется читать черный текст на белом фоне». [19459003] [19459004] [19459001] [19459012] [19459004] [19459001] [19459002] Примером, иллюстрирующим эту концепцию, является включение яркого света в темной комнате. Такое резкое изменение условий освещения является резким для наших глаз. Но если мы включим тусклый свет в темной комнате, наши глаза легче адаптируются к изменениям, потому что наша сетчатка не чрезмерно стимулируется таким резким увеличением контраста. [19459003] [19459004] [19459001] [19459005] [19459006] Чисто белый текст на черном фоне [19459007] [19459008] [19459004] [19459001] [19459002] Это также поможет избежать чисто белого текста на черном фоне. Известно, что эта комбинация вызывает ухудшение у пользователей с астигматизмом и визуальные искажения у пользователей с контрастной чувствительностью. Вместо черного используйте темно-серый текст на белом фоне, чтобы изменение яркости не было таким резким. Это предотвращает чрезмерную стимуляцию сетчатки и позволяет пользователям читать в течение более длительного периода. [19459003] [19459004] [19459001] [19459002] [19459013] [19459003] [19459004] [19459001] [19459006] [19459002] Вердикт [19459003] [19459007] [19459004] [19459001] [19459002] Разработка пользовательского интерфейса – это творчество. Давайте не будем правил связывать это. Но удивительный дизайн должен также помочь улучшить пользовательский опыт и реализовать бизнес-цели. Это должно помочь вашим пользователям достичь своей цели комфортно и быстро. Поэтому подумайте об этих соображениях и найдите ответы на вопросы, прежде чем выбирать между темным и светлым пользовательским интерфейсом. [19459003] [19459004] [19459001] [19459002] Светлый интерфейс всегда может выглядеть как безопасная ставка, но в некоторых случаях темный интерфейс может стать победителем. Так что выбирайте мудро. [19459003] [19459004] [19459001] [19459002] Считаете ли вы эту статью полезной? Поделись этим с другом! [19459003] [19459004] [19459001] [19459014] [19459005] Источники: [19459008] [19459015] [19459016] https://uxdesign.cc/dark-or-light-ui-the-ux-influence-ca6df6aff390 [19459010] [19459016] [19459016] [ 19459015] [19459010] [19459017] https://medium.com/@CanvasFlip/dark-ui-vs-light-ui-how-to-make-the-right-choice-5ddde9baabdb [19459010] [19459018] [19459004] ]

[19459019]

[19459020]

Author avatar
admin

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

Ваш адрес email не будет опубликован. Обязательные поля помечены *