相关分类
photoshop教程
Illustrator教程
CorelDraw教程
painter教程
Indesign教程
UI设计教程
sketch教程
设计理论
飞特网 顶部通栏广告

深色背景在UI设计中的运用

正言发布于:2016-6-21 21:27 |原作者: 陈子木翻译|
正言
广东省 深圳市 
发私信 + 关注
简介: 版权申明:本文由陈子木翻译分享,感谢陈子木!又是一篇来自Tubik Studio 的文章,丰富的设计项目经验使得这家资深设计机构对于设计的每一个细节都有着独特而系统的见解。今天的文章聊的就是深色系背景在设计中的运用 ...


对比度方面

Webdesign.about.com 所给出的这个对比度的表单很好的为我们展现了不同色彩在对比度上的实际效果。这个表格最有意思的地方在于,黑色这一栏证明了黑色几乎是唯一一个能和其他色彩都构成不错对比度的色彩。在进行界面设计的时候,尽量仔细测试每种色彩,而黑色的这种特性使得深色背景下的色彩搭配拥有更多的可能性。

同样的,对比度也是确保可动性的辨识度和清晰的重要因素。

有个早期的调查是针对对比度和清晰度的,调查表明:在黑暗的背景下,尽量不要使用纯白,应当将白色淡化为浅灰色,防止极端的对比使白色产生炫光,而消除炫光至少需要5%的灰色来达成效果。有趣的地方在于,这样的灰色在视觉中依然被识别为白色。此外,将字体加粗也是放置白色被黑色"吃掉"的一种办法。

另外值得一提的是,深色,尤其是黑色比起其他的色彩来的更加深沉厚重,这也使得它更适宜于展示图片、插画、海报等内容。良好的布局和组织结构下,黑色能够显著的提升其他视觉元素的表现力,让内容更具有吸引力。

情绪感知方面

色彩心理学同样是需要考虑的因素。背景不仅仅是内容展现的平台,同时也想访客传递着信息。深色通常会显得更加优雅,也会展现出神秘感。从色彩心理学上来看,黑色传递出高雅、正式、名望、权力的感觉,这也许是为什么许多大品牌会围绕着黑色来做视觉设计,并且使用黑白来做主要的配色方案。熟知黑色的这一属性,能够在UI设计过程中为客户提供优秀、合理的设计方案,并能够给出清晰的解释。

深色背景的优势

综上所述,我们可以总结出深色背景的优势:

·风格化,优雅
·给人神秘的感觉
·带来奢华和高端的氛围
·拥有广阔而良好的对比度
·更容易创造视觉层次感
·创造视觉深度,让内容更容易被获取
·视觉吸引力

值得思考的问题

另外,深色背景也有费神的一面,如果没有合理规划细节的话,用户容易在布局间迷失。所以,我们还有一些问题是值得思考的:

·用户研究:针对目标用户进行实际调查、理论研究和试验,得出来的数据和信息是创造有效和有吸引力的配色方案的基础。
·竟品研究:对竞争对手、竟品进行是市场调研,调研结果会影响设计方案,让产品更容易被理解,创造更加瞩目的设计。
·用户测试:深色系背景在不同的设备、不同分辨率下的可读性、清晰度上的实际效果,通过测试寻求影响因素。
·环境因素:分析产品可提供给用户其他方面的支持,以及用户感到反感的原因等外部因素。
·内容量:页面的内容的覆盖范围和背景深浅等典型因素之间的配比,以及它们对于用户使用体验、视觉感知的影响。
·内容属性:深色的背景对于图形和文本等不同属性的元素的影响。

FEVTE编注:更多平面设计理论学习请访问飞特网平面设计理论知识栏目,地址:https://www.fevte.com/plan/shejililun/

12
15

好评
12

差评

刚表态过的朋友 (27 人)

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

正言
广东省 深圳市 
+关注 发私信

最新评论

您需要登录后才可以评论和提交作业 登录 | 立即注册
本周热点文章
2020 新飞特 从心开始
关于飞特| 广告服务| 付款方式| 版权申明| 网站地图| 联系我们| 加入我们| 举报| 帮助中心| 移动版| 手机版| 飞特网

委托设计