8.3.4 网页文字设计
文字是传递网站信息的主要元素, 任何其他网页元素都无法代替文字的作用。它不仅是网站信息传递的主要载体, 也是网页中必不可少的重要视觉艺术传达符号。文字设计的好坏会直接影响到整个网站的视觉传达效果。
(1) 文字设计内容需具备清晰可读性
文字在视觉传达中的主要功能是准确突出表现主体的信息内容。文字的整体设计, 应体现这一目标, 并具有清晰的视觉效果。设计文字包括两个内容, 一般文字设计和图形色彩文字设计。
(2) 文字大小设计
网页中的标题、菜单栏、正文和搜索引擎等都是以文字形式出现的, 这些文字因其性质不同而需采用不同的字号。标题宜采用大字号, 以突出网站的性质; 菜单栏采用小字号, 以放置更多的菜单; 正文采用中等字号, 使之具有较高的可阅读性; 对搜索引擎标粗, 以突出重点。
(3) 文本编排设计
文本编排设计指段落文字的行间距、段间距、每行文字数的设置, 其中行间距和段间距都不宜太大或太小, 每行文字数也不宜过少或过多, 合理的文本排版不只是易于阅读,还能最大化地利用网页空间。
(4) 文字颜色设计
文字颜色设计的原则是使文字具有较高的可读性。比较好的搭配是文学底色和文字本身的颜色对比要鲜明, 如白底黑字、黑底白字或蓝底白字等。另外, 同一个网页中的文字主色不要超过3种, 它们分别用于标识最重要的、比较重要的和一般重要的。
(5) 文字字体设计
文字字体设计应注意字体、字号级数、字符间距、编排规律等。作为视觉形式的信息表现符号, 文字有多种字体, 可利用不同字体的特定风格, 体现更多信息内容, 形成更具特色的视觉效果。网页设计中的文字字体, 主要有中文字体和外文字体。常用的中文字体有宋体、黑体、楷体、隶书体、仿宋体、圆体、手写体、美术体等, 从几十种到上百种,非常丰富多样。外文字体主要是由拉丁字母构成, 有26个字母, 但字体却有数百种。有多个国家以拉丁字母作为沟通符号, 英文是最具代表性的拉丁字母语言文字。拉丁字母字形结构包括矩形、圆形和三角形, 通过基本形的组合搭配, 字母大小写、字高字宽调整等, 形成多种装饰性字体。在保证文字信息传达的高效和准确的基础上, 字体形态混搭设计, 可以显示现代艺术特点、丰富页面视觉感受。
网页中文字常用“宋体”, 英文字体多用“Times New Roman” 标志、标题、导航菜单等可用较个性化的字体; 另外要尽量避免奇特和斜体的字体, 同一网页中的字体数也不要超过3种。
(6) 文字特效设计
闪烁或滚动的特效字体可以让网页生动活泼, 但太多的特效文字会喧宾夺主。一个页面中最多不能超过3处特效文字。
文本编排讲究文字图形化设计, 既强调文字美学效果, 强化其信息载体作用。网页视觉设计中, 需要对字体进行艺术化处理, 协调其在网页中的颜色、图形、布局等相关设计元素之间的关系。另外, 通过文字的重叠空间、层次跳跃、整体关联、意象表达等手法,使视觉传达中的文字作为画面的形象而存在, 增强趣味性功能。
本章小结
本章首先介绍了电子商务网站功能和内容设计; 然后从页面设计的原则和页面结构设计两个方面介绍了网站页面结构设计; 最后从网页布局设计、网页布局简要步骤、网站配色设计、网页文字设计4个方面介绍了电子商务网站页面结构设计。
思考与练习
一、填空题
1.一般而言, 一个完整网站的主页应包括________、________、栏目、________、________、________、________、________、________、________、________和友情链接等内容。
2.首页(Home Page) 也可以称为________。
3.网站页面结构是指网站中页面之间的________、________、________关系。
4.________是位于系统与外界交界处的窗体、对话框、报表等实体。
5.在RGB 值中, R 代表________, G 代表________, B 代表________。
6.________、________和________构成色彩的三要素。
7.Web 页面主题色彩主要考虑________、________和________3个方面。
8.在对颜色的表示上, 通常采用________进制。
二、简答题
1.简述确定网站功能的方法。
2.简述页面设计的原则。
3.什么是页面结构设计?
4.列出几种常见的网页布局形式及其适用范围。
5.简述网页布局的主要步骤。