网页界面设计与制作 作者 邓文达 贠亚男 27999-第5章 网页界面中文字的编排设计.pptVIP

第5章 网页界面中 文字的编排设计 课堂学习目标： ? 了解字体在网页界面设计中的作用 ? 熟悉常用字体的特征 ? 掌握文字编排设计的规律和手法 ? 掌握文字群体的编排 · 在网页界面设计领域，文字既是信息传达的重要媒介，也是具有直观诉求力的视觉传达要素。 · 文字在界面中的组织、安排及其艺术处理也越来越多地得到设计师们的重视。 5.1 文字在网页界面设计中的作用 · 在平面设计的构成要素中有两大基本元素，一个是图形，另一个就是文字。 · 只通过图形来传递信息常常不能达到最佳的传达效果，须借助文字才能进行最有效的说明。 · 在网页界面中也是如此。 · 众多构成要素中文字具有最佳的直观传达作用以及最高的明确性。 · 图形图像、色彩、版式、动画等要素都可以传达信息，但有时会产生信息传递不明确甚至引发歧义的现象，而通过文字的传达则可以在很大程度上避免这种情况，从而使浏览者能够顺利、方便、愉快地接受信息，不致因信息不明确而失去主题的传达目的。 · 文字作为图形符号，在处理文字造型时也适用图形设计的基本原理，这些原理在文字的形态构成、空间分布、色彩配置等多方面都具有指导性的作用。 · 通过设计与编排，文字的存在价值在界面中应体现为提高信息的明确程度与可读性，加强界面的艺术性与视觉感染力，从而获得良好的视觉传达效果。 · 具体来说，文字在网页界面中的作用可以通过以下几点在优秀设计作品中体现出的文字的特性来体现。 1．适合性 · 文字与具体文字内容以及界面主题相适应。 · 根据主题内容、欲传达的信息含义和文字所处环境来确定文字的字体、色彩、形态和表现形式是保证适合性的必要条件，如图5-2所示。 2．明确性 · 文字的主要功能在于传达外形特征以便浏览者识别，保证信息的准确传递。 · 文字的点划、横竖、圆弧等结构要素造成文字本身的不可变异，因而在选择时须格外注意，在特别强调信息严格准确的情况下应优先选取易于识别的文字，在进行字体创作时也应保证形态的明确性，如图5-3所示。 3．易读性 · 文字的形态及编排设计能够提高界面的易读程度。 · 一般情况下，人的视觉对于过粗、过细的文字形态需花费更多的时间去识别，不易顺畅浏览。 · 在版式布局中，合理的文字排列与分布会使浏览变得极为愉快，对视觉适宜的文字色彩配置也能够加强界面的易读性，如图5-4所示。 4．美观性 · 文字可以通过自身形象的个性与风格给人以美的感受，使界面更加美观。 · 文字形态的变化与统一、文字编排的节奏与韵律、文字体量的对比与和谐，都是达成美观性的表现手法，如图5-5所示。 5．创新性 · 文字与界面信息主题需求相配合并进行形态变化，将文字进行创意发挥，产生创造的美感，进而加强界面整体设计效果的创新性，给浏览者耳目一新的感受，如图5-6所示。 5.2 关于字体 · 字体，又称文字的“体式”。 · 文字作为视觉形式的信息传达符号，同一文字体系中包含有多种不同的字体。 · 在达成利于阅读和传递特定信息的功能第一性的同时，文字可以通过不同字体所特有的艺术风格特征来传达更多的信息，并形成各具特色的视觉效果。 · 网页界面中使用的字体，分为中文字体和外文字体两大类，在设计中常常要交替使用。 · 中文和外文字体都是在标准印刷字体，即中文的宋体、黑体以及拉丁字的新罗马体与无饰线体的基础上不断演化、发展而来的。 · 以常用的字库来看，仅中文字库就有汉仪、汉鼎、文鼎、方正、金山、华文等多种，每一种字库又包含有宋体、黑体、楷体、隶书体、行书体、圆体、新艺体、综艺体、广告体、魏碑体、舒同体、勘亭流体、古印体、手写体……，从几十种到上百种不一而足，英文字体的种类则更加繁复。 · 字体中最常用的还可以依据其各行、其笔划的粗细细分为细、中、粗、特、特超等，而新的字体仍在不断开发中。 · 设计师在字体上的选择范围是非常广阔的，并且这个范围还在不断扩大。 5.2.1 中文字体 · 网页界面中使用的中文字体主要是汉字字体。 · 蒙古文、藏文等少数民族文字虽然也属于中文范畴，但因在网页界面中极少见到，故不在本书讨论范围之内。 · 汉字的形态、风格是字体的特有属性，不同的字体会给浏览者造成不同的心理印象。 · 在选用时要注意不同字体的不同用途，充分理解与掌握，恰当运用。 · 也就是说，字体的选择要以文字信息的内涵和设计意图为依据，使字体的形态、心理效应与在设计中要传达的主题信息相一致，即文字的内容与形式达到高度统一