当前位置：首页>资讯>界面设计>APP界面设计之图片传达的不同信息体

　　1)图片比例如何?

　　不同比例的图片传达不同的信息体。根据产品属性，我们会选择整体框架布局的对应比例。

　　通过体验一些主流app，我们会发现一些常用的图像比例，如1:1,4:3,16:9,16:10等。

　　我们也会发现一些打破常规比例的设计。我们需要分析他们的个性，结合我们自己产品的特点，在我们的APP界面设计中合理的使用他们。

　　1:1强调主体的存在

　　1:1图像比例是常见的设计比例，可以简化构图，突出主体的存在感。

　　常用于产品展示、头像、功能展示等场景，尤其是电子商务应用。

　　图像更紧凑，更容易合成

　　4:3图像比例可以使图像更紧凑，更容易构图，方便设计师发挥。由于手机的屏幕容量较小，当手机全屏显示时，这个比例在App设计的布局上占据了更多的空间。

　　16:9电影场景的效果

　　16:9图像比例可以表现出电影场景的效果，多用于水平构图。它是被广泛使用的维度之一，可以给用户一个具有广阔视野的体验。

　　它被广泛应用于腾讯视频、网易云音乐等许多娱乐应用的设计中。

　　16:10拥抱黄金比例

　　黄金比例就像金字塔上的珍珠，越接近就越有吸引力;另外，她越有魅力，16:10的比例是最接近的。

　　设计没有绝对的标准，我们可以遵循一些好的拇指规则，但也要敢于打破规则，尝试更多的可能性。

　　X:≤Y瀑布式流动设计

　　X:≤Y表示自定义瀑布流设计，最大宽度和高度之间固定，当用户没有明确的目的，但希望获取尽可能多的信息时采用。

　　X:注意图像比例≤Y的高度控制，不要超出屏幕显示区域范围。例如，750x1334px的APP界面设计设计中，花瓣网格的最大高度为848px。

　　以上列表只是对一些常见比例的分析和解释，还有更多的比例在这里不会展示。分享的目的是让大家养成分析的习惯，根据自己的产品特点选择合适的图片比例。

　　图像比例选择方法:

　　A.以产品展示效果为准，选择能充分体现产品特性的图像展示比例;

　　b、以产品气质为主，选择符合产品内容气质的画面展示比例;

　　C.根据产品特点选择合适的常用比例;

　　D.基于灵活的布局，定制特殊比例值;

　　E.分析→打破→创新，创造符合一定规则或美学概念的比例价值。

　　2)画面比例的一致性

　　当我们根据产品特性确定合适的图片显示比例时，我们需要指定布局可以使用相同的图片显示比例进行整体布局和图片分布。

　　在保证视觉效果和交互形式的情况下，在不同的页面中以相同的比例呈现相同的主体，既能保持视觉表达的一致性，又能方便后期的操作和维护。

　　3)提高图片的质量

　　越来越多的产品开始注重图片质量，比如网易严格挑选的产品图片的拍摄和处理都有严格的标准，目的是提高产品的气质和在用户心目中的印象。

　　我们想用最好的图片来衬托我们的设计稿，图片的质量影响整个界面的风格。

　　很多合作伙伴会认为图片是后期操作上传的，我做精美的设计稿是没有用的。我对这个问题的看法如下:

　　A.最好的设计输出是设计师专业性的体现;

　　B.将最好的结果呈现给决策者，增加他/她对你的设计能力的印象;

　　C.制定操作性的视觉标准，控制画面质量，严格控制画面的视觉追求;

　　d。你的态度会给你带来好运。

　　4)图片的真实还原

　　虽然上面已经提到了图像质量的重要性，但是我们不应该为了视觉效果而选择与主题无关的图片，这也会误导决策者。

　　我们可以提高图片的质量，但是我们需要保证图片的真实性，让你的设计更加真实合理。

　　在一些本地产品的APP界面设计中，使用了国外的图片素材，需要慎重对待。比如在模特形象的案例中，文案信息的传播更倾向于国内场景，

　　如果使用的是国外的模型材料，可能会有更高的伪装率，但是产品场景无法真正还原，这将会给决策者传达错误的感知。