网页文字编排设计.ppt

主要内容 2. 关键词的强调 如果将个别关键词作为页面的要点，则可以通过加粗、加框、加下划线、加指示性符号、倾斜字体等手段有意识地强化文字的视觉效果，使其在网页整体中显得出众而夺目。 3. 链接文字的强调 在网页设计中，为文字链接、己访问链接和当前活动链接选用各种颜色和样式（如加粗、倾斜、下划线）。例如，如果你使用Dreamweaver编辑器，默认的设置是正常字体颜色为黑色，默认的链接颜色为蓝色，鼠标点击之后又变为紫红色。使用不同颜色的文字可以使想要强调的部分更加引人注目。如果要改变链接文字颜色，不要使用和背景相似的色相、相似的饱和度和相似的亮度的颜色作为链接的颜色。 5. 线框、符号的强调 用符号、线框或导向线有意加强文字元素的视觉效果，具有特别突出“宾与主”的对比关系 网页文字版面的设计同时也是网页创意的过程，创意是网页设计师的思维水准的体现，是评价一件网页设计作品好坏的重要标准。在网页设计领域，一切制作的程序由电脑代劳，使人类的劳动仅限于思维上，这是好事，可以省去了许多不必要的工序，为创作提供了更好的条件。但在某些必要的阶段上，我们应该记住：人，毕竟才是设计的主体。根据作品主题的要求，突出文字设计的个性色彩，创造与众不同的独具特色的字体，给人以别开生面的视觉感受，有利于作者设计意图的表现。 4.3 网页文字设计方法 1.提高可读性 （1）让你想表达的内容清晰、醒目，让浏览者一开始就可以明白你的意思。 （2）避免使用不清晰的字体，否则容易使阅览者产生反感和麻烦。 （3）注意恰当的选择你所需要的字体，适当采用虚实对比、大小对比。 （4）注意文字编排方向，注意安排阅览者的视线，适当运用直线与曲线编排。 （5）根据视觉流程的原理，通常将重点放在右边。 4.3.1 网页文字设计技巧 2. 精于位置 （1）注意文字的对齐、适当拉来间距、适当安排行距。 （2）注意图文交错，既不要影响图形的观看，也不能影响文字的阅览。 （3）文字不要顶天立地，也不要支持边角。 3. 营造视觉美感 文字作为网页形象要素之一，具有传达感情的功能，因而它必须具有视觉上的美感，能够给人以美的感受。字型设计良好，组合巧妙的文字能使人感到愉快，留下美好的印象，从而获得良好的心理反应。反之，则使人看后心里不愉快，视觉上难以产生美感，甚至会让观众拒而不看，这样势必难以传达出作者想表现出的意图和构想。注意改变文字的位置和大小，适当调节字间距。对于段落文字的处理应注意，字体加大后，段落之间的距离也应该随之调整。小字体同样应用这一规则，不过是相反的。 4.富于创造性 设计时，应从字的形态特征与组合上进行探求，不断修改，反复琢磨，这样才能创造出富有个性的文字，使其外部形态和设计格调都能唤起人们的审美愉悦感受。加入感受在字体里面，对文字的大小、间距、透明度做些调整，就会是完全不同的效果了。差别就在这里，也许只是一点小改动，但是需要你思考的却更多。有时候对文字的笔画做特殊的加工处理往往会产生一些意想不到的效果。而这样的处理是带有创造性的，同时人性化的味道也会更浓一些。这是电脑字体所无法替代的效果，带给观看者的感受自然会要强烈的多。 1. 对比 主要通过笔画大小、笔画的形态、笔画色彩等的强烈对比使各自的特征更加鲜明。 4.3.2 网页文字设计方法 2. 笔画互用 笔画的互用主要通过相关、相似、相近的笔画间的互相借用来组成文字间的关系。 4.3.2 网页文字设计方法 3. 笔画突变 笔画突变是指在局部的某个或者某些笔画上采用不同于正常笔画的形态造型，突出文字内涵和特征。 4.3.2 网页文字设计方法 4. 添加形象 添加形象主要是通过在汉字局部笔画上添加与汉字表义相关的图像或图形来增加汉字的表意功能。将某个笔画换成有意义或有趣地图形，会使整个视觉活跃起来，海尔网页中“火”字的设计 。 4.3.2 网页文字设计方法 5. 笔画连接 笔画相连是通过一组文字笔画上的连贯来表达文字间的关系，增强一组文字的视觉感染力。 4.3.2 网页文字设计方法 * 网页文字编排设计 4.1 网页字体与字体编排 1 4.2 文字编排的基本形式 2 4.3 网页文字设计方法 3 在网页设计中，字体的处理与色彩、版式、图形等其他设计元素的处理一样非常关键。从艺术的角度可以将字体本身看成是一种艺术形式，它在个性和情感方面对人们有着很大影响。 4.1 网页字体与字体编排 1.标志 文字型标志是以含有象征意义的文字造型作基点，对其变形或抽象地改造，使之图案化。使用文字作为网站标志，可以使用中文或外文及数字组合来表现，意义简单明确。 4.1.1 网页文字