|
畫上線后，工作簡單啦！利用18px和24px這兩種行距，將文字的基線都挪到紅色網(wǎng)格線上。
去掉網(wǎng)格看看吧：
回顧一下優(yōu)化前的樣子：
全部使用了18px或者24px的行距。其中，將右邊模塊的資訊條數(shù)由8條縮減為5條。甚至，我們可以繼續(xù)發(fā)現(xiàn)，應(yīng)用了垂直韻律之后，垂直的行數(shù)可以做自由得調(diào)整，而兩個模塊的高度可以保持高度一致。例如我們縮減了行數(shù)：
應(yīng)用了垂直韻律之后，既美觀又靈活，何樂不為呢？哇咔咔～
最后
當(dāng)然，垂直韻律和漸進式行距還有很多應(yīng)用的方法。總之，作為設(shè)計師，特別是網(wǎng)頁設(shè)計師/交互設(shè)計師，我們不應(yīng)當(dāng)單純地憑借感覺，應(yīng)當(dāng)專注到像素級別，嚴謹設(shè)計。
“嚴謹”一詞，永遠受用。送給我和大家。
原文：http://www.om19.cn/2009/06/29/vertical-rhythm-and-the-incremental-leading-2/
本文鏈接：http://www.95time.cn/design/doc/2009/6834.asp 
出處：Taobao.com UED Team
責(zé)任編輯：bluehearts
上一頁 垂直柵格與漸進式行距 [2] 下一頁
|
第 1 頁 
第 3 頁 垂直柵格與漸進式行距 [3]
