设计师教你设计细腻App

        我们打开一个app时，从视觉层面分析，影响用户对app团体感官体验的元素重要是图片。
图片的合理运用、清晰的信息层级、舒适的色彩搭配都将会进步整个app的美感，从而为整个的产品体验加分。一个成功的产品，视觉层面只是其中的一部分，但是作为一个合格的UI设计师，我们要做的就是把这其中的一部分做到极致。
图片在app中是特别很是常见的，图片的显现情势和图片的质量都影响着用户对产品的感官体验。图片的定位就如统一小我的衣着品味，不同的穿衣风格会使别人对你作出不同的判断，为你打上不同社会属性的标签。
        1.图片比例有什么讲究？
        不同比例的图片所传达的信息主体不尽雷同，根据产品属性我们会选择与之符合的图片比例进行团体的框架布局。
通过体验一些主流的app，我们会发现一些比较常用的图片比例，如 1:1、4:3、16:9、16:10等等；也会发现一些打破常规比例的设计，我们必要分析它们的性格，结合自身产品的特点，才能在本身的app设计中合理的加以运用。
        1:1 强调主体的存在感
1:1的图片比例是比较常见的一种设计比例，行使此长宽比更容易将构图归整得简单百度关键词，凸起主体的存在感。常用于产品展示、头像、特写展示等场景，在电商类app中尤为常见。
         4:3 图像紧凑、更易构图
4:3的图片比例可以使图像更紧凑，更易构图，方便设计师发挥。因为手机屏幕容量较小，作为全屏展示时，该比例在app设计布局上面占用空间较大。作为设计师来说，这个比例经常接触，站酷、UI中国的作品封面、Dribbble作品展示等都采用这个比例。
        16:9 电影场景般的结果
16:9的图片比例可以呈现电影场景般的结果，多用于横向构图，是应用特别很是广泛的尺寸比例之一，能给用户一种视野坦荡的体验。在许多影视娱乐类app设计中运用广泛，如腾讯视频、网易云音乐等。
        16:10 拥抱黄金比例
黄金比例就像金字塔上的明珠，越接近她越有魅力，反之会魅力削弱，16:10的图片比例最为接近。设计没有绝对的标准，我们可以遵循一些良好的经验规则，但是也要敢于突破规则，尝试更多的可能性。
         X:≤Y 瀑布流设计
X:≤Y代表宽度固定，高度在最大值之间自定义的瀑布流设计，在一些用于用户没有很明确的目的，只是喜好获取尽量多的信息的情况下采用这种设计体例。X:≤Y的图片比例要细致高度的控制，不要超出屏幕可表现区域的范围，如花瓣网在750x1334px的设计中高度最大值为：848 px。
         以上列举的仅为部分常用比例的分析与说明，还有更多的比例这里就不逐一演示，分享的目的是让大家养成分析的风俗，结合自身产品特点选择适合的图片比例。
         图片比例选择体例：
以商品展示结果为准网络营销顾问，选择能够充分体现商品特点的图片展示比例；
以产品气质为准，选择吻合产品内容气质的图片展示比例；
结合产品特点选择合适的常用比例；
根据版面布局天真的自定义特别的比例值；
分析→打破→创新，创造出吻合某种规律或者美学概念的比例值。
        2.图片比例的同等性
当我们结合产品特点确定合适的图片展示比例以后，必要针对团体的布局与图片分布情况，规范出那些布局可以采用雷同的图片展示比例。在保障视觉结果与交互情势的情况下，雷同的主体，在不同的页面中最好采用雷同的比例呈现，如许的益处不仅可以保持视觉表达的同等性，也能给后期运营维护带来便利。