APP界面设计：设计元素设计须知

　　前言

　　随着电子技术革命的日益成熟，手机作为电子技术最突出的成果之一，已经成为用户青睐的对象，基本上每人都有一部。智能手机普及率高，原因是智能手机各种应用程序帮助用户解决食品、服装、住房、交通等需求，帮助用户快速实现目标，在手机应用程序的过程中起着至关重要的作用，所以移动应用程序设计全面展开。

　　APP在快速解决用户需求方面起着非常重要的作用。用户可以在各种图像和视频元素中自由穿梭，因此图像元素的设计尤为重要?接下来，让我们分享如何更好地设计APP界面中的图像元素。

　　在移动应用界面设计中，设计师除了完成交互设计外，还主要研究图片元素、文本元素、图标元素和色块元素之间的排版和布局关系。这四种元素在设计师的设计上有所不同：

　　文字元素：设计师负责文字字体位置等元素的设计，文案内容一般由策划给出;

　　图片元素：设计师主要负责位置、大小比例的设计，一般由第三方或用户上传;

　　图标元素：设计师根据产品属性和流行趋势设计;

　　色块元素：设计师根据产品属性和用户群体特点进行设计;

　　综上所述，图片元素的设计主要是位置和图片的比例，那么APP设计过程中常用的图片比例是什么呢?这些原因是什么?

　　图像在APP界面中的常用比例为1:1、3:4、3:2、16:9.主要原因是基于用户场景和上传来源。

　　1:1.图像最规则，可以最大限度地突出主体，适应性很强，可以在不同分辨率的手机中完全显示

　　目的：具有信息表达完整、排版布局规范化方便、适应简化的特点;

　　应用：主要用于电子商务平台的商品展示和商品列表，如TB TM JD等。

　　3:4的图像主要用于手机拍摄的图像比例。随着手机的普及，越来越多的用户习惯于用手机拍照。因此，用户上传模块的图像比例一般设计为4:3。

　　应用程序：图片来源基于平台用户的上传模块，如咸鱼、58同城等

　　3:2主要是相机输出的图像比例。这种图像的生产成本高于手机，需要专业的设备和一定的摄影技术，所以频率相对较低;

　　应用程序：制作内容的用户需要移动摄影技术，如：马蜂窝、爱彼迎等。

　　16:9是视频播放的常见比例，所以这个比例主要用于APP中视频显示的图像设计。

　　了解APP中图像比例的设计核心。接下来，让我们讨论图像元素在APP中的排版应用。APP中常见的图像元素排版主要是单列、两列和横向图形排版。这些排版布局何时使用?

　　单列排版主要用于APP视觉设计中产品图或焦点图权重较高的排版形式，基于图像单列排版会放大图像细节，对图像有严格的要求;

　　这种排版优势：吸引用户，图像清晰细节，易于显示;

　　但也有缺点：屏幕占很大比例，一个屏幕只能显示大约2个图像，图像细节放大需要专门的审计部门进行筛选，增加了图像生产的难度;

　　比如一些旅游APP和设计素材APP。

　　两列图像排版风格多用于产品列表显示

　　主要优点是，如果你想比单列显示更多的屏幕，你可以显示更多的内容，方便用户浏览，也可以满足更多不同用户的差异化选择

　　缺点是产品图像在一个屏幕上显示过多，用户在浏览活动时产品显示不突出

　　多用于各种产品列表的界面设计展示，如淘宝天猫唯品会等。

　　最后，我们来谈谈图片和文本的结合。当图片和文本一起排版时，如果是单列，则主要用于共享显示设计，如微信朋友圈，文本在上图和下图;如果是两列，则主要用于产品介绍，如上图和下图所示;当然，还有左图右文本。这种排版方法主要用于显示图像内容，用户浏览习惯为由左右，因此，当图像放置在左侧时，一般是产品介绍;如果左右图片主要用于信息产品排版，图像通常用于装饰和吸引用户，图像和文案介绍可能不太相关，甚至被怀疑误导用户。

　　总结

　　综上所述，我和大家分享了一些关于图片在APP中的应用。接下来我们来回顾一下:

　　1、APP中的设计元素 ：图片、文字、色块、图标

　　2、APP中图像元素的比例：1:1、3:2、4:3、16:9

　　3、APP中图片的排版布局:单列式、两列式、图文混排式

　　设计师了解设计元素，明确图像比例来源是基于用户上传和应用场景，然后了解基本的排版方法，所以一般应用中的图形排版设计应该很容易获得!你得到了这个程序吗?