要深入到 UI 设计的「黑暗面」,设计师还需要跨越很多挑战。和平时设计的浅色为主的主题不同,深色系的UI 需要处理不一样的可用性问题—主要是可读性和对比度上的问题。下面烟台天琥教育来教你如何巧妙地运用深色系进行UI设计。
黑暗系背景,或者说深色的背景,在UI设计中的运用至今都是一个相当有争议的议题。背景选取对于界面的使用效率而言是至关重要的,合理的背景设计让界面更易用,相反,一个不恰当的背景则可能毁掉你精心设计的UI。今天烟台天琥教育就来跟大家说一说在UI设计中如何巧妙地运用深色系进行UI设计。
一、深色系视觉感知
背景和内容两者之间的对比度和可读性是成正比的,白色背景下的黑色文字拥有较好的可读性。这个道理同样适用于黑底白字,控制好对比度和清晰度,两位科学家又合理的设计整个实验。这项研究包含了许多不同色彩组合的有效性测试,对于设计师而言有很重要的参考意义。
二、可读性方面
当设计师准备使用深色背景的时候,应当在不同的设备上测试字体、图标和图像在深色背景下的实际效果,用来支撑整个设计。
三、对比度方面
这个表格较有意思的地方在于,黑色这一栏证明了黑色几乎是一个能和其他色彩都构成不错对比度的色彩。在进行界面设计的时候,尽量仔细测试每种色彩,而黑色的这种特性使得深色背景下的色彩搭配拥有更多的可能性。
四、可动性方面
在黑暗的背景下,尽量不要使用纯白,应当将白色淡化为浅灰色,防止极端的对比使白色产生炫光,而消除炫光至少需要5%的灰色来达成效果。有趣的地方在于,这样的灰色在视觉中依然被识别为白色。此外,将字体加粗也是放置白色被黑色“吃掉”的一种办法。
五、情绪感知方面
背景不仅仅是内容展现的平台,同时也想访客传递着信息。深色通常会显得更加优雅,也会展现出神秘感。从色彩心理学上来看,黑色传递出高雅、正式、名望、权力的感觉,这也许是为什么许多大品牌会围绕着黑色来做视觉设计,并且使用黑白来做主要的配色方案。熟知黑色的这一属性,能够在UI设计过程中为客户提供、合理的设计方案,并能够给出清晰的解释。
六、黑暗面
要深入到 UI 设计的「黑暗面」,设计师还需要跨越很多挑战。和平时设计的浅色为主的主题不同,深色系的UI 需要处理不一样的可用性问题—主要是可读性和对比度上的问题。此外,还需要关注用户所使用的环境,以及设备本身的一些属性。
七、适合使用深色系的地方
绝大多数涉及到娱乐的 UI界面,大都会有一定的倾向使用深色系主题,无论是智能电视、游戏机还是电影类应用,这其实不仅仅和对比度有关系,它和用户的日常使用环境和时间也有着极深的关联:绝大多数的娱乐活动都发生在晚上,并且大家会愉悦地享受相对昏暗的房间环境。丰富多彩的视觉内容,也同样会在深色系的UI 上显得更加炫目。
- 详情请进入烟台天琥设计培训学校
- 咨询电话:15515672211
- QQ咨询:2056625662 微信同号
尊重原创文章,转载请注明出处与链接:http://ytthjy.5zix.com/news/111365/ 违者必究! 以上就是烟台天琥设计培训学校 小编为您整理教你如何巧妙地运用深色系进行UI设计的全部内容。