L14-《网络信息制作与发布》网页艺术设计5讲述.pptx

《网络信息制作与发布》 第四章 网页的艺术设计;4.4 网页中的标志和文字; 在科学技术飞速发展的今天，印刷、摄影、设计和图像传送的作用越来越重要，这种非语言传送的发展具有了和语言传送相抗衡的竞争力量，标志则是其中一种独特的传送方式。 标志，是表明事物特征的记号。它以单纯、显著、易识别的物象、图形或文字符号为直观语言，除标示什么、代替什么之外，还具有表达意义、情感和指令行动等作用。一个网站的标志代表着网站的形象，其最重要的作用是用图形化的方式传达网站的定位和经营理念;1.标志设计的原则 标志设计不仅是实用物的设计，也是一种图形艺术设计。它与其他图形艺术表现手段既有相同之处，又有自己的艺术规律。 它必须体现上述单纯、显著、易识别的特点，才能更好地发挥其功能。由于对标志设计简练、概括、完美的要求十分苛刻，其难度比其他任何图形艺术设计都要大得多。;详尽明了设计对象的使用目的、适用范畴； 考虑其实现的可行性，应用形式、材料和制作条件； 采取相应的设计手段，同时还要顾及应用于其他视觉传播方式（如印刷、广告、映象等）或放大、缩小时的 视觉效果。 构图要凝练、美观、适形（适应其应用物的形态）。 图形、符号既要简洁、概括，又要讲究艺术性。 色彩要单纯、强烈、醒目。 。;2.标志设计的表现与构思手法 标志设计的表现手法极其丰富多样，并且在不断发展创新，仅举常见手法概述如下： （1）表象手法。采用与标志对象直接关联而具典型特征的形象。这种手法直接、明确、一目了然，易于迅速理解和记忆。如表现出版业用书的形象，表现铁路运输业用火车头的形象，表现银行业以钱币符号配合变幻的图形为标志图形等。 。;(2)象征手法。采用某种意义上与标志内容有联系的图形、文字、符号、色彩等，以比喻、形容等方式象征标志对象的抽象内涵。 如中国农业银行行徽以麦穗图形为主，直截了当地表达出这个专业银行-“农业”银行的特征。麦穗中部横与坚的十字行处理不仅简练地概括了麦穗行，而且恰成一个“田”字，从而进一步加强了“农业”的含义。上端麦芒与圆形交节的断开处理，完善了整体的内外关系，从而强化了标志形象的个性特色。;（3）寓意手法。采用与标志含义相近似或具有寓意性的形象，以影射、暗示、示意的方式表现标志的内容和特点。如马的形状与“马”字互恰，用奔马的形象示意名称。;（4）视感手法。采用并无特殊含义的简洁而形态独特的抽象图形、文字或符号，给人 一种强烈的现代感、视觉冲击感或舒适感，引起人们注意并难以忘怀。这种手法不靠图形含义而主要靠图形、文字或符号的视感力量来表现标志。;3.标志设计的流程;4.标志修正; 文字是网页中非常重要的页面元素，网站的内容主要是通过文字信息来传递，网页中的文 字包括大段的文字信息、网站标题、导航信息、图片里的文字等。所以网页中文字的设计、排版方法都会对网站的设计效果起到重要的作用。;字号、字体、行距 文字的修饰可以通过字号、字体、行距来进行控制。下面依次来进行介绍。 （1）字号。 网页开发中字号大小可以用像素（px）来定义。W3C对网页最小字体并没有硬性的规定。只是我们在设计网页的时候因为考虑到可阅读性，最小一般为12px大小。 常规文字 12px； 标题，页头 14px、16px 大标题，横幅等一般使用 18px。;（2）字体。 字体是网页的主要组成部分，是信息重要的载体。正确选择字体，不仅关系到网页的页面艺术效果，还对浏览者的阅读及信息的传达有直接的影响。学习字体设计，需要了解汉字和拉丁字母（含阿拉伯数字）这两种作为东、西方文化代表的不同的文字体系。在区别两种文字的字形结构和设计特点的基础上，应用美学规律，相互借鉴，发挥设计者的主观创造性。;（2）字体。 从加强平台无关性的角度来考虑，正文内容最好采用系统所自带的字体。因为浏览器是用本地机器上的字库显示页面内容的。如果确实要使用的特殊字体，可以将文字制成图像，然后插入页面中。;(3)行距。 行距是指文字段落中行与行之间的距离。行距的变化也会对文本的可读性产生很大影响。 除了对于可读性的影响，行距本身也是具有很强表现力的设计语言，为了加强版式的装饰效果，可以有意识地加宽或缩窄行距，体现独特的审美意趣;文字的颜色 在网页设计中，设计者可以为文字、文字链接、已访问链接和当前活动链接选用各种颜色。但应该注意的是，对于文字的颜色，只可少量运用。 ;谢谢您的专心听课！