Day 2 — 列表设计的空间感

近日注意到iphone设置界面、微信发现界面等列表的间距很高，约在单个列表高度的0.5-1倍之间，而通常我们在设计中常用的间距高度多为10px-15px（一倍页面中）。

为了探究间距高度的设计规则，于是体验了多个常用应用，抽取典型页面进行了对比。

1. 功能入口列表：微信发现页、个人中心页

此类页面基本由多个单行列表分类组合而成，提供多个功能的入口，更高的间距能有效的区分各模块内容，减少列表重复的密集感和枯燥感，使整个页面更具空间感和呼吸感。

同时，当需要对某个模块添加说明时，更高的间距预留了足够的空间。

设置页面 / 微信发现页 微信通讯录 / 个人中心

2. 内容列表

内容列表页通常用于展示，信息多且复杂，空间的利用显得更重要，并且上下内容之间的联系性更紧密，过高的间距会打断这种关系，因而列表的间距通常较小。

为保证页面视觉不拥挤，需要对列表内容进行设计排列，区分主次，保留足够的间距。

支付宝首页 / 股市通首页

粗略的思考，欢迎一起探讨 :)