《网页美工设计》教案-第五章 综合案例-政府类网页设计制作 教案

PAGE《网页美工设计》教案授课专业广告艺术设计专业授课教师 周国宝铜陵职业技术学院制PAGE1第三部分综合实训篇第四章综合案例——旅游类网页设计制作标题第四章综合案例——旅游类网页设计制作课时2课时教学目标教学内容与过程政府网站作为官方网站，是面向社会各界发布政务信息、提供网上办公服务、反映社会民意的综合性网站，也是透视政府工作和了解城市全貌的窗口。网站界面作为政府的“门面”，可以给浏览者最直观的感受，同时也可以从侧面展示政府形象。当前，建设服务型政府网站要体现“以人为本”的服务理念，因此，其网页设计不管从界面风格、色彩搭配还是媒体技术应用等方面都要以用户为中心。一、确定网站设计风格政府网站的界面设计整体既要简洁大方、端庄稳重、清新美观，同时又要特色鲜明、突出个性。政府类网站设计可以展现一些共性特征，如：要有国徽标识，同时也可采用中国纹饰等共性元素进行装饰。当前，一些政府门户网站共性有余，个性不足，模式化现象严重，不能体现当地特色。为设计具有风格特色的政府网站，更好的体现网站定位，展现政府的亲和力和表现力，设计师在设计过程中要紧紧抓住本地区的历史沿革、地域文化、民族特色等个性特点，选取标志性的图片、象征意义的色彩，并通过艺术加工处理，设计出一整套形象，使政府网站个性突出、特色鲜明，反映地方特色。二、准确运用色彩搭配在网页中,准确运用色彩搭配也是非常重要的。它不仅可以使访问者产生最直观的视觉感受，也能同时拉近网站与访问者的距离，提高访问者理解的准确度。政府门户网站网页的色彩色调设计首先要考虑其政治性，因此网站可以选择红色和黄色为主色调进行搭配。同时，网站颜色要体现出地域特色、文化特色。如：主色调同样为蓝色，但西藏自治区网站主色调使用了蓝天的蓝色，而浙江的蓝色则选用的是海蓝色，黑龙江省使用的蓝色偏亮一些，为雪的蓝白色。而新疆的政府网站颜色则为蓝绿色，这些都与其地域文化、特色紧密相关，使浏览者很快联想到地域美景。其次，作为政府网站，要尽量做到稳重、大气、协调。纵观各地政府网站，其主色调多为深色，且以深蓝色、深红色居多。因为深色显得稳重，同时蓝色给人以沉稳、理性的感觉，红色是政治性很强的色彩，所以选择这两种颜色作为主色调，网站显得稳重、庄重、严肃。三、正确选用合适字体政府网站因其很强的政治性，字体的选用也十分的考究，总的原则是要端庄稳重、庄重严肃，有很强的识别度，同时应避免花哨。因此，字体的选用通常为黑体字和宋体字，这两种字体横平竖直、端端正正、棱角分明，给人以端庄稳重、庄重严肃、堂堂正正、刚正不阿之感。其次，为了增强文字的视觉感，标题和板块标签名要尽可能加粗，以起到突出显示的作用，使标题更加醒目。当前，政府门户网站网页的主色调以红色和蓝色居多，也有依照地方特色，根据颜色设置独特的网页色彩。其次，明确配色方案。合理运用色彩规律，以主色调为中心，利用色彩的明度、纯度、色相三要素的变化和主色调一起构成网页整体和谐统一的色彩关系。同时注意网页配色方案中色彩种类最好不要超过四种。四、合理布局网站界面政府网站页面元素主要由文字、色彩、动画、图片、脚本等构成。界面布局排版就是要有机地组织这些要素,清晰地表现出网站主题和信息架构,给用户良好的操作界面和视觉效果,在界面布局中需要考虑以下问题:政府网站多采用以信息公开、办公服务、公众参与等功能定位为划分原则，设计分栏式或分块式布局方式，结构清晰，便于用户使用和查找相关信息。根据用户浏览习惯，首先观察网页的左上部和上面部分，之后再往下往右阅读，呈现“F”型。因此，在栏目布局上应将重要内容集中在这些关键区域，以获得更多关注。从页面宽度看，基于分辨率为800X600像素/英寸的宽度设计网页已经过时，目前以分辨率1024X768像素/英寸宽度设计的居多。也可以采用自适应屏幕宽度设计，在各种分辨率条件下都能取得较好的效果。从页面长度来看，我国政府门户网站首页绝大部分采用多页式结构，使主页内容显得丰富。同时要避免页面超过三屏，显得过分冗长。在界面布局时因注意以下几点：（一）主题明确在页面顶端通过标识和文字等信息明确、清晰的表现网站的主题。（二）信息完备完整的网页通常包括标识、横幅、导航、内容、友情链接、版权几个部分。在进行网页设计制作时要保证几个部分的完整性。（三）架构合理标识、横幅、主题是识别、区分网站的重要信息，需在第一时间让浏览者观察到。因此要置于最上端，起到突出、醒目的作用。导航作为了解整个网页信息的目录，要便于浏览者翻阅和查找，因此要放置在醒目的位置，如网页中上端，标题之下的位置。新闻头条是政府网页中最为重要的信息，可放在中间左上的位置，也是内容部分的首要位置，这一位置是版面中的视觉重心所在，最能引起观众的注意力。中央要闻、政务要闻、信息公开等内容是仅次于新闻头条的较为重要的信息，可以放置于中间右上位置。这一位置在网页版面中同样具有很高的关注度。对于通知公告、领导之窗等非紧急信息可置于中间偏下的位置，这样既可以引起注意，同时又不至于抢了重点信息和主要信息的风头。链接网站、版权信息等非主要信息可以依据其重要性依次排列与网页尾端。（四）条理清晰要做到网站条理清晰，各部分内容可按性质和功能进行区块划分、分门别类，并