ACCD■对你的作品集有哪些什么启发?,微信都出了暗黑模式( 二 )


文章图片
ACCD■对你的作品集有哪些什么启发?,微信都出了暗黑模式
文章图片
ACCD■对你的作品集有哪些什么启发?,微信都出了暗黑模式
文章图片
ACCD■对你的作品集有哪些什么启发?,微信都出了暗黑模式
文章图片
EXRWeChatLayout
能很明显的看出 , 我们的品牌色红色(fa0214)在暗黑模式的呈现中更为亮眼 , 也更能吸引用户的注意 。 由于黑色的深邃感和高对比反差 , 彩色的表现力会更加强烈 。
ACCD■对你的作品集有哪些什么启发?,微信都出了暗黑模式
文章图片
ACCD■对你的作品集有哪些什么启发?,微信都出了暗黑模式
文章图片
EXR品牌色用于白色、微信暗黑模式背景色(#232323)
同理 , 在深色背景下 , icon图标也会更加“显眼” , 我们可以使用少量的强调色彩来凸显一部分功能或者组件 , 大部分的界面全部为深灰色 , 所以这些被凸显的部分会更加突出 。
ACCD■对你的作品集有哪些什么启发?,微信都出了暗黑模式
文章图片
WeChatDarkMode
但是这里也要特别提醒 , 想要色彩在深色背景中更为凸显 , 那么一定要使用高饱和的颜色、高明度的颜色 , 灰度高的颜色 , 由于本身色彩张力就不足 , 更偏柔和 , 在深色背景中的表现力是相对较弱的 。
尤其是近几年很流行的网红设计思路“莫兰迪色系” , 是不太适合深色背景的 。 这里EXR也做了个对比 , 大家可以感受一下:
ACCD■对你的作品集有哪些什么启发?,微信都出了暗黑模式
文章图片
ACCD■对你的作品集有哪些什么启发?,微信都出了暗黑模式
文章图片
EXRColorTheoryDocument
在UI、以及平面设计中 , 使用深色背景的设计 , 大多会使用更为明艳的色彩 , 这样才能在深色的反衬下突出颜色的高级感和层次 , 这里我们也在Behance、Pinterest , 找了一些案例展示:
暗黑深色背景UI设计
ACCD■对你的作品集有哪些什么启发?,微信都出了暗黑模式
文章图片
DarkModeAPPDesign
暗黑深色背景UI设计
ACCD■对你的作品集有哪些什么启发?,微信都出了暗黑模式
文章图片
DarkModeAPPDesign
【ACCD■对你的作品集有哪些什么启发?,微信都出了暗黑模式】我们也总结了一些
常用的深色模式配色
大家可以保存下来:
ACCD■对你的作品集有哪些什么启发?,微信都出了暗黑模式
文章图片
ACCD■对你的作品集有哪些什么启发?,微信都出了暗黑模式
文章图片
ACCD■对你的作品集有哪些什么启发?,微信都出了暗黑模式
文章图片
ACCD■对你的作品集有哪些什么启发?,微信都出了暗黑模式
文章图片
EXRColorTheoryDocument