恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
设计研究 – 深色在界面的使用
0.0°
2017-11-14 原创文章 经验/观点 举报 2348 23 12 1

一、前言


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


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


Image title



二、感受



1. 时尚优雅


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


Image title

Image title

Image title

Image title



2. 神秘感

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


Image title

Image title

Image title


3. 奢侈高贵

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


Image title

Image title

Image title

Image title


4. 抑郁与恐惧

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


Image title

Image title




三、优点


1. 表现光感

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


Image title

Image title

Image title

Image title




2. 视觉层次

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


Image title

Image title

Image title



3. 视觉对比

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


Image title

Image title

Image title

Image title




4. 长期阅读

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


Image title

Image title

Image title

Image title




四、技巧


1. 考虑内容可读性

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


Image title

Image title

Image title




2. 色彩倾向

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


Image title

Image title

Image title

Image title





3. 黑色更省电

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


Image title

Image title

Image title





五、总结


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




更新:2017-11-14

收藏

23人已收藏

布莱恩臣

写点什么吧

  • 42

    作品

  • 450

    粉丝

  • 74

    关注

  • 设计趋势 Neumorphism 是什么?
  • Hitman - 移动端界面设计
  • 个人资料 - Kobe
  • 鹿 - 像素画

    猜你喜欢

      2017-11-14 原创文章 经验/观点 举报 2348 23 12 1

      设计研究 – 深色在界面的使用

      0.0°

      你确定要举报设计研究 – 深色在界面的使用

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2017年10月12日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      12
      23
      1

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录