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

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

优设文章 2020-08-18

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

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

优设文章 2020-06-01

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

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

优设文章 2020-05-22

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

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

优设文章 2020-05-08

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

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

优设文章 2020-04-06

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

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

优设文章 2020-03-25

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

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

优设文章 2020-01-15

深色模式设计实战!优酷 App 的“黑”化之路

深色界面的价值与机会2019 年优酷经历了一次体验设计升级,在前期的设计探索中,优酷设计团队尝试了各种方向,其中包括全深色的界面。而随着 Android Q 与 iOS13 先后发布深色模式,之前随公众理解的深色氛围一跃而上成为系统平台级能力。这不禁让我们重新认真思考深色界面模式对于文娱类产品有什么样的价值与机会:体验设计升级期间尝试的全深色方案:1. 深色界面在专注环境下与内容有更高的契合度 , 更凸显内容、...

优设文章 2019-12-24

微信发布内测新版,除了朋友圈发表情包还有深色模式

在国内各种安卓厂商都已陆续推出了深色模式后,苹果终于也在万众期待中更新了自己的设计规范,从 iOS 13 开始就加入了深色模式,使用 OLED 屏幕的 iPhone Xs 系列由于黑色像素不发光,将会拥有更好的视觉效果。想设计深色模式?这个专题从方法到案例都有了 ➡️  https://www.uisdc.com/zt/dark-mode但是随着社会主流趋势的发展,目前大部分主流 App 都已适配了 iOS 1...

优设文章 2019-12-24

如何用 5 个步骤,快速设计出优秀的深色模式

深色主题是应用界面设计的最新趋势。MacOS 去年推出了深色主题模式后,Android 和 iOS 也紧随其后,推出了各自的深色主题模式。曾经罕见的深色主题现已受到大众的广泛期待。

优设文章 2019-12-24

想快速适配深色模式?来看钉钉团队总结的这个实战方案

随着 iOS13 和 Android 10 的普及,为应用设计 Dark Mode 也是业内的趋势之一,及时适配这一特性,遵循平台的新能力也是大家目前设计工作中纷纷遇到的挑战。钉钉也在 iOS13 上线后迅速跟进了这一设计,并在过程中沉淀了适合大设计团队快速适配的方案:为什么要做Dark ModeDark Mode 的开发和设计不是一个小工程,开始后可能会耗费团队内部比较大的资源,如何说服团队的决策者开发 Da...

优设文章 2019-12-23

如何适配深色模式?用一个 APP 改版案例让你学会!

以一个 app 改版案例,深入浅出地告诉大家如何适配深色模式,同时给出了正确和错误的示范,相信对于目前流行的深色设计趋势来说,是非常的实用了。Google 在 2019 年度 I/O开发者大会上宣布,安卓将会从系统底层支持深色模式。同时,我们也会看到更多支持深色 UI 的应用正在推出。

优设文章 2019-10-23