地产杂志排版设计怎么弄？这13种移动界面版式布局给你灵感

一.前言

出于信息以及技术的发展，手机屏幕持续增大，界面开始承担起越来越多的信息，繁复并且众多的界面装饰细节，致使界面显得愈发臃肿，人们开始更为多地关注界面的内容以及功能，信息所呈现出来的框架具有扁平化的趋势，在设计风格这一方面，设计师们也不再去追求3d、拟物化的设计，而是进而开始越来越崇尚扁平且简约的设计理念。

构成版面是充当信息传播的桥梁的，发挥版面元素里各自的特点以及功能，可令整个版面达成从视觉至内容的完善性与美观性，进而更快并更准确地传递信息，因而版式设计长久以来普遍应用于广告、招贴、杂志等平面设计当中。虽说在移动应用里是将用户的操作与使用体验作为主体的，然而随着扁平化潮流的涌来，我们并非借助细腻的质感以及光影去提升界面的品质，拉开界面的层次，那么我们依靠什么去吸引我们的用户，为用户营造良好的阅读以及使用体验呢？

二、版式设计在移动界面中的应用

有一种情况是，版式设计常见的布局存在十三种，分别是骨骼型，满版型，上下分割型，左右分割型，中轴型，曲线型，倾斜型，对称型，重心型，三角型，并置型，自由型，四角型等。还有一种情况是，这些布局在平面设计里的应用极为广泛，然而移动界面的设计跟平面设计相比，最大的不同之处在于其功能性，可操作性，可交互性，并且版式的选择也是依据产品的功能特性，目标用户，使用场景等因素 。

依据其产品具备的功能，移动界面分成了两类：用于信息展示功效的界面，关于功能操作用途的界面。

1.信息展示型界面

比较常见的、以阅读以及传递信息来作为主要功能的界面包含，新闻app的某些界面，天气app的某些界面，阅读app某些界面，购物app的某些界面，音乐app的某些界面，食谱app的某些界面，还有涉及健康方面app的ertain界面，除此之外，新手引导页同样是比较常见的、以传递信息这一属性作为主要特征的页面，并且这些app是基于它们各自不同的功能特点的，其界面的板式同样有着各自的特点。

1）以浏览引导为主

以浏览引导作为主要方式的界面，在布局方面会存在一条清晰明确的主线，而于常见的版式布局里，上下分割型的布局、左右分割型的布局、中轴型的布局、曲线型等布局，在图文的排版这件事情上，对于用户而言会存在一个潜在的引导提示，所以应用得相对比较广泛。

紧接着的两张图画，尽管是各异的情景以及功用，终究都运用中轴型布局方式，也就是图画跟文字依照垂直方向排列，引领并促使用户自上朝着下方行进浏览，其结构层次显得格外清晰明了。

2）以品牌传递为主

关于以品牌传递作为主旨的界面而言，采取满版型、重心型、自由型等布局样式会更为适宜。满版型即将图片布满整个版面，其视觉效果直观强烈，下面这两个界面采用满版型布局，借助全屏图片与简洁文案传达出产品的气质及理念，并且给人以大方又舒坦之感。

3）以提高浏览效率为主

着眼于着重提升浏览效率的界面，一般而言界面之中涵盖着较为庞大的信息量，怎样将信息迅速、精准地传送给用户，避免致使所使用的人产生烦躁与困扰呢？

这类应用里较典型的是新闻、资讯还有图库等 app 的界面，设计时我们能够借鉴骨骼型板式，骨骼型是一种规范且理性的分割办法，杂志排版中我们常见的骨骼有竖向通栏、双栏、三栏、四栏等，借助图文的混合排列展现出理性又严谨的感觉，在信息传递上更为快速、清晰。

下面左图是个新闻 app，其采用竖向分栏布局，模块化结构让信息展现得整洁且严谨。往右看，右图是个图片展示 app，它采用三栏布局，将图片像瀑布流那样展现给用户，以此方便用户快速浏览。然而因平级信息，很难区分主次，并且人的视线很难在同一时间聚焦于两个或两个以上事物，所以借助图片错路排列，致使画面变得更为活泼。

4）以信息展示为主

就以信息展示作为主要功能的界面而言，比较常见的存在记录型、天气类等这般的 app ，在这类 app 里其界面更加侧重于信息给人的直观感受。在处于这类 app 当中应用得相对较多的布局包含满版型、上下分割、左右分割、中轴型、对称型、自由型等 。

下面有两个图例，它们都主要是用于展示信息，然而，因为界面所含信息量以及 app 的功能特性这些因素产生了影响，在左图的运动记录界面信息量的比较方面，采用的是中轴型布局，并且，右图的天气 app 信息量相对较大，采用的是满版型布局。合理地选择布局，对于信息的展示有着至关重要的作用。

2 .功能操作型界面

以功能操作为主要内容的界面，其主要作用在于引导用户去进行操作，因而常见的布局会主要存在上下分割形状、左右分割形状、中轴形状等 。

下面的左边那张图呢，是个注册页面，其中的 btn 运用了中轴型的那种构图方式，能够干净利落地将操作项以及注册流程给展示出来。右边那张图呢，采用的是上下分割的版面构成形式，上面部分是用来进行图片展示的，而下面那一部分则是安排选项和操作的，整体结构显得极为清晰。

三、结语

在扁平化潮流情形下，诸多产品借鉴了杂志排版某些方式，给用户带去良好阅读及使用体验 。我于上面示例里仅列举一些个人觉得较典型且有意思的布局 。对于不同功能的app ，挑选适宜的版式构图类型 ，大胆结合板式设计一些经典形式 ，或许可为我们的设计扩充新的思路 。

继续浏览有关 杂志排版设计移动界面布局 的文章