首页设计是UI界面设计中很重要的一个页面,首页承载的内容很多也很复杂,是给用户传递产品气质的首要页面;也是整个app的风格定向和规范定向。在做首页时需花费更多时间在首页的各板块的细节上,而不仅仅是关注首页的视觉呈现。对首页各模块进行拆分细化,掌握每一部分的设计要点,那我们在往后的工作中对首页的设计就会更得心应手,更高效的去产出首页设计方案。
一、首页常见组成部分
根据《UI设计规范与控件的建立》,首页常见组成部分分为下面这些部分,设计规范也是根据首页的设计开始创建的。
二、首页细节拆分
对比不同行业app的首页,会发现不同首页的布局其实大同小异,都有着流量分发的作用。
首页作为界面设计中最复杂的页面,需要去关注很多设计点。在做首页时,想好首页的整体布局,并归纳收集基础部分、组件、图标、模块出现的场景,从而进行设计规范的定义。首页做得越细,规范整理得越详细,会帮助后面的页面设计更高效、流畅。当然以上的设计数值是自己平时项目与目前主流app的规范总结出来的经验数值,大家在实际应用中应根据自己的项目规范去灵活应用哦。
更多的首页UI模板到搜UI (SOOUI) 进行搜索学习