提升视觉感受,设计师需要怎么做?

sky
0 评论 5876 浏览 25 收藏 13 分钟

编辑导语:在产品设计中,视觉感受的提升是设计师需要考虑的层面,而视觉感受提升的前提,除了需要设计师更加了解用户需求及偏好之外,了解图形、色彩的情感也很重要。本文作者结合对图形的情感的解读,分析了图形在品牌设计中的应用,一起来看一下。

形状其实是设计中很重要的元素,和色彩一样,不同的情感其实传递的视觉感受是不一样的,比如圆角和直角,直角和三角形传递出来的视觉感受完全不一样,今天我们来聊聊。

一、图形的重要性

听说小米换LOGO了?原来图形还可以这么操作??!

这个图形、色彩、字体、构成、质感是设计中最重要的组成部分,也就是我们常说的形色字构质。图形同时也是品牌表达的一部分。

听说小米换LOGO了?原来图形还可以这么操作??!

Google的Material design专门针对图形有定义规划,不同的形状对设计的影响是不一样的,方形给人专业可靠的感觉,圆形给人活泼、轻松的感受。三角形给人稳定、尖锐的视觉感受。

在设计中最常用的,比如按钮是使用圆形还是方形,这些都是需要去定义的。所以作为设计师我们除了理解色彩的情感,图形的情感也是至关重要的,今天我们一起来研究下,不同图形的视觉感受,以及在设计中的运用场景。

二、图形的重要性

听说小米换LOGO了?原来图形还可以这么操作??!

方形是设计中运用得比较多的,方形一般给人的感受是方正的、专业的、靠谱可靠的。

1. 方形给人稳定安全统一感

听说小米换LOGO了?原来图形还可以这么操作??!

听说小米换LOGO了?原来图形还可以这么操作??!

看看这些我们身边的物体,你有什么感受,是不是感觉很稳定,很有安全感,同时也传递出专业的感觉。保险箱方方正正,能很好地保护好你的财产。苹果电脑方方正正,传递出很专业可信赖的感觉。

听说小米换LOGO了?原来图形还可以这么操作??!

方形的脸给你什么样视觉感受? 是不是给你很硬朗,很男人的感觉。线条比较分明,比如上面这些明星一般拍电影都是比较正派的角色,一些很MAN的硬汉感觉。

听说小米换LOGO了?原来图形还可以这么操作??!

方形、硬朗的动画人物给你是什么感觉?是不是比较憨厚,可信赖有安全感。

听说小米换LOGO了?原来图形还可以这么操作??!

方形的设计在建筑中也运用很多,很多包豪斯的建筑都是运用这种硬朗的图形。给人整齐统一的感觉。

2. 圆形给人活力可爱饱满感

听说小米换LOGO了?原来图形还可以这么操作??!

圆形在视觉中给人感觉有魅力、活泼可爱、有亲和力的。

听说小米换LOGO了?原来图形还可以这么操作??!

听说小米换LOGO了?原来图形还可以这么操作??!

圆形在生活中也是给人柔软、年轻、有活力的感受,比如热气球、运动的球类、甜甜的食物等等。圆形也经常给人年轻化、有活力的感受。

听说小米换LOGO了?原来图形还可以这么操作??!

圆脸脸型的人,也会给人亲和力和亲切感。我们说的娃娃脸,娃娃脸很多时候都是脸上五官和线条比较柔和的原因。

听说小米换LOGO了?原来图形还可以这么操作??!

圆形的卡通给你什么视觉感受,是不是觉得很可爱、很萌的感觉。圆形经常给人很无害的感受。

听说小米换LOGO了?原来图形还可以这么操作??!

圆形给给人感觉饱满、富有张力,因为圆形本身有对周边空间有很强的占有欲,而且圆形一般都是视觉重心,所以我国很多建筑比如鸟巢,国家大剧院都是运用了圆形,给人大气的感受。

3. 三角形给人方向感和锐利感

听说小米换LOGO了?原来图形还可以这么操作??!

三角形具有方向感、变化感,同时也很锐利,同时给人以垂直、刚强、庄严、向上的感觉,其长度有穿透感,可象征崇高和无限。

听说小米换LOGO了?原来图形还可以这么操作??!

