上海UI培训
达内上海外滩中心

15026646813

热门课程

大咖玩转UI新花样:解剖APP图片设计(一)

  • 时间:2017-11-17 10:03
  • 发布:上海UI培训
  • 来源:企业面试题

作为一个UI设计师,除了玩玩设计之外,我们也可以玩玩新花样:解剖APP。今天一起和上海达内UI培训小编轻松玩UI吧。

当我们打开一个APP,从视觉层面分析影响用户对APP整体感官体验的元素,然后把元素进行解剖分析,再加入新的设计构思,这种换汤不换药的设计看似老套,但可以赢得用户青睐,也是设计的系列展示。

上海UI培训:首先分析下影响用户对APP整体感官体验的元素:主要有图片、文字、色彩、图标、留白等。

在UI设计中图片是最普遍的一种,图片的合理运用、清晰的信息层级、舒适的色彩搭配都将会提高整个APP的美感,从而为整个的产品体验加分。一个成功的产品,视觉层面只是其中的一部分,但是作为一个合格的UI设计师,我们要做的就是把这其中的一部分做到极致。下面我们通过图片来解剖APP设计,发现那些微妙的细节。

图片,如同人的衣着品味

图片在APP中是非常常见的,图片的展现形式和图片的质量都影响着用户对产品的感官体验。图片的定位就如同一个人的衣着品味,不同的穿衣风格会使别人对你作出不同的判断,为你打上不同社会属性的标签。

在APP设计中需要注意的关键点,UI设计人员可以从图片比例、一致性、图片质量与真实性等方面进行分析。

1.1、图片比例讲究

不同比例的图片所传达的信息主体不尽相同,根据产品属性我们会选择与之相符的图片比例进行整体的框架布局。

上海UI培训班:通过体验一些主流的APP,我们会发现一些比较常用的图片比例,如 1:1、4:3、16:9、16:10等等;也会发现一些打破常规比例的设计,我们需要分析它们的性格,结合自身产品的特点,才能在自己的APP设计中合理的加以运用。

1:1 强调主体存在感

上海UI培训班:1:1的图片比例是比较常见的一种设计比例,利用此长宽比更容易将构图归整得简单,突出主体的存在感。常用于产品展示、头像、特写展示等场景,在电商类APP中尤为常见。

4:3 图像紧凑、更易构图

上海UI培训班:4:3的图片比例可以使图像更紧凑,更易构图,方便设计师发挥。由于手机屏幕容量较小,作为全屏展示时,该比例在App设计布局上面占用空间较大。作为设计师来说,这个比例UI设计中经常接触,站酷、UI中国的作品封面、Dribbble作品展示等都采用这个比例。

16:9 电影场景效果

上海UI培训:16:9的图片比例可以呈现电影场景般的效果,多用于横向构图,是应用非常广泛的尺寸比例之一,能给用户一种视野开阔的体验。在很多影视娱乐类APP设计中运用广泛,如腾讯视频、网易云音乐等。

X:≤Y 瀑布流设计

上海UI培训:X:≤Y 代表宽度固定,高度在最大值之间自定义的瀑布流设计,在一些用于用户没有很明确的目的,只是喜欢获取尽量多的信息的情况下采用这种设计方式。UI设计中,X:≤Y的图片比例要注意高度的控制,不要超出屏幕可显示区域的范围,上海达内举例:如花瓣网在750x1334px的设计中高度最大值为:848 px。

这些仅仅为部分常用的图片比例说明与分析,还有更多的设计解剖分析,小编觉得用工具给大家演示会表达的更加清晰,可以扫描下方二维码在线体验

学习使我们处于不败之地,IT学习更能让我们适应互联网+大数据时代的高速发展,上海达内带你一同走进魔都的高薪阶层,做更有价值的事。【上海UI培训机构】达内

上一篇:面试官更想了解你的哪些天赋
下一篇:大咖玩转UI新花样:解剖APP图片设计(二)

怎样让我的PS作品快速升级?

上海UI培训:通过色彩让网页升级的小技巧

一款蒸汽波的平面设计掀起2018热潮

上海UI培训:重创层次结构改善网页视觉效果

选择城市和中心
贵州省

广西省

海南省

免费学习5天VIP课程