亿元级IT行业生态链
一站式解决方案提供商

24小时免费咨询电话
010-52725243

新闻资讯

AJIA NEWS

APP UI设计的影响因素之图片篇

来源:阿甲视点 发布日期:2017-12-22

在手机移动端越发流行的情况下,不少的公司都开发出适合本公司所独有的APP软件,但是这类APP软件的功能却大致相同,如何从众多的同类产品中脱颖而出,是目前很多公司都在头痛的话题,那么从UI设计师的角度,又该怎么去做呢?


首先,从用户的角度来看当他们打开一个APP时,最开始是从视觉层面上来评价这款APP软件,而影响视觉的元素主要分为:图片、文字、色彩、图标、留白等。通过图片出现的位置、清晰地信息描述、舒适的色彩搭配都将影响到用户能否接受这款APP的因素之一。一个成功的产品,视觉层面只是其中的一部分,但是站在商业角度上,公司更注重的是产品的推广和下载。作为一个合格的UI设计师,我们不仅仅要考量产品的推广和下载更多的还是要站在用户的角度上去思考设计。


目前市场上,很多的APP软件功能都是大同小异。在功能相同而情况下,能展现给用户看的无非也就是5个角度:图片、文字、色彩、图标、留白。


而今天我们主要说一下图片处理。从图片角度来看,APP软件可以说是由大量的图片堆积而成。因此,图片的展现形式和图片的质量都影响着用户对产品的感官体验。俗话说:人靠衣装佛靠金装,一款受欢迎的APP软件同样离不开图片的装饰。因此,一个好的UI设计师对于图片的处理上就要从图片比例、一致性、图片质量与真实性进行分析和设计自身产品的特性。


(一)图片比例的作用:


不同比例的图片所传达的信息主体不尽相同。例如:logo、主页面图片排版、banner图等,所展示的意义也是不同。通常情况下图片比例主要分为:1:1、4:3、16:9、16:10等等;之所以会将图片分为多种比例,是因为结合它们自身产品的特点,通过不同比例的图片设计将APP设计中的重点作进一步突出。


1:1的设计主要是凸显出图片的存在感,像目前市场上的大多数APP软件的logo图片,就是采用1:1的设计模式,让人很容易的通过logo来记住产品。举个最简单例子,

如:一看到“企鹅”的logo,我们很自然的就想到了QQ,一看到“淘”的logo,我们就会想到手机淘宝。

QQlogo图

4:3的设计更多的应用在文章或者作品的封面,给用户的感觉更为的紧凑,结构更为规范。例如:QQ阅读里面的小说封面都是采用的4:3结构的图片比例设计而出的

UI中国作品封面图

16:9的设计更多的应用在banner图的位置上,给用户的感官效果,就像看到电影屏幕般的感觉,作为主打产品宣传的最好展示,如QQ音乐中的banner图的设计就是采用了16:9的图片设计比例

QQ音乐banner图

16:10被誉为是黄金比例的尺寸设计,更倾向于全面性,虽然没有上述三种的比例样式的突出性,但是在整体方面是给人最为和谐的比例设计

黄金比例

上述的比例结构,还要根据产品自身的设计理念做细节调整


(二)图片比例的协调一致性:


当我们已经将要特殊展现的图片设定好比例后,在保证版页视觉效果与交互形式的情况下,其他位置的图片分布,就要采用和主体相同的比例作展示,这样会让用户的在看图示,不至于感觉到图片散乱,影响用户体验。

主体图片比例一致

(三)图片的质量度:


随着手机等移动工具的发展,各种拍摄设备的像素也在源源不断的进行优化,那么用户对于图片的质量要求,也就源源不断的提高。正因如此,对于UI设计师们的工作,

也就要求的更为严格,让图片设计,不单单只展现图片自身的价值,往往还要带有附加属性。

低质量图片

高质量图片

(四)图片的真实还原效果:

虽然,图片视觉效果的好坏会成为影响用户感官的因素之一,但是UI设计师们在选择图片素材的时候也不能本末倒置,一味的追求图片的质量要求而忽略了图片的真实性,毕竟特效虽好,但用户更多的还是关注产品的自身是否真实并且能够打动他们。


目前市场上很多的UI设计师们,还是保留着原有的设计理念。但是面对着市场上对UI设计要求的日益严格,很多的设计团队也越发的感觉到恐慌。而阿甲科技设计团队在不断的创新过程中,秉承着与市场需求同步的设计理念,在原有的UI设计方案上不断更新,始终跟随着市场的发展来改变自身的方案,并且打造出属于阿甲科技独有的设计理念,从最简单的阿甲科技logo设计、阿甲科技APP设计到最终的阿甲科技全案设计的一条龙服务。不仅节省了需求公司的时间,还能将整个的UI设计,打造的更为完善。目前已承接过观巢家装坚果电商等多个项目的UI设计及研发。

阿甲科技

免责声明:本文由小编转载自网络,旨在分享提供阅读,版权归原作者所有,如有侵权请联系我们进行删除

欢迎访问阿甲科技集团官方网站!