1、,返回,网页风格的构成元素,构成网页风格的元素包括文本、色彩、图标、图 片、导航栏、超链接、动画、声音、视频等。,返回,主页中相关超链接设计,“加菲猫”专题网站主页整体版面设计,返回,主页中整体导航栏目设计,主页中主体图标形象设计,返回,主体的图 标形象起到点 缀、装饰网页 的作用，同时 使得网页个性 更明显，更具 辨识性。,浅蓝色的底色能更 突出主题、强化色彩对 比与活泼气氛。,直观形象的图文设 计便于浏览者的页面选 择与浏览。,返回,导航栏是网页主页上的一组按钮，可以帮助浏览者进入各个子页面或者返回主页，起到贯穿整个网页的作用。其中可设置动画效果的动态装饰，使网页具有运动的形式美感与视觉冲
2、击力。,2019/1/19,网页大PK网页设计“类比研究学习”,下列是加菲猫网站中英文不同版本的两个主页设计。比较两者在网页 导航栏、超链接、主体图标、色彩搭配等方面的异同，谈谈你觉得哪个网 页设计相对更好的看法。,返回,网页风格常见创意手法,点击框中小图标链接放大图片信息,返回,个性化网页组织设计赏析,色彩鲜明的书签成了个性化的网页导航栏。,简结生动、活泼可爱的小蝴蝶成为网页的主体图标。,手绘一本翻开的便签笔记本，配合书签与图画，构成一个极富特点的网页。,返回,对于个性化的专题网站而言，网页上凸显网页特色的个性化主体图标设计不但打破设计常规，易于吸引浏览者的视觉注意，更重要的是能在第一时间生
3、动表达出网页的主题内容，使人过目不忘。,个性化网页组织设计赏析,返回,主体图标的巧妙设计，把网页中的主要元素全部整合其中，让人分不清是图形设计作品，还是一个网页的版面设计。,网页的优秀主体图标设计赏析,返回,网页的优秀主体图标设计赏析,返回,学生主体图标手绘作业参考,返回,思考练习选一选之一： 下列四个拟定的网页图标形象中，你觉得哪个更能体现“天文观察爱好者专题网站”的网页个性特点？并说说你选择图标的理由。,返回,2019/1/19,选出更为适合“天文观察爱好者专题网站”的网页主体图标,返回,思考.练习选一选之二：下列四个拟定的网页图标形象中，你觉得哪个更能体现“自然环境体验者”的网页个性特点？并说说你选择图标的理由。,返回,选出更为体现“自然环境体验者”的网页主体图标,返回,思考.练习“小试牛刀”动动手：如果要设计一个“地理爱好者的专题网站”，想想运用什么特定主体图标更为适合，并动手设计绘制几个方案草图备选。也尝试设计一下网页导航栏、超链接等的图形设计吧。,返回,注意下列网页设计的版面中红点标注的位置，你觉得分别适合作为网页中哪种构成元素的设计？,返回,学习活动“量身定做”绘图标： 1.为你的个人网页设计一个简洁、生动的主体图标形象，注意体现你的个性、爱好、特长等。 2.根据网页特定的主题特点，对应设计导航栏、超链接等网页风格构成元素的图形。,返回,谢 谢 观 赏,返回,
