第一站 - 轻松上网从此开始!

上网第一站

当前位置: > SEO >

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

时间:2017-10-19 08:54来源:我来投稿获取授权
以下内容来自网络或网友投稿,www.swdyz.com不承担连带责任,如有侵权问题请联系我删除。投稿如果是首发请注明‘第一站首发’。如果你对本站有什么好的要求或建议。那么都非常感谢你能-联系我|版权认领
适当的使用深色界面,可以使界面在市面中普遍浅色系之中脱颖而出,更展现个性。 一. 前言 开始动手设计界面时,需要根据产品的调性选择应用的主色以及背景色,而这时是否选用深色背

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

  一. 前言

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

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

  

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

  二. 感受

  时尚优雅

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

  

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

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

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

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

  神秘感

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

  

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

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

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

  奢侈高贵

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

  

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

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

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

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

  抑郁与恐惧

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

  

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

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

  三. 优点

  表现光感

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

  

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

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

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

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

  视觉层次

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

  

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

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

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

  视觉对比

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

  

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

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

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

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

  长期阅读

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

  

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

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

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

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

  四. 技巧

  考虑内容可读性

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

  

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

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

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

  色彩倾向

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

(责任编辑:admin)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发布者资料
第一站编辑 查看详细资料 发送留言 加为好友 用户等级:注册会员 注册时间:2012-05-22 19:05 最后登录:2014-08-08 03:08
栏目列表
推荐内容
分享按鈕