网络编程
位置:首页>> 网络编程>> 网页设计>> 垂直栅格与渐进式行距(上)(4)

垂直栅格与渐进式行距(上)(4)

作者:宗羲 来源:Taobao.com UED Team 发布时间:2009-04-01 18:30:00 

标签:设计,栅格系统,垂直,栅格

完工

OK,最后,我们来做个使用前使用后的对比,来张合照吧:


使用前:



使用后:




附录 基本垂直韵律对行距、间距的要求的推导

根据之前的经验,不难得出:

设行距为 d px ,设垂直方向上的间距和为 ∑d = d (段前距) + d (段后距) (px) ①,假设基础行距为k px,则

n*k = d + ∑d (n为自然数) 即行距和间距之和应当是18的倍数 ②

由方程①、② 得出:


  • 行距和全部垂直间距之和为18的倍数。





0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com