更多课程 选择中心


UI培训

400-111-8989

在UI设计中如何巧妙地运用深色系进行UI设计


今天小编要跟大家分享的文章是关于在UI设计中如何巧妙的运用深色系进行UI设计。黑暗系背景,或者说深色的背景,在UI设计中的运用至今都是一个相当有争议的议题。背景选取对于界面的使用效率而言是至关重要的,合理的背景设计让界面更易用,相反,一个不恰当的背景则可能毁掉你精心设计的UI。今天小编就来跟大家说一说在UI设计中如何巧妙地运用深色系进行UI设计。

在UI设计中如何巧妙地运用深色系进行UI设计

一、深色系视觉感知

背景和内容两者之间的对比度和可读性是成正比的,白色背景下的黑色文字拥有最好的可读性。这个道理同样适用于黑底白字,控制好对比度和清晰度,两位科学家又合理的设计整个实验。这项研究包含了许多不同色彩组合的有效性测试,对于设计师而言有很重要的参考意义。

二、可读性方面

当设计师准备使用深色背景的时候,应当在不同的设备上测试字体、图标和图像在深色背景下的实际效果,用来支撑整个设计。

三、对比度方面

这个表格最有意思的地方在于,黑色这一栏证明了黑色几乎是唯一一个能和其他色彩都构成不错对比度的色彩。在进行界面设计的时候,尽量仔细测试每种色彩,而黑色的这种特性使得深色背景下的色彩搭配拥有更多的可能性。

在UI设计中如何巧妙地运用深色系进行UI设计

四、可动性方面

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

五、情绪感知方面

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

六、黑暗面

要深入到 UI 设计的「黑暗面」,设计师还需要跨越很多挑战。和平时设计的浅色为主的主题不同,深色系的UI 需要处理不一样的可用性问题——主要是可读性和对比度上的问题。此外,还需要关注用户所使用的环境,以及设备本身的一些属性。

七、适合使用深色系的地方

绝大多数涉及到娱乐的 UI界面,大都会有一定的倾向使用深色系主题,无论是智能电视、游戏机还是电影类应用,这其实不仅仅和对比度有关系,它和用户的日常使用环境和时间也有着极深的关联:绝大多数的娱乐活动都发生在晚上,并且大家会愉悦地享受相对昏暗的房间环境。丰富多彩的视觉内容,也同样会在深色系的UI 上显得更加炫目。

深色系的优势

1、风格化,优雅

2、给人神秘的感觉

3、带来奢华和高端的氛围

4、拥有广阔而良好的对比度

5、更容易创造视觉层次感

6、创造视觉深度,让内容更容易被获取

7、视觉吸引力

以上就是小编今天为大家分享的关于在UI设计中如何巧妙地运用深色系进行UI设计的文章,希望本篇文章能够对正在从事UI设计的小伙伴们有所帮助。希望大家能够设计出更多优秀的、让客户满意的设计作品。最后如果想要了解更多UI设计相关知识记得关注达内UI培训官网。

【免责声明:本文图片及文字信息均由小编转载自网络,旨在分享提供阅读,版权归原作者所有,如有侵权请联系我们进行删除。】

预约申请免费试听课

填写下面表单即可预约申请免费试听! 怕学不会?助教全程陪读,随时解惑!担心就业?一地学习,可全国推荐就业!

上一篇:UI设计师在设计APP时都应该注意哪些方面?
下一篇:想要设计出好的平面设计作品你需要了解平面设计中的“两极”

PS教程之使用PS快速做长图

在UI设计中,如何让你的UI设计更有个性?

UI设计免费自学教程分享

达内教育面向全国用户提供免费课程!(文中申请)

  • 扫码领取资料

    回复关键字:视频资料

    免费领取 达内课程视频学习资料

Copyright © 2023 Tedu.cn All Rights Reserved 京ICP备08000853号-56 京公网安备 11010802029508号 达内时代科技集团有限公司 版权所有

选择城市和中心
贵州省

广西省

海南省