超全面!可能是最全面的「深色界面」使用方法+优缺点分析 - 优设-UISDC

超全面!可能是最全面的「深色界面」使用方法+优缺点分析

2017/10/18 16569评论区

@布莱恩臣 (作者):适当的使用深色界面,可以使界面在市面中普遍浅色系之中脱颖而出,更展现个性。

一. 前言

开始动手设计界面时,需要根据产品的调性选择应用的主色以及背景色,而这时是否选用深色背景好像不是首要选择,很多设计师会默认选择白色作为背景。这篇文章就是来分析一下深色界面,看看深色界面会有哪些使用方法,有哪些优点以及问题。

早在2009年,国外博客网站ProBlogger针对博客使用浅色还是深色背景进行了一次投票。投票结果显示,有接近一半的人喜欢用浅色,只有10%的人投给了深色,有趣的是,有36%的票数是投给“看实际情况”,也就是说浅色并不是人们选择的唯一情况,深色如果使用切当,还是有不少人喜欢的。

二. 感受

时尚优雅

使用低饱和度背景和高饱和度的内容,给人简约直白的清爽效果。

神秘感

通过展示内容部分细节,留给人更多的遐想空间。

奢侈高贵

深色界面加上金灿灿的土豪金,更多的留白,会有稳重可靠的感觉。

抑郁与恐惧

表达这种情绪首选深色背景,比浅色更能表现气氛。

三. 优点

表现光感

利用在深色背景下的强烈对比优势,发光的效果会得到最大的发挥。

视觉层次

增加深色背景,可以丰富界面的层级关系。

视觉对比

深色背景与内容进行强烈对比,可以更有效的突出内容,重要内容一目了然。

长期阅读

深色界面比浅色更适合长时间查看,特别是夜间。很多设计类软件和开发软件都会默认使用深色主题皮肤。

四. 技巧

考虑内容可读性

在深色界面中显示文字,需要考虑文本与背景的对比度是否足够大,次要文本是否依然清晰可见。

色彩倾向

不是所有界面都是纯黑灰色作为背景,很多看上去接近深灰色的界面,都会根据产品或者作品的品牌色方向进行调整。

黑色更省电

屏幕是通过发光传导色彩,而深色界面发光较弱,因此很多小型的电子产品都会选用纯黑色背景,既突出内容,也省电。

五. 总结

适当的使用深色界面,可以使界面在市面中普遍浅色系之中脱颖而出,更展现个性。但需要考虑产品要传达给用户的气氛和品牌形象,合理使用内容色彩,不单方面追求个性与视觉效果,避免画不达意的情况。在这前提下,大家不防尝试一下这种小清新以外的风格。

「做设计!从色彩开始」


【优设网 原创文章 投稿邮箱:yuan@uisdc.com】

================明星栏目推荐================

优优教程网 UiiiUiii.com 是优设旗下优质中文教程网站,分享了大量PS、AE、AI、C4D等中文教程,为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章,按照我们的专栏一步步学习,一定可以迅速上手并制作出酷炫的视觉效果。

设计导航:国内人气最高的设计网址导航,设计师必备:http://hao.uisdc.com

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/dark-interface-design-analysis

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

sketch 优设大课堂 转场动效 设计师 扁平化设计 交互设计师 界面设计 排版布局 职场 平面设计 设计师专访 素材下载 视觉设计 设计流程 配色 web前端开发 用户体验设计 AI教程 海报设计 设计理论 字体下载 神器下载 设计规范 设计趋势 psd下载 动效设计 图标设计 产品设计 logo设计 ICON 神器推荐 职场规划 App设计 字体设计 酷站推荐 交互设计 ui设计 设计师职场 优秀网页设计 用户体验 ps技巧 酷站 PS教程 网页设计 经验分享
wechat

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里