![新印象:解构UI设计(第2版)](https://wfqqreader-1252317822.image.myqcloud.com/cover/862/46425862/b_46425862.jpg)
上QQ阅读APP看书,第一时间看更新
1.5 首页
不同功能的App有不同的首页模块,选择一种适合App本身的首页展示方式非常重要。现在,App首页同质化现象越来越严重,首页设计基本都朝着一个方向发展。作为设计师,一定要做到多看、多用,这样才能够找到适合App本身的展示方式。下面介绍常见的4种首页表现形式,分别是列表型、图标型、卡片型和综合型,不同类型的表现形式有不同的内涵。
1.5.1 列表型
列表型首页通常在一个页面上展示同一级别的多个分类模块。各模块由标题、文案和图像组成,图像可以是照片,也可以是图标,如图1-12所示。列表型首页方便用户进行点击操作,上下滑动列表可以查看更多的内容。
![](https://epubservercos.yuewen.com/B1E778/25646869301874806/epubprivate/OEBPS/Images/figure-0020-0013.jpg?sign=1738890375-EhlSioYfBBMcKqukjlK6YA4NMFqcj2D4-0-22d29a6fe0e1830780d2d043971a0f19)
图1-12 列表型首页
1.5.2 图标型
当首页包含几个主要的功能时,可以采用图标的形式进行展示,如图1-13所示。图标型首页最好在第一屏显示完整,并将点击操作做到最简单。
![](https://epubservercos.yuewen.com/B1E778/25646869301874806/epubprivate/OEBPS/Images/figure-0021-0014.jpg?sign=1738890375-4uWiCoTozU9p8pMiVzqUX6gYgV8xbjVV-0-1abb38ead7e26433894f0af50abd7d35)
图1-13 图标型首页
1.5.3 卡片型
在遇到操作按钮、头像和文字等信息需要一起展示的复杂情况时,可以选用卡片型首页。卡片型首页能让各分类中的按钮和信息紧密联系在一起,让用户一目了然,同时还能有效地加强内容的可点击性,如图1-14所示。
![](https://epubservercos.yuewen.com/B1E778/25646869301874806/epubprivate/OEBPS/Images/figure-0021-0015.jpg?sign=1738890375-ZlgSK5cMJgnamQNJnswwvqwxb1PlUlMm-0-34fd25f9b93832477ec8a47823a2cd4f)
图1-14 卡片型首页
1.5.4 综合型
电商类产品的模块表现方式比较多,有图标形式、卡片形式等。如何让多个模块内容在页面中清晰易读,这是对设计师能力的考验。综合型首页的设计要特别注意分割线和背景颜色的区分不能太明显,选择比较淡的分割线和背景色来区分模块即可,因为要保证页面中所有模块的整体性,如图1-15所示。
![](https://epubservercos.yuewen.com/B1E778/25646869301874806/epubprivate/OEBPS/Images/figure-0022-0016.jpg?sign=1738890375-BSN7aR53o1PIVMIHHMGdOJTEQax59wx1-0-68839490aec24fe8efcb92b4fcb5da79)
图1-15 综合型首页