近日注意到iphone設(shè)置界面参滴、微信發(fā)現(xiàn)界面等列表的間距很高匈仗，約在單個(gè)列表高度的0.5-1倍之間算利，而通常我們?cè)谠O(shè)計(jì)中常用的間距高度多為10px-15px（一倍頁(yè)面中）污筷。
為了探究間距高度的設(shè)計(jì)規(guī)則规揪，于是體驗(yàn)了多個(gè)常用應(yīng)用桥氏，抽取典型頁(yè)面進(jìn)行了對(duì)比。
1. 功能入口列表：微信發(fā)現(xiàn)頁(yè)猛铅、個(gè)人中心頁(yè)
此類頁(yè)面基本由多個(gè)單行列表分類組合而成字支，提供多個(gè)功能的入口，更高的間距能有效的區(qū)分各模塊內(nèi)容奕坟，減少列表重復(fù)的密集感和枯燥感祥款，使整個(gè)頁(yè)面更具空間感和呼吸感。
同時(shí)月杉，當(dāng)需要對(duì)某個(gè)模塊添加說(shuō)明時(shí)刃跛，更高的間距預(yù)留了足夠的空間。
設(shè)置頁(yè)面 / 微信發(fā)現(xiàn)頁(yè)
微信通訊錄 / 個(gè)人中心
2. 內(nèi)容列表
內(nèi)容列表頁(yè)通常用于展示苛萎，信息多且復(fù)雜桨昙，空間的利用顯得更重要检号，并且上下內(nèi)容之間的聯(lián)系性更緊密，過(guò)高的間距會(huì)打斷這種關(guān)系蛙酪，因而列表的間距通常較小齐苛。
為保證頁(yè)面視覺(jué)不擁擠，需要對(duì)列表內(nèi)容進(jìn)行設(shè)計(jì)排列桂塞，區(qū)分主次凹蜂，保留足夠的間距。
支付寶首頁(yè) / 股市通首頁(yè)
粗略的思考阁危，歡迎一起探討 :)
