网页框架2区域编排.PPT

图36 韩国插画站内页(二) 日韩这类风格的站点很多，大概是他们偏爱这类可爱而小巧精致的设计吧。例如图37和38中，把整个网站放在一个小的电视机中，形象生动，使人过目不忘。 通过袖珍型的设计模式，也可以设计出多种不同风格的网站来。比如图39中的网站就给人以幽雅、怀旧和神秘的感觉。黑色的背景呼应白色曲线的字符，有点欧洲古典的味道。 这种框架结构也可以用做商业、企业站点，如图40所示，方框和长边线在视觉上传达出一种严谨、沉稳的信任感。灰色与红色的搭配也起到了类似的作用。 图37 日本站点channel*924325 首页 图38 日本站点channel*924325 内页 图39 图40 hi-type 3.5 多变化Flash网页设计 动态的Flash网页设计，通常表现出互动感、时代感和科技感。它为网络设计开辟了新的领域和篇章。随着网络带宽的加大，电脑技术的普及，广大Flash网页设计也会有更宽广的用途和发展。 动态的形式无法用框架把握。在以上的所有网页结构里，都可以嵌套局部的Flash，或利用Flash制作。一个完全由Flash制作的网站大多不外乎两种情况： 一种是静止后的页面，类似分栏式或区域排版结构。如图41所示，假设我们不知道它是利用Flash制作的，最后的静止页面就是三分栏框架了。 另一种情况是根本没有边际可寻，完全是一个动画场景或整张图的视觉效果。图42所示的站点风格就是Flash网页的主流设计风格。 以下列出几个较好的Flash技术站点，供大家学习Flash时参考查阅： Kit()：国际最著名flashkit，资源较多，教学、代码全面。 ultrashock(/)：提供Flash的资讯/高级教程和高级源文件，讨论区是最酷的vbb，里面的版主都是知名的多媒体设计师。 Wh论坛(/)：国际著名Flash论坛，聚齐国际知名闪客。 闪客帝国()：业内新闻、动态排行、技术支持等。 闪客吧()：Flash相关软件全面，选这里下载最好。 闪客天空()：源代码非常多，便于下载学习。 图41 Flash制作的网页 图42 Flash制作的网页 网页框架类似素描的稿线，如果“形”打得不准，是不能成就好的作品的。设计师们要进一步提高对这个环节的重视程度。网页框架是网页设计的基础，与众不同的网页作品是由这一步开始的。 * 图18 别致的三分栏骨架设计 2 区域 编 排 利用辅助线、插图、色彩把网页平面分为几个规则的或不规则的区域，形成类似图19所示的网页框架，这种网页框架笼统称为区块分布式结构，也叫做区域编排式结构设计。横向割断分栏式结构，就可以变成区域排版，所以也可以称区域排版为分栏结构的变异。 图19 区域编排结构的网站 区域编排的结构灵活，变化多，通常可利用颜色、线条、文字的断口或插图的变换等手段来划分区域。划分出来的区域的大小、形式都可以自行定义，格局则变化莫测。 图20中，四个网站抓图均是标准的区域编排框架。此类框架适合于信息量小，信息源有规律的网站。区域编排不适用于门户开放式站点和信息交错紧密的站点；比较适用于企业站点和产品单一的电子商务类站点，以及对页面要求较高、信息流通量小的专业性信息站点。 图21为没有明显的分栏结构。它表面看似杂乱，实际上却是用很规则的方块来编排页面信息的。动静结合的页面，鬼魅而血腥，给我们带来摇滚乐最直接的震撼。 图22为小巧的Flash站点，区域分割比例恰到好处，大方轻快。虽使用了明确的区域划分，却没有局限作品的风格，作品中依然体现出更多的时尚感和数码感。由此看来，采用区域排版的页面伸缩性很好，适用于更广泛的不同信息类型的网站形式。图23显示的是一种十分具有特色的区域编排结构类站点。 图24中的页面使用了插图、色彩作为分割的界限，艺术味道十足，是韩国十分有名的艺术网站。 很少见到如图25中页面插图跨越了几个分割区域的情况。插图的运用使得页面显得更具有张力感和空间感，开阔大气。 图26中的页面较长，信息量很大，插图位置明显，难以忽略。新闻区的长度不够，则在页面内使用滚动条，解决了页面空间问题，同