网页界面设计系列教程
美术体是在宋体、黑体等规范字体基础上变化而成的各种字体，如综艺体、琥珀体。美术体具有鲜明的风格特征，不适于文本段落，也不宜混杂使用，多用于字体级数较大的标题，发挥引人注目，活跃界面气氛的作用。
拉丁字母依据其基本结构可以分为三种类型：
（1）饰线体（Serif）：此类字体在笔画末端带有装饰性部分，笔画精细对比明显，与中文的宋体具有近似形态特征，饰线体在阅读时具有较好的易读性，适于用作长篇幅文本段落。代表字体是新罗马体（Times New Roman）。
（2）无饰线体（Sans Serif）：笔画的粗细对比不明显，笔画末端没有装饰性部分，字体形态与中文的黑体相类似。由于其笔画粗细均匀，故在远距离易于辨认，具有很好的识别性，多用于标题和指示性文字。无饰线体具有简洁规整的形态特征，符合现代的审美标准。代表字体是赫尔维梯卡体（Helvetica）。
（3）装饰体（Decorative，也称Display）：即通常所说的“花”体，由于此类字体信笺于形式的装饰意味，阅读时较为费力，易读性较差，只适合于标题或较短文本，类似于中文的美术体和手写体。代表字体是草体（Script）。
在某些特殊场合，如广告或展示性的短语中，拉丁字母全部使用小写字母，能够造成一种平易近人的亲切感。
拉丁字母字体大都包含字幅（正、长、扁）、黑度（细、粗、超粗）、直斜的变化，因而由一种基本字型可以变化出多种具有相似特征的同族字体，这些字体统称为“字族”。
同一页面中字体应尽量在同一字族中选用，以保证界面具有明确、统一的风格特征。
在计算机字库中，有关字体特征的表示大多彩缩略语，如Cn(Condensed，长体)，Ex(Expanded，扁体)，Lt(Light，细)，Med(Medium，中粗)，DemBol或Dm(Demi Bold，半粗)，Bd(Bold，粗)，XBd(Extra Bold，特粗)，It(Italic，斜体)等。中文正文的字符数每行以20-35个为宜，西文则约40-70个字符最易阅读，因此较宽的文字幅面应考虑采用分栏的排布方式。通常设定行距为字高的150-200%，西文的行距通常小于中文行距。
粗细对比是刚与柔的对比，也有人称之为男性性格与女性性格的对比。在同一行文字中使用粗细对比的效果最为强烈。粗字少细字多易取得平衡，给人以明快新颖的感觉，细字少粗字多，则不易平衡，但往往会产生具有幽默感的特殊效果。
界面中文字编排要求视觉上产生类似于天平平衡的印象，失去平衡的文字编排设计，将得不到浏览者的信赖，并给人以粗劣的印象。
可能通过左右延伸的水平线，上下延伸的垂直线，动感的弧线和斜线，穿插的图形来诱导视线依照设计师安排好的结构形式顺序浏览。
在界面的四角配置文字或符号，界面的势力范围就明确地确定下来，界面中即使存在让人感觉动荡不定的元素也会因此而稳定下来。在四角中，左上和右下具有特殊的吸引力，是处理的重点，处理得好，可以使界面左右均衡，同时还会形成从左上到右下沿对角线流动的视觉过程，给人以自然稳定的感觉。
非规律性造型形式的错落变化，应出现在周围有较充分的留白空间的场所，效果较为显著。如在界面中央或正上方表现效果较好，标题性文字往往使用此手法处理。
分栏式结构中，文字群体通常只出现在一栏中，每行的字符数相对较少，易于浏览。分栏中如果都排布文字群体，界面会显得十分拥挤，故不宜采用。其他栏中可设置目录、标题、导航等简洁的文字信息，整体形式繁简对比，疏密得当。国内使用较多的是三分栏，国外四分栏式结构则较为普遍。
网页界面中除了点、线面这些实体造型元素，其余的空间就是“空白”，空白不一定是“白”，它可以是与背景色相同的表示“虚”的空间范围。空白能使实体在视觉上产生动态，获得张力。在中国传统绘画中，空白的表现力丰富，同时又使笔墨生支灵妙，无怪乎古人所说“形得之于形外”，“计白守黑”。页面中巧妙地留白，讲究空白之美，有助于更好地烘托主题，渲染气氛，集中视线，加强空间层次，使版面疏密有序，布局清晰。
黄金之比所以有如此神圣和不可思议的力量，乃是因为黄金比是含有无理数 的数字，用公式表示为Φ=(1+)/2约=1.618。黄金矩形去掉短边为边长的正方形时，剩下的矩形仍为黄金矩形。
以正方形的对角线为长边，所得矩形为矩形，再以矩形的对角线为长边，所得矩形为矩形，以此类推，可以得到任意自然数的矩形。 矩形对折成半时，面积虽然只剩一半，但形状不变，仍是矩形。
网页界面的版式设计中，其比例关系一般体现在：页面所限定空间的长宽比，实体内容与虚空间（空白）的面积比，页面被分割的比例，图文的关系比以及各造型元素内部的比例等形式上的数量关系。
对称的版式设计稳定、庄严、整齐、秩序、安宁、沉静，如同中国古代宫殿一样庄重、严肃，体现了一种古典主义的风格。为避免对称产生的单调和呆板，要在对称中略带变化。
视觉艺术中的节奏和韵律来自音乐的概念，节奏较多地强调“节拍”，韵律较多地强调“变化”，如果说韵律感不够，是指缺少变化，过于呆板；如果说节奏感不强，是指变化缺乏条理规则。
对比是指因多种元素相异的特点相比较而更加鲜明强烈的紧张感。对比有形的对比（大小、方圆、长短、曲直、宽窄），色的对比（色相、明度、纯度、冷暖），质的对比（刚柔、粗细、强弱、干湿、轻重、软硬、虚实），势的对比（疾缓、疏密、动静、抑扬、进退）等。对比关系越清晰，视觉效果就越强烈，在一个页面中，通常是多种对比关系同时并存，以产生多姿多彩的表现效果。
人眼的视线沿水平方向运动比沿垂直方向运动快而且不易疲劳。视线的变化习惯于从左到右，从上到下和顺时针方向运动〖际� 无忧 pc51.Net
文章评论
共有 0 位网友发表了评论 此处只显示部分留言 点击查看完整评论页面