APP UI设计新知:为什麽APP设计要推出Dark Mode

为什麽APP设计要推出Dark Mode?随着用户使用手机的时间愈来愈长,考虑到用户用眼问题,iOS和Android陆续支持Dark Mode,使得Dark Mode成为这几年业界最火的话题之一。

APP UI设计新知:为什麽APP设计要推出Dark Mode

APP UI设计新知

什麽是Dark Mode?

Dark Mode就是采用文字前景与深色背景,对文字和系统图标的颜色做了优化处理,确保在黑色中使用Dark Mode与白天使用普通模式的视觉感受是一致的、舒适的,以及保证了界面的易读性。

APP UI设计新知:为什麽APP设计要推出Dark Mode

APP UI设计新知

为什麽APP设计要推出Dark Mode?

有研究表明,大多数网民每天使用手机的时间至少在6~8小时,而且主要集中在晚上。因此推出Dark Mode对APP设计而言就显得非常重要了,除此之外,Dark Mode还有以下优点:

① 让用户更专注内容:Dark Mode设计会弱化了手机边框的存在感,使UI与机身融为一体,让用户将注意力更专注於界面内容上。

② 提供满满新鲜感:目前很多手机系统和APP都提供换肤功能,但这些皮肤大多带有很强的个性和主题性,未必所有用户都喜欢,因此APP设计推出Dark Mode,会增加界面的新鲜感和用户的接受度。

③ 降低界面刺激:在OLED屏幕下,Dark Mode会使得黑色的像素点完全不发光,只包内容部分,以降低屏幕的亮度和对用户眼睛的刺激。

④ 持久续航:Dark Mode还会降低每个像素点的发光量,从而达到节约耗能和提升续航的效果。

APP UI设计新知:为什麽APP设计要推出Dark Mode

APP UI设计新知

哪些类型的APP适用Dark Mode?

由於绝大多数的娱乐活动都发生在晚上,并且昏暗环境会让人放松且沉浸的感觉,因此绝大多数涉及娱乐的UI设计都适合使用Dark Mode。

娱乐类APP推出Dark Mode时需注意明确以下目标:

◆  要让视觉效果明显且具有戏剧性;

◇  营造出时尚、优雅、奢华和价值感;

◆  制造神秘感和阴谋感;

◇  以最小的干扰来帮助用户集中注意力;

◆  支持可视化的层次结构和清晰的信息架构。

APP UI设计新知:为什麽APP设计要推出Dark Mode

APP UI设计新知

哪些类型的APP不适用Dark Mode?

一般来说,若界面出现大段文本,Dark Mode的阅读体验会比浅色模式要差些,因此为了确保APP的整体用户体验,以及确保界面对比度和可读性,数据量和内容类别太多的UI设计并不适合Dark Mode。而只有最简单的文本内容,强交互性的信息以及视觉化元素,才是Dark Mode的最佳搭配。

换句话说,Dark Mode与浅色模式相比,可用色彩会相对较少,空间利用率也并不高。

总结:在处理APP设计的Dark Mode时一定要非常小心,要了解清楚哪些情形可以使用Dark Mode,哪些情形不可以使用Dark Mode,别单凭感觉或主观倾向去设计Dark Mode。

最後,再回顾一下本期内容:

哪些情形可以适用Dark Mode?

▶ 单品牌配色和深色系UI 一致的时候;

▶ 当布局内容稀疏、极简且元素类型较少的情况下;

▶ 当 UI 的使用环境和需求合适的情况下,比如夜间使用,或者明显的娱乐向;

▶ 当使用深色主题是为了减少视觉疲劳的时候;

▶ 为了创造引人瞩目的戏剧性视觉效果的时候;

▶ 为了营造奢华感和高级感的时候;

哪些情形可以不适用Dark Mode?

▶ 在以下情况下要尽量避免使用深色系 UI:

▶ 当有很多文本内容的时候;

▶ 当屏幕上有很多种不同的 UI控件的时候;

▶ 当界面中包含大量的表单的时候;

▶ 当界面中涉及到大量不同的色彩的时候。

本文来自投稿,不代表科技代码立场,如若转载,请注明出处https://www.cwhello.com/42363.html

如有侵犯您的合法权益请发邮件951076433@qq.com联系删除

(0)
上一篇 2022年6月25日 01:27
下一篇 2022年6月25日 01:27

相关推荐

  • 蛋糕网页设计案例——Dolce Vita蛋糕网站

    随着互联网遍地开花的时代,似乎每个人都在享受着万千变化的互联网给我们带来的便利。蛋糕行业也不例外,虽然蛋糕类网站似乎在互联网很少遇见,但是将美味的蛋糕放在互联网上与客户分享,不但能让客户食指大动,...

    2022年6月25日
    0400
  • 网站的界面设计需要预设数值吗?

      表单需要 对於用户来说,有的时候不得不去填写一些比较长的表单。若果,需要他们填写的表单条目比较多的话,也会相对应的降低用户体验。因此,需要合理地提供一些预设的数值! 使用者需要 将使用者大多数...

    2022年6月25日
    0159
  • 为什么不能在页面按钮上使用企业的品牌色。

    编者按:这篇文章出自 UX Movement ,文中详细分析了品牌色不适合运用到网页和 APP 的按钮背后的设计逻辑,并不复杂但是非常值得学习。 很多 APP 和 网页 喜欢在 CTA 按钮和关键功能按钮上使用品牌色,这样的设计...

    2023年3月2日 SEO操作
    00
  • 微交互到底能为页面做些什麽?  

      首先,要明白页面设计的当中使用的微交互形式并非只能够承担着单一的作用,它其实也可以担任多个角色。比如,当你无法准确地进行表述,可以合理地使用它去增强使用者在页面设计当中交互的参与感。 因此,...

    2022年6月25日
    0110
  • 10个关于网页设计的精彩案例。

    对于大多数网页设计师来说,任何一个网页项目的第一阶段都是线框图。它允许设计师精确地绘制出网页的结构如何工作,以及导航、表单和内容部分等重要元素的总体布局方向。每个设计师都有自己独特的方法来产生这些...

    2023年2月14日 SEO操作
    06
  • UI设计和UX设计之间有什么不同。

    谈到产品设计或者网站设计时,我们经常听到"用户体验(UX)"和"用户界面(UI)"这两个词。尽管这两个术语都不是新术语,但使用应用程序和网页设计软件的人经常互换使用这些术语,或者有时会...

    2023年3月7日
    01
  • 网页设计新知:2020年UX设计的流行趋势

    在设计圈中,设计趋势是一个永不终结的话题,无论是平面设计、网页设计,亦或是APP设计。而随着技术和网站用户体验不断提升,UX设计也不断变得更人性化。虽然未来很难预测,但从目前的UX设计发展来看,我们依然能...

    2022年6月25日 建站资讯
    0140
  • 如何做好网页设计?

    网页设计其实对于大多数人来讲,算得上是非常受欢迎的一种设计,因为如果要建设网站的话,肯定要做好网页设计,那么怎样才能够做好网页设计,其实在这其中涉及到很多问题。 1)不管是什么设备,尽量提供类似的体...

    2019年9月21日
    0172

联系我们

QQ:951076433

在线咨询:点击这里给我发消息邮件:951076433@qq.com工作时间:周一至周五,9:30-18:30,节假日休息