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)
Inspirr的头像Inspirr订阅用户
上一篇 2022年6月25日 01:27
下一篇 2022年6月25日 01:27

相关推荐

  • 网页首图需注意的三个事项

      高清品质 既然是首图,就需要更加的重视首图的品质。图片绝对不可以出现模糊或者图元化的情况,这属於低级的错误。高清品质的图片能够未使用者带来积极的情绪,同时提升了用户体验。 强化行动按钮 网页设计…

    2022年6月25日
    0120
  • 怎样保持页面出错时用户的良好体验?

    在出现错误时帮助用户迅速复原 也就是还原功能的设计,这是很多页面设计会忽略的问题,最常见的雷区是无法支持用户快速回到原始的状态,而是要用户重新再来! 尽可能保留用户原始的操作信息 简单来说就是支持用户实…

    2022年6月17日
    0109
  • 聊聊动效两大作用:吸引与反馈

    吸引 我们都喜爱直观而富有吸引力的界面设计元素,如图片,如动效。尤其是运动中的物体,具体例子可参考iOS系统的界面设计。首先是值得设计师学习的锁屏与解锁,“滑动与解锁”从左边到右边有高光的形式,这样的设计…

    2022年6月25日
    0229
  • 如何在电商设计中玩得出色 合理利用黑色的搭配规律

    提到电商页面设计,你会想到色彩缤纷的页面?还是诱惑力十足的优惠产品呢?但是如果电商页面设计以黑色为主色,不知你是否会点击呢?其实很多电商页面设计,除非产品类型需要或产品本身就是黑色。难带,黑色就真的…

    2022年6月25日
    0156
  • 三个真正提升用户体验的方式

    第一:考虑崩坏的情况 这个方式其实与页面的易用性有很密切的关系——页面是否能够被用户正常的使用,即便出现了问题,用户不会感觉页面已经彻底瘫痪。因此,在进行页面设计的时候,需要切实的考虑到这种情况,尤其是…

    2022年6月25日
    0113
  • 【新加坡McDelivery APP改版案例分析】如何为用户创建流畅且愉悦的体验

    众所周知,不同类型的APP设计,其包含的用户体验内容也不相同。那麽,针对外卖类APP设计,又该如何为用户创建流畅且愉悦的体验呢? 今天,Inspirr网页制作将以「新加坡McDelivery APP改版案例」为分析,希望各位能从…

    2022年6月20日 建站资讯
    0182
  • 打造产品页面的必要步骤

    选择对的页面设计工具和素材当然是必要步骤的硬性条件,不过以下这些必要的步骤始终要牢记: 谨慎的对待网站的标题、文案和logo,它们可以直接的影响着用户打开你的网站後的第一印象; 打造稳固页面产品集结,一般…

    2022年6月13日
    0138
  • 网页设计规范:设计网站需要添加弹窗吗?

    网站是否加入弹窗框,应该是很多站长犹豫不决的事情。一方面,弹窗框的出现,在某程度上会降低网站的用户体验;另一方面,弹窗框又会给网站提升网站转化率。那麽,网站设计时需要加入弹窗设计吗? 网页设计规范 网站…

    2022年6月25日
    0278

联系我们

QQ:951076433

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