网页设计与鉴赏解析

1.3 非规律框架设计
❖ 一旦横向能够滚动两屏或两屏以上,特殊怪异 的个性美就展现出来了。信息平铺到该页,无 所谓导航的概念,起内页信息都是以弹出窗口 的形式连接。横向滚动的同时，好似观看一 场展览。沿着墙壁一路过去，滋味别样。
❖ 此类网页设计虽然同样不适合商业化信息多 的网站，但是可以用来作为展示商品的页面， 可以把信息内容连贯起来，使浏览者有统一 的视觉轮廓。
❖ Ⅰ、Ⅱ是以二分栏作为基础结构。其中，Ⅱ是logo 和导航处于下方的情况，这种结构也是很普遍的， 可以选用Frame制作。二分栏结构一般是左窄右宽， 导航居左，底色加重表示强调，但也有右窄左宽， 导航居右，但非主流。
❖ Ⅲ是以三分栏作为基础结构。三分栏属于开放式结 构，给人的感觉十分大气，适用于门户和流量大的 网站。常规内容设置是：导航横排在页面上部，左 右两栏为功能区和附加信息区。中栏为主要信息显 示区和重要资料显示区。
1.分栏式结构
❖ 根据信息源，将中栏进行一些小分栏变化，以确立 网站特色。
❖ 色彩分布则主要是左右两栏色彩深一些，而中栏为 白色等常见情况。
❖ 在全球设计师陆续推出个性化网页设计的同时，一 些常规早已被打破。
1.分栏式结构
❖ Ⅳ中的前两个是四分栏的结构框架，后两个是五分 栏的结构框架。四分栏式结构会使页面相对很拥挤， 给人一种网站的信息量很大的感觉。信息储备少的 站点采用这种框架，可以在视觉感官上调整信息量 少的不足。
关于网页设计
1.网页框架
❖ 根据目前网页设计现况，可以把网页框架归 类为三大类：
❖ 分栏式结构 ❖ 区域排版 ❖ 非规律的页面排版
1.网页框架
❖ 分栏式结构和区项排版是两种较常见的基本 构架形式,在商业网页设计方面有较广泛的应 用,同时也是非商业网页设计构架的首选.
❖ 非规律的网页排版,主要是指无框架页面设计 以及多变化Flash媒体设计.由于这两种排版 形式变化多,不好把握,而且个性化极强,没有 规律，因而通称为非规律的网页排版.
1.分栏式结构
1.分栏式结构
❖ 分栏式结构是竖长方形页面的框架.如上图所 示的新浪网骨架结构,从上到下被分为两列,我 们称之为二分栏结构.
❖ 最常见的分栏式骨架结构,还有如 linkdup.com的三分栏(见图1.5),以及国外常 见的四分栏式结构.另外还有较为特殊的通栏 (见图1.7)和五分栏(见图1.8)
图1.5 linkdup.com的三分栏框架Βιβλιοθήκη Baidu构
图1.7 通栏
1.分栏式结构
❖ 分栏式结构的变化 在竖分栏内增加多个小分区的方式．可以使分栏式结构产生 多种变化形式，打破分栏式的死板结构,增强了分栏式结构 的应变能力.
根据常见的分栏式结构,可以绘制一些简单变化结构图(图 1.11)
1.分栏式结构
1.分栏式结构
❖ 分栏式结构的页面容易过长，过长的页面载入非常 慢，从而失去分栏式的优越性。为了不给访客带来 太大的麻烦，应尽量保证页面的长度在两屏到三屏 为佳。
1.2 区域编排
❖ 利用辅助线、插图．色彩把网贞平面订为几 个规则的或不规则的区域，形成类似图 1．19所示的网页框架，这种网页框架笼统 称为区块分布式结构，也叫做区域编排式结 构设计。横向割断分栏式结构，就可以变成 区域排版．所以也可以称区域排版为分栏结 构的变异。
1.网页框架
❖ 三类框架结构各有特色,分别适用于不同信息 类型的网站.其中分栏式结构是运用最为广泛 的页面结构，它适用于门户、商业、个人等 不同信息类别的网页设计。
❖ 分栏式结构应用最为普遍，也是网页设计发 展的最初形态.
1.分栏式结构
❖ 分栏式结构是最常见的网页框架,也可以称为 竖分栏.这是一种把页面从上到下分割为几列 构架的设计结构，类似于新浪的网页骨架设 计(sina.com.cn).
1.3 非规律框架设计
❖ 静态页面设计第一类 设计好的网页图片采取分割整张图片生成网 页的形式去制作。此类页面设计通常精美华 丽，视觉效果较好但不适用于信息量大的网 站和商业类型的站点。
而个人主页和商品展示页面，完全可以采取 这样的形式来突出个性化，以便于产品促销。
1.3 非规律框架设计
❖ 静态页面设计第二类 通常在设计分栏式或区域排版风格的网页时， 设计师们十分介意浏览器出现横向滚动条. 一方面只带一个滚动键的鼠标不能滚动横向 页面，在鼠标操作上多有不便; 另一方面,在商业类或门户类站点中出现滚动 条,是十分不美观的.
1.3 非规律框架设计
❖ 动态网页主要是以Flash形式为主的新媒体 设计。先不谈其动态的过程和效果，通常最 后落定的标版，可粗略归为两种形式：一种 是标版类似于分栏式或区域编排结构。换句 话说，Flash内局部嵌套以上两种网页框架； 第二种则是根本无任何规律可寻，类似于静 态网页中的第一类情况。
图 1.19
1.2 区域编排
❖ 总体来说，分栏式和区域编排没有严格的界 限。只要能设计出风格独特的网页，就是好 的框架。在进行设计时，不要给自己太多的 条条框框和先入为主的思想，它们会妨碍思 路的开阔和创意的展开。
1.2 区域编排
❖ 我们归类的以上各种情况，是为了了解今天 的网页设计状况，也是为了寻找设计突破点， 展开新的创意思路。区域编排结构是由分栏 式结构衍生出来的，但分栏式结构设有被淘 汰。区域编排虽先进，但却不太稳定。两种 框架各有特点，实际操作时，可相互搭配。
❖ 由于英文字比中文方块汉字占用空间小，因而四分 栏在国外比较多见。
1.分栏式结构
❖ Ⅴ是一些特殊的分栏结构。 在人们都选用开放式的分栏结构的同时，往往又需 要在相同的框架结构中设计出不同效果来，以至于 看起来“四不像”的框架结构越来越多。栏宽窄不 同，底色不同，小区域划分不同，位置不同，排列 组合后可以衍生出无穷无尽的变化，给网站带来无 穷的魅力和新的生命力。
1.3 非规律框架设计
❖ 分栏式结构和区域编排以外的网页框架归属为一类， 即非规律框架。非规律框架设计真的没有规律吗? 也不尽然。非规律框架按整体效果可先分为动态网 页和静态网页。
❖ 其中，静态网页主要有以下三种情况： 第一类：由无框架的整张图片分割生成的网页。 第二类：横向页面很长，有些怪异的网页。 第三类：整个信息区很小的袖珍型网站。