3网页设计创意.doc

网页设计创意 任何网页创意使用的视觉元素总的归纳起来不外乎三种：文字、图像、色彩。三者选用搭配的适当，编排组合的合理，将对网页的美化起到直接的效果。 一、网页中的文字 在网页中,字体往往占据了很大的空间和页面,单一形态大小、颜色的字体，虽能传递信息，但不免让人们感到疲劳乏味。 1、字体的设计方法：根据文字内容的属性及网站的主题可以适当的作如下变化。 1）改变文字大小、比例 人们已经习惯正常的视觉大小,突然间的变化会产生新的视觉感受,产生重新审视的兴趣。 2）改变字体形态：局部改变和整体改变 措施:拉伸、挤压、扭曲、撕裂、切除、省略、替换、粗细变化。 3）文字的三维效果 措施：添加投影、浮雕、透视效果，产生矛盾空间。 4）色彩的改变：色相、纯度、明度 5）机理及质地：纹理的改变会不同质感效果 6）置换及同构：将文字中部分笔画用实物、图形、符号、色块等替换，或利用文字外形与某一事物的相似点进行变化。 2、文字的组合方法与形式 1）字体的大小组合 将大小不等的文字放到一个平面上进行组合，这样大的文字相当于一个图形，而小的文字就成为可供阅读的文字，或将小的文字编排成图形而大的图形成为主要的文字。 2）汉字与拉丁字母的组合 如：“HONG KONG”与“喜”字的组合。 3）汉字与具象形体的组合 如：“永久”牌自行车标志和“胖子”服饰标志。 4）文字组合的处理手段 添加法：根据文字内容、笔画的多少进行添加文字的组合因素。 A. 添加与内容相关的文字 B. 添加与寓意相关的图形 删除法：在不影响识别的前提下将某些笔画删除。 重叠法：将文字组合因素重叠为一体，产生富有层次的效果。 连笔法：将文字组合因素产生连贯的整体感，可将两个以上的文字笔画连起来。 适形法：将文字组合因素适合在一个图形内，产生适合图形的效果。 共用法：将所设计内容的两个以上的文字笔画或偏旁部首共用，产生“你中有我、我中有你”的视觉趣味。 虚实形共用：实为笔画，虚伪背景。利用实形周围空底显示字的形产生虚实相间的视觉效果。 几何形：利用不同的几何形状构成文字,给人以自由和轻松感，现代感强 5）文字编排的形式：A.竖排式 B. 横排式 C. 斜排式 D. 曲线式 E. 渐变式（运用文字字体大小产生渐变的效果）F. 重叠式（由句子重叠体现构成图形）G. 分离式（拉大字与字之间距离，形成点状效果）。 6) 文字的头尾编排形式：A.齐头散尾式 B.散头齐尾式 C.齐头齐尾式 D.中轴分离式（文字排列时从中间向两边分开,突出中间的垂直空间） E.分插式（行与行之间的关系上、下、左、右曲直交叉，长短参差、错落地排列）F.自由式（行与行不规则地排列，形成繁杂的视觉效果，其阅读功能减弱，作为背景图形用）。 7) 图形化的文字编排效果：运用大量的文字组成平面的或立体的图形，文字与图形的结合形成了有趣的、有视觉内涵的编排形式。 二、网页中的图像 图形是一种视觉信息传递媒介，较符号文字在传递信息上的优势：易识别、不受地域、国度、知识体系等众多因素的影响。 图形图像往往来源于现实世界的影像照片，在造型规律上有很强的客观制约性。所以设计师在对网页优化时应对图片作二次处理、加工，而处理时应从以下方面入手。 1、面积与视角 图像在网页中所占比例的大小直接影响整个页面的视觉效果和情感表达。面积大的图像在画面中占的份量重，表达情感直接，容易吸引浏览者的注意。面积小的图像通常在页面中作点缀和呼应，表达情感含蓄，给人精巧细致的感觉。 1）平直的视角：给人一种平稳、安定、规矩的感觉。 2）非常规的视角：如：倒置、旋转、仰视、俯视，增强画面动感，更具强烈的视觉冲击。 2、局部与特写 对于整体的图像局部与特写能让视线更加集中，这种手法有点到为止、意犹未尽的感觉。局部放大，重点表现这一部分，称为特写。特写能对图像产生瞬间的凝视，引发浏览者的兴趣点。 3、合成与组合 图像的合成是指用计算机将多幅图片的不同内容有选择的合成一个图像，合成后的图像传达更丰富的信息，能更集中的体现创意。图像的重要程度可以因面积、摆放位置、组合方式的不同而有所不同。 4、虚实和影调 图像的虚实对比能够产生空间感，实的物体感觉近，虚的物体感觉远。 5、褪底和轮廓 图像的褪底是仅保留所选图像，而将沿图像边缘的背景去掉，褪底后的形象的外轮廓成自由形状，具体清晰分明的视觉形态，显得灵活自如。 三、色彩的属性及其应用 设计精良的网站总有其色调构成的总体倾向,以一种颜色或几种临近颜色为主导,使全呈现在某种和谐、统一的色彩倾向，如同人穿衣服。要想恰如其分地表现网页中的内容，在竞争对手中脱颖而出，信息空间的构造也需要恰如其分的包装和表达。 1、与网站风格 色彩是网页设计中很难把握的重要方面，是确立网站风格的前提，网站色彩的倾向，决定着