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

深色界面的价值与机会2019 年优酷经历了一次体验设计升级,在前期的设计探索中,优酷设计团队尝试了各种方向,其中包括全深色的界面。而随着 Android Q 与 iOS13 先后发布深色模式,之前随公众理解的深色氛围一跃而上成为系统平台级能力。这不禁让我们重新认真思考深色界面模式对于文娱类产品有什么样的价值与机会:体验设计升级期间尝试的全深色方案:1. 深色界面在专注环境下与内容有更高的契合度 , 更凸显内容、缓解视觉疲劳深色的背景降低了内容周围元素的存在感,同时内容被凸显出来,尤其是视频和图片会变的更加清晰,这样会让浏览者更加...

优设文章 2019-12-24

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

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

优设文章 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

紧跟趋势!深色模式设计的8个小技巧

随着九月份的临近,苹果 iOS 13 正式版也即将推出,随之而来的还有大家期盼已久的「深色模式」。前几天,苹果推送了 iOS 13 的 beta 5 版本。其中,「深色模式」还加入了过渡动画,效果看起来更加流畅自然。

优设文章 2019-08-28

用阿里巴巴APP的案例,教你如何快速适配「深色模式

2019 年的两场重量级发布会 Google I/O 和 Apple WWDC 终于落下帷幕。在各种新奇科技资讯中大家会有趣地发现两家公司不约而同的发布了手机系统的 Dark Mode(Theme),大众群体可以在随后的几个月内升级 Android Q 和 iOS 13 体验暗黑色彩模式的 UI 界面。预感Dark Mode这个词今年要火了!

优设文章 2019-06-30

iOS 13 官方设计指南:深色模式篇中文版

官方的指南虽然篇幅较短,但更侧重于细节层面,仍然可以帮助你在真正上手新系统及深色设计之前,对相关设计原则,特别是颜色的适配机制与方法进行了解。同时也建议大家观看本次 WWDC 相关讲解视频,理解会更加全面。从 iOS 13.0 开始,人们可以将系统全局的外观样式设置为深色视觉风格,即「深色模式」。

优设文章 2019-06-16

WWDC 大会开幕,我们准备了一份「深色模式」设计要点

深色模式最近突然成为了一个时髦的词汇,苹果去年在 macOS 10.14 上加入了 Dark Mode,Android 系的厂商近来也纷纷加入支持,Google 在今年的 Android P 当中也正式推出了自己的深色模式。WWDC 大会上 iOS 13 正式引入 Dark Mode,深色模式已经成为大势所趋,而这对我们 UI 设计师又意味着什么呢?为什么我们需要深色模式

优设文章 2019-06-04

4天后的苹果WWDC大会,最令人期待的不是「深色模式

一年一度的WWDC ,对于苹果用户的吸引力仅次于每年9月的新品发布会。作为一场开发者大会,除了与会的媒体和一部分忠实粉丝之外,绝大多数的参与者都是被邀请和花了1599美元进入会场的开发者于设计师。在第一天早上 10 点的主题演讲环节之后,为期 3 天WWDC其实重点是在后面苹果官方的分享,以及开发者之间更加深入的讨论,这一点和 Google I/O 大会其实是一致的。

优设文章 2019-05-31

提升 UI 细节和体验的 10 个常用方法

如果你觉得你的 UI 设计起来很无聊,想让它看起来更加有趣,其实是有很多相对通用的方法。这些方法大都不算复杂,稍加调整,总会有不俗的效果。如果你想试试,不妨试试我所总结的这些赋予 UI 以个性的10个方式。

优设文章 2020-10-13

颜色对比度怎么选?来看这份大厂公认的标准规范!

我猜在你踏入设计这个圈子的时候,一定有被推荐过 Robin Williams 的《写给大家看的设计书》。复杂的设计原理在书中被凝炼为亲密性、对齐、重复和对比四个基本原则。但其实我今天要说到的内容和这本书的关系不大…我只是想引出「对比」这个概念,在设计中有多么基础且重要。

优设文章 2020-09-10