近日注意到iphone设置界面、微信发现界面等列表的间距很高，约在单个列表高度的0.5-1倍之间，而通常我们在设计中常用的间距高度多为10px-15px（一倍页面中）。
为了探究间距高度的设计规则，于是体验了多个常用应用，抽取典型页面进行了对比。
1. 功能入口列表：微信发现页、个人中心页
此类页面基本由多个单行列表分类组合而成，提供多个功能的入口，更高的间距能有效的区分各模块内容，减少列表重复的密集感和枯燥感，使整个页面更具空间感和呼吸感。
同时，当需要对某个模块添加说明时，更高的间距预留了足够的空间。
设置页面 / 微信发现页
微信通讯录 / 个人中心
2. 内容列表
内容列表页通常用于展示，信息多且复杂，空间的利用显得更重要，并且上下内容之间的联系性更紧密，过高的间距会打断这种关系，因而列表的间距通常较小。
为保证页面视觉不拥挤，需要对列表内容进行设计排列，区分主次，保留足够的间距。
支付宝首页 / 股市通首页
粗略的思考，欢迎一起探讨 :)
网友评论