首页设计是UI界面设计中很重要的一个页面，首页承载的内容很多也很复杂，是给用户传递产品气质的首要页面；也是整个app的风格定向和规范定向。在做首页时需花费更多时间在首页的各板块的细节上，而不仅仅是关注首页的视觉呈现。对首页各模块进行拆分细化，掌握每一部分的设计要点，那我们在往后的工作中对首页的设计就会更得心应手，更高效的去产出首页设计方案。

一、首页常见组成部分

根据《UI设计规范与控件的建立》，首页常见组成部分分为下面这些部分，设计规范也是根据首页的设计开始创建的。

二、首页细节拆分

对比不同行业app的首页，会发现不同首页的布局其实大同小异，都有着流量分发的作用。

移动财经首页UI - FD

移动财经首页UI - FD

移动财经首页UI - FD

首页作为界面设计中最复杂的页面，需要去关注很多设计点。在做首页时，想好首页的整体布局，并归纳收集基础部分、组件、图标、模块出现的场景，从而进行设计规范的定义。首页做得越细，规范整理得越详细，会帮助后面的页面设计更高效、流畅。当然以上的设计数值是自己平时项目与目前主流app的规范总结出来的经验数值，大家在实际应用中应根据自己的项目规范去灵活应用哦。

OLA驾驶室 - 首页UI

首页搜索

免费的东西 - 产品首页画面

更多的首页UI模板到搜UI （SOOUI) 进行搜索学习