关于深色模式的一些发现和思考

Image for post
Image for post
来源:苹果官网

深色模式的优点

哪些 App 适合使用深色模式?

Image for post
Image for post
以深色/黑色为主题的 App

一、选择恰当的背景颜色

iOS 和 iPadOS 是怎么做的

Image for post
Image for post
iOS 13 设计文档的局部 (下载地址

根据产品类型选择恰当的背景色

Image for post
Image for post
深色模式下各大 App 的页面

关于纯黑和纯白

Image for post
Image for post
背景色与正文色的对比

二、投影的处理方式

投影使用不当会影响页面观感

Image for post
Image for post
百度贴吧和图书中投影的使用

看看 Apple 的设计师怎么说:

Image for post
Image for post
WWDC 2019 中讲到深色模式时的文本
Image for post
Image for post
Twitter 和设置两种不同的做法

深色模式下如何处理投影?

Image for post
Image for post
三款应用在深色模式下处理投影的方式
Image for post
Image for post
地图和 Twitch 在深色模式中仍然使用投影

Written by

广州 · LRD.IM

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store