设计研究 – 深色界面

用户头像
珠海/UI设计师/8年前/20161浏览
设计研究 – 深色界面

适当的使用深色界面,可以使界面在市面中普遍浅色系之中脱颖而出,更展现个性。

一、前言


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


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



二、感受


  1. 时尚优雅

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




2. 神秘感

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



3. 奢侈高贵

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



4. 抑郁与恐惧

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



三、优点


1. 表现光感

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



2. 视觉层次

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



3. 视觉对比

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



4. 长期阅读

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



四、技巧


1. 考虑内容可读性

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



2. 色彩倾向

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



3. 黑色更省电

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



五、总结


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


372
举报
|
422
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
推荐素材
金色颗粒质地的平面
平面插画设计女孩喝咖啡
水蜜桃和李子的平面水果图案
平面书法字手写
牛奶乳液层次平面平铺平面
金色颗粒质地的平面
平面设计 吊牌设计
金色颗粒质地的平面
倒计时,海报,平面
海底世界插画
空的平台平面和自然景观
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
平面风格黄绿色系花朵装饰
城阙凡花
城市园林平面布局航拍
金色颗粒质地的平面
中秋节可爱呆萌平面兔子蛋黄月饼贴纸素材
中国传统纹样创新图案设计
平面男孩喝咖啡插画设计
玄关入门地毯印花图案红地毯
金色颗粒质地的平面
“知识宅急送”外卖,快递,平面,海报,素材,教育
平面花卉图案扁平简约无缝拼接插画
空的平台平面和自然景观
城市园林平面布局航拍
你可能喜欢
大家都在看
登录注册