深色模式设计指南 从官方规范到实战经验应有尽有!

自从苹果和谷歌发布深色模式以来,国内各个大厂也纷纷跟上,并在此探索过程中总结了许多参考价值极强的宝贵经验。本专题不仅收录了苹果和谷歌的深色模式官方设计规范,更有腾讯阿里等大厂的实战经验总结,让你掌握这个最流行的知识点!

优设专题 2019-08-12

阅读类产品如何做好深色模式?来看起点读书的实战经验!

前言Android Q 和 iOS 13 为我们带来了 Dark Mode,这已经不是什么新鲜事了,很多团队都已经拥有了各自适用的解决方案,起点读书的 Dark Mode 设计解决方案也终于从幕后开始进入到项目落地环节,从时间跨度上来讲已经大半年过去了。这段时间经历了各产品解决方案的轰炸与洗礼,我们又结合起点本身的产品定位与结构特点,在此背景下一套融合 Dark Mode 和主题皮肤设计的解决方案应运而生。本文会重点聚焦设计落地执行的解决方案,视觉解决方案每个产品都有自身不同特点,且 Android 和 iOS 官方都各自拥有符...

优设文章 2020-08-18

太棒了!「微信」深色模式可单独开启不随系统了

「微信」Android 7.0.15版本,除了更新了可修改ID的好功能,还上线了贴心的深色模式可不跟随系统功能。即「深色模式」有了自己独立的设置控制,用户被赋予更多的可操控性,改善了以前「暗黑模式」需要跟随系统才能使用的不便体验。

细节猎人 2020-06-06

深色模式」的前世今生,都在这一篇里了

从2019年下半年iOS 13的发布开始,「Dark Mode」越来越多地出现在大众的视野中,近期更是随着微信的适配再引热议。那么这样一个系统模式到底是从何而来,又对设计师的工作、生活带来了哪些影响呢?今天就让我们一起来探个究竟吧!

优设文章 2020-06-01

实战案例复盘!美柚深色模式背后的设计故事

前言遇见更美的你,使亿万女性用户「更美、更健康」——是美柚一直追求的目标。越来越多的女性用户通过美柚记录经期、管理健康、分享生活,美柚逐渐成为当今女性的一种生活方式。根据相关平台数据显示:57%的用户在白天比较活跃;23%的用户会在晚间使用美柚,而深夜仍在使用美柚的用户占20%。

优设文章 2020-05-22

如何设计深色模式?这3点因素需要考虑

深色模式该从何处着手设计又要考虑哪些因素?一起来看看~其实回顾我们常用的APP,有很多都更新了深色模式,而且每个APP对深色的定义和设计都有差异。实际上深色模式已经来临,而且在很多产品中都能发现它的身影,之后也会愈加流行。

优设文章 2020-05-08

猫耳FM:深色模式的设计也能有故事性与温度

「猫耳FM」是通过「傻白甜小白猫」与「小恶魔黑猫」的两种主题来区分它的普通模式与夜间模式。夜间模式的设计不仅局限于简单的页面反色,还体现在互动小猫动画与特别的黑猫主题图标设计。相较于大多数App的深色模式主要体现在页面信息的视觉差异化设计,「猫耳」为不同模式设定主题并根据主题全面个性化设计不同模式的视觉,加入故事性的模式切换更有沉浸感与温度。

细节猎人 2020-04-28

如何让深色模式更精致?我总结了这4个关键点

通过一些案例进行比较与实验,探索如何将 UI 深色模式设计得更好。iOS 作为 UI/UE 设计的风向标,一直是行业的引领者,不管你愿不愿意承不承认,他的每一次更新变化总能带动 UI 设计行业的一些大大小小的变革,并且产生更多的追随者,比如当年的 iOS7 开始的扁平化设计风格,对后续设计风格的影响直到现在已经 7 年了。在最近半年,iOS 在 UI 设计风格上最大的变革莫过于 DarkMode(深色模式),在...

优设文章 2020-04-06

如何评价微信新上线的深色模式?来看总监级的分析!

微信在3.23号上线了传闻已久的 「暗黑版」,用来适配 iOS 的深色模式,相信不少同学已经安装并体验上了,如果还没安装的可以看看下面图例。微信每有一次大动作都会引发全网性的讨论,而针对设计上的调整,往往只会迎来一片骂声。比如我们看看知乎中讨论的内容,感觉民愤都快压抑不住了。

优设文章 2020-03-25

「微信」深色模式更新,表情包管理有了什么新改变?

它来了它来了!「微信」Dark Mode终于来啦~在最新版本的「微信表情」里,只需长按某个表情即可选择将表情移置到最前或者删除,再也不需要进入管理页面才能删除表情了。解决了用户因储存了新的表情而喜欢的表情被置后了而只能滑动再选择的问题。

细节猎人 2020-03-23

适配深色模式前,先收下这份简易版入门指南!

在 Android Q 之后,苹果也在 iOS13 支持了深色模式深色模式成了2019下半年的热门话题,不少产品已经完成了对深色模式的适配,淘宝、微信也先后开始内测,「变黑」似乎已经成为趋势。而在适配深色模式之前,设计师需要深入了解它的特性,衡量适配深色模式带来的价值,以及规划合适的策略,避免陷入「为黑而黑」的泥潭。为什么人们会喜欢「深色模式/dark mode」?

优设文章 2020-01-15

你在用深色模式了吗?需求真的那么大么?

早上看电脑报的时候,看到有这么一个话题,个人确实用的还不多。主要是界面都黑了,但配图还是都锃亮的,有些App虽然对配图加了深色滤镜,但又对UGC的配图的深浅是无法控制的,所以展现给用户的阅读观感可能也就不那么可控。但不管怎么样,这是必然的趋势。

设计话题 2020-01-04

「QQ音乐」是如何适配iOS13的深色模式的?

当「QQ音乐」在浅色主题模式下检测到系统开启深色模式时,弹窗提示用户是否要开启「自动适应系统深浅外观」。启用该功能后,界面跟随系统切换至「玄谭黑」主题模式。反之,用户关闭系统深色模式时,界面切换为浅色模式。

细节猎人 2019-12-26