网页设计三要素：内容、功能、表现(2)

同一个页面元素的6种形式

块级内容变形记

块级内容由元素级内容组成。

在解决了元素级的内容形式化之后，按照栅格系统对块级内容进行多样化的整合，就能够使页面线框图像搭积木那样简单了;相同的块级元素在不同的页面当中往往占有不同的权重，这就意味着占有屏幕资源的变化(影响这种变化的因素主要是宽度)，因此在整合网站中需要给同一个块级元素赋予不同的形式。

以最常见的“同主题链接列表”这个内容块为例，解决在不同屏幕资源分配下的变形问题;所谓“同主题链接列表”可能是一系列的文章，也可能是围绕某个主题的一系列关键字，总之是相互关联的同级内容节点;这些兄弟节点从属的某个主题，在页面中以标题的形式体现。

简单式

图形列表

单列展开式

两列混搭式

两列文本式

最简图文式

上面的6种延展形式，仅仅是从一个内容块出发进行的衍化;要形成高度的块级复用，就必须对每一个内容区块进行类似的延展;正如很多重复性劳动一样，只要设计人员通过一个案例积累出常用的块级内容形式，就不必为每一个项目都如此的操劳了。在高保真线框图的设计层面，其实就是对这些形式进行合理的运用而已。

为了适应同一内容块的不同形式，设计开发人员往往会在内容发布环节也进行了相应的改进，比如人工的或自动截取不同长度的标题和链接文字。

进入论坛参与讨论: http://www.missyuan.com/viewthread.php?tid=424238