1.5 首页

不同功能的App有着不一样的首页模块，选择一种适合产品本身的首页展示方式非常重要。现在，App首页同质化现象越来越严重，页面基本都朝着一个方向去设计。作为设计师，一定要做到多看多用才能够找到更适合产品本身的展示方式。下面介绍一下首页最常见的4种表现形式，分别是列表型首页、图标型首页、卡片型首页和综合型首页，不同类型的首页布局承载着不同的内涵。

1.5.1 列表型

列表型首页是指在一个页面上展示同一个级别的分类模块。模块由标题文案和图像组成，图像可以是照片，也可以是图标，如图1-12所示。列表型的首页更方便点击操作，上下滑动也可以查看更多的内容。

图1-12　列表型首页

1.5.2 图标型

当首页包含几个主要的功能时，可以采取图标的形式进行展示，如图1-13所示。图标型的首页最好是在第一屏展示完整，并将点击做到最简单。

图1-13　图标型首页

1.5.3 卡片型

在遇到操作按钮、头像和文字等信息比较复杂的情况时，可以选用卡片型首页方式。卡片型首页能让分类中的按钮和信息紧密联系在一起，让用户一目了然，同时能还有效地加强内容的点击性，如图1-14所示。

图1-14　卡片型首页

1.5.4 综合型

电商类产品模块的表现方式比较多，有图标形式也有卡片形式等。如何才能让多块内容在页面中显示得清晰易读，这是对设计师能力的考验。综合型的首页设计要特别注意分割线和背景颜色的区分不能太过明显，选择比较淡的分割线和背景色来区分模块即可，因为要保证页面模块的整体性，如图1-15所示。

图1-15　综合型首页