新手入门UI设计必须技能之一 APP布局

在UI的工作中，经常会接触到APP页面的布局，布局方式直接影响到一个APP的视觉以及用户体验；好的布局可以更好的传递信息，使信息变得井然有序；下面给大家简单介绍五种布局方式：

第一，列表式布局

这是我们移动界面设计中最常见的一种布局方式，特点就是：内容从上向下排列，导航之间的跳转要回到初始点，基于这样的特点， 布局层次展示清晰明了，视线流从上到下，浏览体验快捷，可展示内容较长的菜单或拥有次级文字内容的标题。但这也无疑暴露了其缺点：导航之间的跳转要回到初始点，灵活性不高同级内容过多时，用户浏览容易产生视觉疲劳，只能通过排列顺序、颜色来区分各入口重要程度。

第二、九宫格布局

相信这种布局方式大家都比较熟悉，平时我们发朋友圈或者空间说说，照片都是采用九宫格的方式。简单的一行三列，非常清晰，也受很多用户的喜欢， 但是这种布局方式菜单之间的跳转也要回到初始点，容易形成更深的路径，不能显示太多入口次级内容。

第三、陈列馆式布局

支付宝的界面相信大家都很熟悉，它的首页就使用了陈列馆式布局，它能直观得展现各项内容，而且首页的内容都是用户经常游览的，不过由于界面过多，视觉体验效果就稍微逊色了一点，与九宫格相比的话，稍微复杂了些，由于排列过多，容易造成用户眼花缭乱。

第四、旋转木马式布局

阅读软件“一个”的首页则使用了旋转木马式布局，一个的主题是“复杂的世界里，一个就够了”，所以它选用此布局起到了画龙点睛的作用，更能提高单页面的聚焦度。该布局方式比较突出，内容整体性较强，聚焦度高，但是往往也受屏幕限制，不能展现更多精彩内容，同时，也容易造成后面内容的忽视。

第五、选项卡式布局