网页设计指南—文字篇.pptVIP

网页设计指南—文字设计 网页设计指南—文字设计 第2章 网页设计指南文字篇 这一课我们要解决的问题： 网页中的文字设计有什么原则？ 文字的组合方式有哪些？ 在网页设计中如何应用文字设计？ * * 网页设计指南—文字设计 无论在何种视觉媒体中，文字和图片都是最大的两种构成要素。文字的不同排列组合会直接影响版面的视觉传达效果。 因此，文字设计时增强视觉传达效果，提高作品的诉求力，赋予版面美感的一种重要构成技术。 * * 网页设计指南—文字设计 文字的设计原则 文字的可读性 文字在设计中的根本功能是为了更好、更有效地传达内容信息，所以文字设计时要注意考虑给人以清晰的视觉印象，要避免繁杂零乱，要让人易懂、易认。 赋予文字个性 文字的设计要服从于整个网站的设计风格特征。一般来说，文字的个性大约可以分为：端庄秀丽、格调高雅、坚固挺拔、简洁爽朗、现代感强、深沉厚重、具有重量感、庄严雄伟、欢快轻盈活泼、跳跃明快、节奏感强和韵律感强、苍劲古朴、朴素无华、造型奇妙。 * * 网页设计指南—文字设计 文字的设计原则 文字在视觉上应给人以美感 字体设计良好，组合巧妙的文字能使人感到愉快，留下美好的印象，从而获得良好的心理反应。 * 网页设计指南—文字设计 * 文字的设计原则 文字的可读性 赋予文字个性 文字在视觉上应给人以美感 * 网页设计指南—文字设计 * 文字的组合 如果网站中的文字排列不当，拥挤杂乱，缺乏视线流动的顺序，不仅会影响字体本身的美感，也不利于观众进行有效的阅读，难以产生良好的视觉传达效果。 * 网页设计指南—文字设计 * 文字的组合 人们的阅读习惯 文字的安排要符合一般的视觉流程习惯。 字体的外形特征 不同的字体具有不同的视觉动向。 例如，扁体字有左右流动的动感，长体字有上下流动的感觉，斜体字有向前或向斜流动的动感。因此在组合时，就要根据不同字体视觉动向上的差异，进行不同的组合处理。 * 网页设计指南—文字设计 * 文字的组合 设计基调 一个作品版面上的各种不同字体的组合，一定要具有一种符合整个网站风格的设计倾向，形成总体的情调和感情特征。 注意负空间的运用 在文字组合上，“负空间”是指除字体本身所占用的画面空间之外的空白，即字间距及其周围空白区域。不同类别文字的空间要作适当的集中并利用空白加以区分。 * 网页设计指南—文字设计 * 文字的组合 人们的阅读习惯 字体的外形特征 设计基调 注意负空间的运用 * 网页设计指南—文字设计 * 在网页设计中如何应用文字设计 文字的字形要正确 根据不同的内容选择不同文字种类。要符合阅读习惯。 风格要统一 不要使用过多的字体。 * 网页设计指南—文字设计 * 在网页设计中如何应用文字设计 字体表情要适应文字内容的精神 每种字体有自己的表情。 宋体：特征：自行方正。 风格：典雅工整，严肃大方。 黑体：特征：笔画单纯，粗细一致。 风格：结构严谨，庄重而有力，朴素大方， 视觉效果强烈，运用于标题等需要 醒目的位置。 * 网页设计指南—文字设计 * 在网页设计中如何应用文字设计 仿宋：特征：字身略长，粗细均匀，起落笔有钝角。 风格：字形秀美、挺拔，适用于书刊的注释、 说明等。 楷体：特征：楷体保持楷书顿笔、行笔的形式，笔 画富于弹性。 风格：其风格接近于手写，亲切而且易读性 好，适用于书籍、信函等文化性说明 文字。 * 网页设计指南—文字设计 * 在网页设计中如何应用文字设计 关于手写体 恰当的手写体会形成特殊的艺术氛围，有轻松活泼亲切的感觉。 网页文字字号的选择 用户浏览时间最长的是正文，所以正文的格式设置最重要。中文网页普遍使用12px或14px的宋体，两种都可以加粗。这是基本的规范。除此之外，16px和18px的字号也比较理想。 16px宋体实际尺寸是15px（宽）*16px（高） 18px宋体实际尺寸是16px（宽）*16px（高） * 网页设计指南—文字设计 * 在网页设计中如何应用文字设计 字形 字形是指字体站立的角度。 正常体(regular)：这是人们最熟悉的一种字形，它不加任何修饰，一般用于正文。 斜体(It1ic)：它与粗体字一样，用于页面中需要强调的文本。 下划线体(Underline)：它和斜体的作用类似，用在正文中需要强调的文本。更多的时候用于链接的文字。 * 网页设计指南—文字设计