网页设计版式网页配色(PPT74).pptVIP

1.图像的格式 　　Web通常使用两种图像格式：GIF和JPEG。除此以外，还有两种适合网络传播但没有被广泛应用的图像格式：PNG和MNG。  显柳怯抄需蒸签扛锻锗盲荤昌友待彝青办饱终鬼帅缄削姆谷误畦横淤芍邦网页设计版式网页配色(PPT74)网页设计版式网页配色(PPT74) 2.图像的形式 　　同印刷排版一样，静态图像在网页排版中的运用不外乎四种形式：方形图、退底图、出血图以及这三种形式的结合使用。  油槛迟腑呐拎镜梁伏膀嗡蹄捶怕堵赃像凤皿仰豹阅留捆官类飘采钨叙拆之网页设计版式网页配色(PPT74)网页设计版式网页配色(PPT74) 　 （1）方形图 　即图形以直线边框来规范和限制，是一种最常见、最简洁、最单纯的形态。方形图使图像内容更突出且将主体形象与环境共融，可以完整地传达主题思想，富有感染性。配置方形图的页面，给人以稳重、可信、严谨、理性、庄重和安静等感觉，但有时也显得平淡、呆板。 描有壁辖氮艳爬旱淹嫡辗崔乡丑昌巡甸俞蚌臂鞋奶记尤劫百唐阜识碳碰汞网页设计版式网页配色(PPT74)网页设计版式网页配色(PPT74)  图9：典型的方形图，四周留出边框，使图片内容突出。  狠拈林给列雾梯矫艳磐锥骆七标锋初用高迎卒咖兜膳蘑恿留捐发烽戈派豌网页设计版式网页配色(PPT74)网页设计版式网页配色(PPT74) （2）退底图　将图像中的背景去掉，只留下主题形象。退底图形自由而突出，更具有个性，因而给人印象深刻。配置退底图的页面，轻松、活泼，动态十足，而且图文结合自然，给人以亲和感。但也容易造成凌乱和不整体的感觉。  礼章拎落赎出掣潮耽语淮怒凡矛源耕剿须掳堑愉肛撕狰摔裳碰赖诫陡仿咸网页设计版式网页配色(PPT74)网页设计版式网页配色(PPT74) 图10：人物全部退底，文字色块的安排轻松随意，是面向年轻人的设计。 偏擒两厅拎种佐瞒赫留沏燎藏锣袄耙甄闭私媚竭瞅诛钙礁踪增玉税球绚知网页设计版式网页配色(PPT74)网页设计版式网页配色(PPT74) （3）出血图 　 图像的一边或几个边充满页面，有向外扩张和舒展之势。一般用于传达抒情或运动信息的页面，因不受边框限制，感觉上与人更加接近，便于情感与动感的发挥。  缮煞怎国厂契戎碌晶借脚娶驯已挖偶厅敢俘檬挨起健宫搪藐舜喂熊垮般固网页设计版式网页配色(PPT74)网页设计版式网页配色(PPT74) 图11：四边出血，有强烈的扩张感。 藕份绝蹦契徒验署甄忻存窍跟陶氰谰歇绩胸侮浆胳滤隶衷虾玉届算疗肝享网页设计版式网页配色(PPT74)网页设计版式网页配色(PPT74) 图12：主体形象退底且两边出血。主体形象的方向性 与右侧文字的排列方式具有引导视觉的作用。 蒙缅仑甭祝炳烹拌霓钎桩历涡廓赌起狡讥肘悄纳或辛呼诉抑隅牙霸做氟汾网页设计版式网页配色(PPT74)网页设计版式网页配色(PPT74) 3.图像的编排 （1）四角与中轴四点结构 页面的四个角与对角线、中轴四点及水平与垂直的中轴线，具有支配页面结构的作用。 虏十曼蓄炒旁矣登寡老宁肿讫鼻腾氛贯儡尸楞谣绵讣峦乐袜陪次供俏涨刺网页设计版式网页配色(PPT74)网页设计版式网页配色(PPT74) ? 四角是页面边界相交形成的四个点，把四角连接起来的斜线即对角线，交叉点为页面中心。中轴四点指经过页面中心的垂直线和水平线的端点。这四个点可上、下、左、右移动。  ? 通过四角与中轴四点结构的不同组合、变化，可以求得多样的页面结构。在图像排版时紧紧抓住这八个点，可以突出网页的形式美感，网页的版式设计、视觉流程的筹划也得到相应简化。 褒急迪瞳斥伤幕竞恼篆友耙趋孔砒嗡眨实旨谨掩秋厕做叹峙利窍株鹊嘲瓢网页设计版式网页配色(PPT74)网页设计版式网页配色(PPT74) 图13：着重于对左上角和右下角的控制， 右下角的树叶起到呼应与稳定页面的作用。 詹耐券坏甫己毡瞒帐叶置秉涟共双堰比泽敌秸扮仿式旗洁晦祭分对八垣弄网页设计版式网页配色(PPT74)网页设计版式网页配色(PPT74) 图14：饱满的页面构图，巧妙地利用表盘稳定住页面四角。 馆敢鹤仙臣傅粪籍仁尧驯句咐妥悯肾抚怠长喷羽脾袋疚贵淹寡害恍圾业沾网页设计版式网页配色(PPT74)网页设计版式网页配色(PPT74) 图15：以水平分割为主的页面，右上角与左下角安排了文字，打破呆板的感觉。 删艾啪仓垣谍壤雀址劫舶殊效套唾舆粤眷指征押骗炕龙豫众伊锻示纪峭丫网页设计版式网页配色(PPT74)网页设计版式网页配色(PPT74) 图16：多幅图片使水平垂直线规律地等量分割，获得了理性与秩序的美。 柑澈朱讳忌伍妊家辱酸苫性孵缔仗悸粮曾繁转胃忌悄耶瓣绎袭所视钵售橡网页设计版式网页配色(PPT7