编辑导语：随着信息和技术的发展，手机屏幕越来越大，界面开始承载越来越多的信息，而在界面的设计上，扁平、简约的设计理念成为如今设计师们所推崇的理念。版面的构成是信息传播的桥梁，本篇文章作者为我们分享了如何在界面中应用版式布局的干货，一起来看。

随着信息和技术的发展，手机屏幕越来越大，界面开始承载越来越多的信息，繁复的界面装饰细节，让界面显得越发臃肿，人们开始更多的关注界面的内容和功能，信息框架呈现出扁平化的趋势，在设计风格上，设计师们也不再追求3d、拟物化的设计，而是越来越崇尚扁平、简约的设计理念。

版面的构成是信息传播的桥梁，发挥版面元素中各自的特点和功能，会使整个版面完成从视觉到内容的完善性和美观性，从而更快、更准确的传递信息，所以版式设计一直以来广泛应用在广告、招贴、杂志等平面设计中。

虽然在移动应用中是以用户的操作和使用体验为主，但随着扁平化潮流袭来，我们不再通过细腻的质感和光影提升界面的品质，拉开界面的层次，那我们靠什么来吸引我们的用户，为用户创造良好的阅读和使用体验呢?

版式设计的常见布局有十三种：骨骼型，满版型、上下分割型、左右分割型、中轴型、曲线型、倾斜型、对称型、重心型、三角型、并置型、自由型、四角型等。

这些布局在平面设计中应用非常广泛，而移动界面的设计与平面设计最大的不同在于其功能性、可操作性和可交互性，版式的选择也是基于产品的功能特性、目标用户、使用场景等因素。

移动界面按照其产品功能可以分为两大类：信息展示型界面和功能操作型界面。

1. 信息展示型界面

我们常见的以阅读和传递信息为主的界面有：新闻、天气、阅读、购物、音乐、食谱、健康等app的某些界面，另外还有新手引导页也是比较常见的以传递信息为主的页面。而这些app又基于其不同的功能特点，界面的板式也有各自的特点。

（1）以浏览引导为主

以浏览引导为主的界面在布局上会有一个明确的主线，而在常见的版式布局中上下分割型、左右分割型、中轴型、曲线型等布局在图文的排版上对于用户会有一个潜在的引导提示，因此应用比较广泛。下面的两个图片，虽然是不同的场景和功能，但都采用中轴型布局，即图片和文字按垂直方向排列，引导用户从上往下浏览，结构层次非常清晰。