今天就来说说色彩在交互设计中的应用,前面说的是交互设计通常是黑白稿,但是对于用户来说,他看到的是真实线上的产品。我们最终的目的是设计产品给用户使用,做为一个交互设计师,那就不能只考虑黑白交互稿上的事情了,要关注后期视觉的设计,用户是怎么理解产品的交互的,这是非常重要的问题。我们主要从以下几个方面来研究色彩在交互中的作用:
1.区分层级
2.功能指示
3.信息类别指代
4.色彩心理学在交互设计中的作用
区分层级
不管是UI设计还是其他平面设计,层级是设计中非常重要的一个环节。视觉层级手法主要有以下几种元素,实际设计中为了让效果拉开主次,可能会同时使用多种方法以达到更好的效果:位置、大小、距离、内容形式、色彩。在此,我们主要研究下色彩的的作用。
如何用色彩来建立层级?
首先,你要确定主色。确定主色的因素有很多,比如说行业属性、企业色、个人便好、色彩心理作用等。不管最后我们以何种方式来做,但必须要确定出主色,一款app、一个网页,必须要有一个主色。
其次,确定辅助颜色。
主色是指应用程序中最常出现的颜色。一辅助色是指用来强调自己的UI的关键部分的颜色。辅助颜色用于强调UI的部分选择。它可以是互补的或类似于你的主要颜色,但它不应该简单地是一个轻或黑色变化你的主要颜色。它应该与周围的元素对比,并谨慎应用。
辅助颜色最适用于:
1.按钮,浮动动作按钮和按钮文字
2.文本字段,光标和文本选择
3.进度栏
4.选择控件,按钮和滑块
5.链接
6.标题
使用辅助颜色是可选的。如果您使用主色的变体来强调元素,则辅助颜色不是必需的。 以色相不同,可以用来区分层级。色相相同的颜色,我们也可以根据透明度、明度来区分层级。
优逸客(www。uekedu。com)成立于2013年,作为国内知名互联网人才孵化企业,专注于UI设计培训、Java大数据开发、平面设计、WEB全栈开发、等互联网紧缺岗位的高端人才培养课程。
推出特别活动:免费试听,0元入学,0基础入学,0风险入学,0顾虑免费重修,咨询报名即送相关教程视频一部,入学签订就业协议包就业。