武汉清美CG学院LOGO 赢得高薪-自信-自强
咨询热线 : 027 - 8768 5577
清华大学美术学院认证师资 专注职业教育35年,5A级项目驱动教学

做设计先学会用好图片,让过稿率增加50%!

来源:清美CG武汉学院  时间:2019-12-25  作者:网络

现代社会,面对日益泛滥的各种资讯信息,大多数人已经没办法静下心来仔细去欣赏阅览。在文字,声音,图片,视频等等各种载体形式的信息中,图片视觉信息因其直观具象,加载迅速的特点具有非常大的优势。

在信息载体中,文字信息一直一来都具有占据主导地位的优势,使用广泛,历史悠久。为了说明问题,将图像视觉与文字进行对比显然更能说明问题。今天的话题主角是图像信息,显然现代人的生活中图像视觉更容易获得快节奏生活状态下人们的喜爱。

为什么我们偏爱图像视觉超过文字?从人类进化角度来看,原始时代的祖先通过五感感知着这个世界,其中通过视觉来感知判断生活,其他四感辅助之。即使后面我们发明了文字,但发展至今,对图像的本能吸引力依旧强烈。因为在我们认知的潜意识里图像相较于文字更能让我们快速轻松理解并记忆。

Merry Christmas

图像如此重要,设计作品中当然也必不可少。因为图片,它能一定程度上决定画面基调、引导视觉流程、调剂平衡多段文字信息的枯燥性,让阅读变得轻松容易。

不知道从事UI设计工作的你有没有发现这么一个现象:很多时候当你将设计作品呈现给主管领导或者甲方审核人员后导致你获得认可的原因很可能只是你的设计中图片用得好!为什么这样?那是因为UI 设计中图片使用的好与坏,能很大程度上影响着决策者的感知,以及你的设计过稿率。

如下左图:商品视角、调性、细节,都没有右图来的统一、有质感。单看这两张图,会让用户有这样的心理感知:左图显得混乱视觉上没有规律,给人一种大杂烩的山寨感,设计水平上也显得业余;而右图就不一样了,图像形式以及文字排版整齐一致,很容易给人视觉上一种高端的感受。

所以,在同样页面布局下,不同的图片使用与处理,能让 UI 页面的品质有较大的感知差异。

图片的使用如此重要。那么,我们在正式做 UI 设计前,首先需要弄清楚图片在页面的占比情况以及后续图片的支撑来源问题。

了解图片占比与来源

我们以淘宝网和网易严选这两个购物网站作比较来说明1.图片占比和2.图片来源这两个问题。

淘宝网类目非常多,基本上生活中用户需要的商品都能在上面找到,而且店家有着自定义商品图片展示的操作权限。那么在淘宝APP的产品展示页面上就会产生一个问题:它的页面不仅图片占比多,而且是让用户(美工)自定义,那么需要预估到 APP 上线后设计可控率会降低。

而网易严选基本上都是平台设计师进行统一视觉设计,它的APP页面图片占比同样很大,但是其来源是自己控制的,那么在图片品控上网易严选就有着更佳的视觉感受。

当然,不是说淘宝做的不好,而是当一个平台集纳不同的店铺,不同调性的产品类型,即使有图片规范,也难如统一品类、调性的产品来的统一。

怎样选择以及运用图片

弄清图片内容的可控性问题后,开始进入设计环节,那么我们该如何选择图片?

No.1

是否符合产品气质?

 

在不同的场合有恰当合适的场景搭配,是十分基础且重要的事情。在 UI 设计中,任何一个部分的设计以及元素运用都需要为产品服务。图片也不例外。如果你是厨房类 APP,头图选用小清新感的图片,就显得不够合适,带有环境食材元素的图片才更让用户有共鸣。

No.2

是否能清晰表达产品核心内容?

 

图片是否主体明确?能一眼正确无误的传达核心内容?会不会因为其他元素元素抢了主体视觉,找不到视觉重点?

No.3

是否美观、有品质、让人想拥有?

 

图片是否能表达美好生活以及美好品质的向往?光影关系是否自然?图片是否高清有细节?

当明白图片如何选择后,还想和你分享一些冷门且重要的图片过稿小技巧。记下来,将大大提升你的设计过稿率。

过稿高手图片使用小技巧

No.1

图片风格统一风格调性

 

漂亮图片有很多,如果我们都以漂亮为基准,找出来的图片也会形色各异。由于用户的实际使用场景是:浏览一个完整APP,统一风格调性比美更重要。如果商品角度不一样、饱和度高低不同、抽象与具象等,都会形成产品不统一,用户视觉不适应等问题。

No.2

让决策者可以看到最后的显示效果

 

有时我们为了赶时间,直接用图片填充插件,让图片区域自动填充。但我还是想要给到你这样一个建议:一个专业且成熟的设计师,即使是设计初稿,也不能随便拿张图,凑合一下。任何时候的汇报,都需要有着处女座对于事物的完美要求,过自己这关。因为任何时候你的表达与表现,都形成了你在别人心目中专不专业的看法,从而影响着后续的设计话语权问题。如下图都是商城陈列页面,右侧的图片给出上线的实际效果,更贴合产品,方便设计决策者给出建议方向,或做出决策。

我们都是视觉动物,不管你是否愿意承认:我们常常通过视觉表象,才决定是否愿意去更深入的了解某个东西。

设计就是在做产品视觉表象的表达,我们需要尽可能使用贴切的,漂亮的图片。让 UI 视觉看起来更加美观,让用户愿意停留,认可以及信赖平台。

关于在UI设计中如何更好的使用图片这个知识点就分享到这里了,欢迎对视觉设计,对UI设计感兴趣的朋友关注武汉清美教育或者直接拨打我们的官方热线电话027-87685577,关于设计学习相关问题,我们可以一起探讨一起学习~

关键词:

返回首页