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日
    0132
  • 购物网站移动端详情页怎样设计才吸引用户眼球

    对於一个购物网站而言,网站装修是影响网站流量的重要因素之一,但要导致买家最终决定购买的原因却是产品详情页的设计。即使你的网站装修设计得再好,但产品详情页设计头图页面设计不好,即使为你的网站带来不少流…

    2022年6月25日 建站资讯
    0135
  • 在网页设计中使用失真的图像。

    故障艺术始于2017年,当时网站设计设计师们开始尝试小故障效应。使用随处可见,在视频、动画,当然还有图片里都有这种效果。这种效果完美地融入了一股怀旧浪潮,席卷了虚拟世界和现实世界。如今,"故障艺术效…

    2023年2月19日 SEO操作
    01
  • 什么是字距排版?网页设计定义。

    包含在用户界面 (UI) 样式指南中的一个关键元素是排版将如何出现在您的移动程序 或 网站设计中。您可以选择是要使用预先存在的字体还是创建您品牌独有的新字体。但是随着您的排版决策变得更加细化,您最终将需要讨…

    2023年3月7日
    00
  • 拒绝千篇一律!企业官网设计升级的超全实施手册。

    官网作为连接产品/企业与用户的第一道门,给到用户的第一印象至关重要。官网就像一个会自述的虚拟人物,我们通过视觉设计赋予它形象,它用符合人设性格的话术,向用户介绍产品/企业。怎样的形象、表述能获取用户好…

    2023年3月7日 SEO操作
    03
  • 5000字干货!四个章节带你快速了解场景化设计。

    在产品设计中,我们经常会听到这些声音,"这个设计没有考虑用户的使用场景" "用户行为和场景不匹配"…… 每个人都有说到"场景"一词,但好像我们对于"场景"的理解又不太一样…

    2023年3月7日 SEO操作
    00
  • 想优化 UI 作品,这14个设计细节一定要检查到位。

    界面是用户在与任何产品、APP 或平台交互时看到的内容,用户体验就是建立在坚实的界面设计基础之上的。所以,如果你想要在 UI 设计上提升能力,应该多去思考界面设计背后的原因。今天会跟大家分享一些被广泛运用的…

    2023年3月2日 SEO操作
    00
  • 保持简洁网页设计的25个原则

      保持一致(从细节到整体) 探索隐藏资讯(简约之中隐藏着“小心机”) 让空间的连接变得有趣(微交互) 更加聪明(愉悦的用户体验来源) 更加有效(更加专注於核心) 使用网格(有效布局) 考虑实用性和功能性…

    2022年6月25日
    0106

联系我们

QQ:951076433

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