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

给颜色做减法,让设计更高端

豆花妹发布于:2017-11-1 09:09 |原作者: 王M争|
豆花妹
北京市 崇文区 平面设计师
发私信 + 关注
简介: 人类在回忆所看到过的场景和事物时,对色彩的记忆度要高于形态。也就是说,从视觉角度来看,一款产品给用户留下最深的印象往往是界面的配色。由此我们也能够看出配色可以说是设计师最重要的武器,很可能没有之一,但是这个武器有使用的「限制」。 UI设计的一个基本原则就是避免 ...


文字的跳跃率是指同一界面中不同文字之间的大小比率。不同功能的文字在排版设计的时候会有字号和字重的区别,例如主标题,副标题和正文的字号通常是依次减小的,这种字号的差异会带来不同的文字跳跃率。一般来说,文字跳跃率高的界面会显得比较活泼,文字跳跃率低的界面会显得平静沉着。

在配色的时候,如果我们减少色彩的使用数目,大面积使用白,灰,黑或者其他同色相配色(蓝色与浅蓝色,红色与粉红色等),这样的界面会显得庄重高雅且富有现代感,但是会显得单调。那么我们就应该适度的提升文字跳跃率给界面提升一些活力。

给颜色做减法,让设计更高端 飞特网 设计理论

当然,不只文字有跳跃率,图片也有跳跃率。设计师可以通过对图片和文字跳跃率的控制来削减界面视觉风格对于配色的依赖。

吸引用户注意力

我们经常喜欢使用配色来吸引用户注意力,以下图中行为召唤按钮(call to action)为例,配以与背景色差距较大的颜色使其可以从背景中凸显出来。

给颜色做减法,让设计更高端 飞特网 设计理论

其实我们即使不使用配色也可以很好的吸引用户注意力。

给颜色做减法,让设计更高端 飞特网 设计理论

谷歌搜索的主页出现了大面积的留白,用户的目光自然就会被吸引到搜索框。这和谷歌的初衷相契合,他们希望用户在这个页面完成搜索操作,所以不用展示过多其他的信息来分散用户的注意力。

阴影效果也可以用来吸引用户注意力,阴影效果可以提升目标元素的"海拔",进而使其从背景中凸显出来。

给颜色做减法,让设计更高端 飞特网 设计理论

当然我们还可以使用模糊效果来吸引用户注意力。用户总是会不由自主的被那些对焦准确的部分吸引而忽视掉被虚化的部分。眼球的对焦机制好像一个调节器一样捕捉那些离你忽远忽近的物体,这样才能让你感受到周围一切事物的深度和距离。这就是我们人眼的工作机制。设计师可以根据这个理论将界面中一些不重要的内容进行模糊处理来凸显那些重要的内容。

给颜色做减法,让设计更高端 飞特网 设计理论

总结

好的设计应该让用户短时间内就可以找到他们感兴趣的内容,过多的给予对用户来说其实是一种负担。少即是多,这是当前互联网时代的信条也是设计师需要恪守的准则。希望这篇文章可以给你带来帮助。

欢迎关注作者的微信公众号:「王M争」

给颜色做减法,让设计更高端 飞特网 设计理论

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

12
10

好评
8

差评

刚表态过的朋友 (18 人)

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 长高不容易

豆花妹
北京市 崇文区 平面设计师
+关注 发私信

最新评论

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

委托设计