学员答疑:UI界面对比度类型优漫动游

  学员答疑:UI界面对比度类型 

  在设计届有“无对比,不设计”的说法,对比色既是基本的配色方式也是最重要的.设计对比,是按钮、颜色、排版布局的对比.

  设计中通过有效的对比技法,可以更加快速的传递产品信息,从而提升用户体验.

  对比色面积大小的视觉区别

  A:

  当红色与绿色是差不多面积的

  且颜色都很鲜艳的时候,画面感受不好

  B:

  但当绿色小面积在红色背景时

  则感受不同,点睛之笔,画面舒适

  什么是对比色

  按照色彩学的定义,通常把色相环上相距120度到180度之间的两种颜色,称为对比色。具体在色环上,它是这样的。

  如图所示,黄色的对比色就是界于蓝色和紫色之间的一片区域,它是一个比较大的色彩范围,所以并不是一个非常严格的定义。

  二、UI设计中的对比类型

  对比在UI中具有很多不同的特征属性,其中就包括:颜色:颜色是人眼最快发现和最明显对比之一,它适用于各种内容下使用。例如:通过互补色、对比色或类似色进行多种组合。这些方式最广泛地用于界面按钮、导航、卡片、产品背景等地方,就是希望用户能在打开的第一时间看到,并快速进行操作使用。大小:这种对比类型是希望重要元素或内容首先引起用户注意所使用的,多数情况下设计师会将元素设计成明显大于其他元素。形状:这种对比类型属于形状改变,通过使一个元素的形状与其他元素不同来吸引用户的眼球。位置:在这种类型中,设计师以这种方式更改行中一个元素的位置,使其看起来不同,我们看到最多的这种对比案例就是阅读文本片段时,新段落会以缩进开头。纹理:这里的差异是由于使用彼此明显区分的纹理而建立的。方向:在这里,设计师通过更改元素的物理位置,使其使用其他或意想不到的方向进行,通过这种不寻常的方式来吸引用户的注意力。

  最后总结一下所有的内容,我们可以定义一下对比度的几个关键优势和好处:

  更强的视觉层次

  更好的专注

  创意氛围

  增强可读性

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值