三角形是大自然中最常见的图形,山川都是三角形因此给人很崇高的视觉感受,另外三角形自带方向感,因此有运动发展的寓意,三角形也是很多科技类产品中最常用的图形。

听说小米换LOGO了?原来图形还可以这么操作??!

当然三角形的造型也会给人感觉很个人化,在电影里面经常有坏人、邪恶的感受,个性非常的鲜明。因为他比较锐利带有功利性。

三、如何去运用

听说小米换LOGO了?原来图形还可以这么操作??!

了解了每个图形的特点,那么我们就可以在做产品适合,去思考如何将图形和产品结合,赋予产品不同的设计特征。

听说小米换LOGO了?原来图形还可以这么操作??!

每个公司的品牌其实都有基础的图形和线条,也是对外传递出品牌符号声音。我们来看看实际项目中如何落地的。

1. 圆形的运用思路

听说小米换LOGO了?原来图形还可以这么操作??!

以考拉为案例,因为是海淘不出户就可以购买到全球任意国家的商品,同时考拉这个形象给人感觉很友好。因此整个设计中,会使用比较亲和力的圆形线条,出现在每个场景中。

听说小米换LOGO了?原来图形还可以这么操作??!

圆形在地铁海报中使用,大大的圆形和人物的搭配让整个画面一眼就抓住了用户。

听说小米换LOGO了?原来图形还可以这么操作??!

通过图形将产品和品牌紧紧地结合了在一起。

听说小米换LOGO了?原来图形还可以这么操作??!

图标里面也把这个圆形运用进去了,通过圆形的线条,将产品个性传递给用户。

2. 三角形的运用思路

听说小米换LOGO了?原来图形还可以这么操作??!

韩国电商11街的,是韩国本土电商,产品的服务响应速度快,以及产品垂直于服装。因此整个品牌图形采用了一个有方向的三角形来表达他们个性。所以你在很多地方都可以见到三角形的运用。

听说小米换LOGO了?原来图形还可以这么操作??!

在官网上、搜索框、banner图片、标签、优惠券等所有地方,都运用了三角形的元素,将产品的个性不断通过图形去传递。

听说小米换LOGO了?原来图形还可以这么操作??!

英文字体以及对应的图标,也都融入了三角形的元素,让你印象深刻。

听说小米换LOGO了?原来图形还可以这么操作??!

这是一套我印象最深刻的,根据产品个性,定义三角形的思路和过程。它让整个产品的气质个性彰显得非常明确。

3. 正方形的运用思路

支付宝的产品是金融产品,需要传递给用户安全感、稳重感,因此图形需要有稳重感,运用外圆内方的设计特点,把这个特点运用到设计的细节里面。

听说小米换LOGO了?原来图形还可以这么操作??!

整体的图形,运用外圆内方的特点,这样的图形特点是非常鲜明 ,同时很稳定,和金融产品的属性吻合。

听说小米换LOGO了?原来图形还可以这么操作??!

所有页面的卡片和圆角,以及按钮都采用这种方正设计来传递出稳定性。

听说小米换LOGO了?原来图形还可以这么操作??!

商品的卡片设计,保证方形的运用手法。

听说小米换LOGO了?原来图形还可以这么操作??!

听说小米换LOGO了?原来图形还可以这么操作??!

弹窗以及按钮的运用,也是遵循着方形的规则。按钮是设计师最纠结的,按钮到底圆形方形,很多时候无法给出结论,那么如果了解形状情感就可以很好地判断。

四、最后

了解色彩的情感、图形的情感,目标是让我们做设计更加有决策,我们的每个设计都是有据可依的。通过图形、色彩去传递出我们的设计品牌,希望今天的这篇文章对你有帮助。

#专栏作家#

Sky,微信公众号:我们的设计日记(ID:helloskys),人人都是产品经理专栏作家。原支付宝体验设计专家,阿里巴巴天猫设计专家;10年知名互联网公司设计经验,对于产品从0到1、品牌定位、金融产品、设计规范、运营规范、大促等有丰富实战经验。

本文原创发布于人人都是产品经理,未经许可,禁止转载。

题图来自 Unsplash,基于 CC0 协议

更多精彩内容,请关注人人都是产品经理微信公众号或下载App
评论
评论请登录
  1. 目前还没评论,等你发挥!