天津开放大学文本第4章辅导_网页版面及编排艺术.doc_大学文库

第4章网页中的图像设计一、要点解析 1.图像在网页中的作用传达性，艺术性，超地域性、超时空性， 2.网页图像的格式网页中最常用的图像格式有两种：GF和PEG,除此以外，还有两种适合网洛传插但没有被广泛应用的图像格式：NG和NG。目前所有的测览器软件均支持这些图像格式。 3.图像在网页中表现形式 (1方形图方形图是网页中最常见最单纯的形老。即图像放在方形的直线边框内。方形图使人产生端正，稳重的感觉，可以完整地传达主恩思想。富有感染性。配置方彩图的页面，具有沉着，稳重，厚实坚强的特征，给人以可信、严谨、安静的感觉，但有时会显得平淡，采板。 (☒是底图退底图是将图像中的育景去掉，退底后的图形外轮靠星自由形状，突出主题形象，视凭形态清晰分明，灵活自如，更具有个性，因而给人印象深刻。退底图与页面中其地背景或元素搭配时，容易协调。图文结合自然，莫面轻松、活浅。动老十足。 (的出血图出直图是指图像的边沿（截切边）不留空白。出直图具有空同感和延钟感，较为舒展。一般用于传达抒情成运动信息的翼面，因不受边框限制。感凳上与人更加接近，便于情感与动感的发挥。 (0于绘插画细政搭绘的插图能够表现温暖和亲切的氯围。具有其他属片式图像所设有的灵气，更加富有活力和表现力。 4。图像在网页中的编排 ()四角与中轴四点结构页面的四个角是页面边界的四个点，对角性是把四角连接起来的斜线，交叉点与几何中心。中轴四点指经过版面中心的垂直和水平线的璃点。这生关键点起着支撑真面结构的作用，进行图像偏排时可以通过控制周角与中轴协调最面的整体性和平衡性。 (2☑块状组合编排将多幅图像在页面上整齐有序地持列成块状，这种结构具有强烈的整体感和假序美感。 (散点组合编排图像分散排列在页面各个部位。具有自由，轻快的感凳。采用这种结构应注意图像的面积大小和主次关系，同时还应考虑疏密、均衡、视觉流程等。 (0叠故

1 第 4 章网页中的图像设计一、要点解析 1．图像在网页中的作用传达性、艺术性、超地域性、超时空性。 2．网页图像的格式网页中最常用的图像格式有两种：GIF 和 JPEG。除此以外，还有两种适合网络传播但没有被广泛应用的图像格式：PNG 和 MNG。目前所有的浏览器软件均支持这些图像格式。 3．图像在网页中表现形式 ⑴方形图方形图是网页中最常见最单纯的形态，即图像放在方形的直线边框内。方形图使人产生端正、稳重的感觉，可以完整地传达主题思想，富有感染性。配置方形图的页面，具有沉着，稳重，厚实，坚强的特征，给人以可信、严谨、安静的感觉，但有时会显得平淡、呆板。 ⑵退底图退底图是将图像中的背景去掉，退底后的图形外轮廓呈自由形状，突出主题形象，视觉形态清晰分明，灵活自如，更具有个性，因而给人印象深刻。退底图与页面中其他背景或元素搭配时，容易协调，图文结合自然，页面轻松、活泼，动态十足。 ⑶出血图出血图是指图像的边沿（裁切边）不留空白，出血图具有空间感和延伸感，较为舒展。一般用于传达抒情或运动信息的页面，因不受边框限制，感觉上与人更加接近，便于情感与动感的发挥。 ⑷手绘插画细致描绘的插图能够表现温暖和亲切的氛围，具有其他照片式图像所没有的灵气，更加富有活力和表现力。 4．图像在网页中的编排 ⑴四角与中轴四点结构页面的四个角是页面边界的四个点，对角性是把四角连接起来的斜线，交叉点与几何中心。中轴四点指经过版面中心的垂直和水平线的端点。这些关键点起着支撑页面结构的作用。进行图像编排时可以通过控制四角与中轴协调版面的整体性和平衡性。 ⑵块状组合编排将多幅图像在页面上整齐有序地排列成块状，这种结构具有强烈的整体感和秩序美感。 ⑶散点组合编排图像分散排列在页面各个部位，具有自由、轻快的感觉。采用这种结构应注意图像的面积大小和主次关系，同时还应考虑疏密、均衡、视觉流程等。 ⑷叠放

页面中几幅图像重叠摆放，形成一个图像群，图像一般大小不等，有主次之分。图像的重叠放置可以产生空间感。 5.图像在网页中的处理 (1图像的外形处理图像的外形使使页面的气氯发生变化。并直接影响测览者的兴施。 (凶图像的面积图像在网页中占据的面积大小会直接影响整个画面的视觉效果， (窗图像的数量图像的数量是根据内容决定的。 (4)图像与背景的关系网页图像与背景是对比和统一的关系。背景与图像在和谓统一的基础上，应存在一定的对比，以使主要图像更加突出。 6.图像的创意手法 (1)直接展示直接展示是将要表达的主题以最直接、最明确的方式展现出米。它充分运用摄影或绘画等技巧的写实表现能力，着力流染产品的质感、形态和功能用途。将产品精美的质地引人入胜地呈现出米。直接展示法让信息传达的速度快、效率高，容易实观与测览者的平等白然的沟通，但要注意图像的选择香准确。 ②突出特征法运用各种方式弧住和强调产晶或主题本身与众不同的特狂，并把它鲜明地表现出米，使浏宽者在接触画面的解间即根快感受到，对其产生注意和发生程觉兴趣。 (剧联想联想是从甲事物到乙事物的相关性思考，各种事物反爽在人们的大睛中会形成各种不同的联想。通过联粗思推，将不同的事物进行类比，找到事物间相似的属性。 (4)比喻比喻的事物与主题没有直接的关系，但是某一点上与主题的某些特征有相似之处，因而可以借题发挥，进行延伸转化，获得婉转曲达“的艺术效果。与其它表现于法相比，比输于法比较含蓄隐伏，有时难以一目了然，但一旦领会其意，便能给以回味无穷的感受。 (句夸素与由默夸张是以现实生活中的事物为基健，错助想象，对事物的某个方面透行夸大和强调，以加深印象或扩大对这些特征的认识。创造出奇特有趣的形象。物欧是抓住人成事物的某些转征，运用喜性的手法，造成一种耐人寻味，引人发笑的幽默意境，使人们在忍俊不禁的一剥那，得到一种精神上的快感和清足。 (同里味漫画将页面信息寓于一种近乎漫面化的该诺情题中，使人赞叹，令您爱笑，让测见者过目不忘，留 2

2 页面中几幅图像重叠摆放，形成一个图像群，图像一般大小不等，有主次之分。图像的重叠放置可以产生空间感。 5．图像在网页中的处理 ⑴图像的外形处理图像的外形能使页面的气氛发生变化，并直接影响浏览者的兴趣。 ⑵图像的面积图像在网页中占据的面积大小会直接影响整个画面的视觉效果。 ⑶图像的数量图像的数量是根据内容决定的。 ⑷图像与背景的关系网页图像与背景是对比和统一的关系。背景与图像在和谐统一的基础上，应存在一定的对比，以使主要图像更加突出。 6．图像的创意手法 ⑴直接展示直接展示是将要表达的主题以最直接、最明确的方式展现出来。它充分运用摄影或绘画等技巧的写实表现能力，着力渲染产品的质感、形态和功能用途，将产品精美的质地引人入胜地呈现出来。直接展示法让信息传达的速度快、效率高，容易实现与浏览者的平等自然的沟通，但要注意图像的选择需准确。 ⑵突出特征法运用各种方式抓住和强调产品或主题本身与众不同的特征，并把它鲜明地表现出来，使浏览者在接触画面的瞬间即很快感受到，对其产生注意和发生视觉兴趣。 ⑶联想联想是从甲事物到乙事物的相关性思考，各种事物反映在人们的大脑中会形成各种不同的联想。通过联想思维，将不同的事物进行类比，找到事物间相似的属性。 ⑷比喻比喻的事物与主题没有直接的关系，但是某一点上与主题的某些特征有相似之处，因而可以借题发挥，进行延伸转化，获得“婉转曲达”的艺术效果。与其它表现手法相比，比喻手法比较含蓄隐伏，有时难以一目了然，但一旦领会其意，便能给以回味无穷的感受。 ⑸夸张与幽默夸张是以现实生活中的事物为基础，借助想象，对事物的某个方面进行夸大和强调，以加深印象或扩大对这些特征的认识，创造出奇特有趣的形象。幽默是抓住人或事物的某些特征，运用喜剧性的手法，造成—种耐人寻味、引人发笑的幽默意境，使人们在忍俊不禁的一刹那，得到一种精神上的快感和满足。 ⑹趣味漫画将页面信息寓于一种近乎漫画化的诙谐情趣中，使人赞叹，令您发笑，让浏览者过目不忘，留

天津开放大学 文本 第4章辅导_网页版面及编排艺术

天津开放大学文本第4章辅导_网页版面及编排艺术