欢迎来到天天文库
浏览记录
ID:50207958
大小:1.26 MB
页数:16页
时间:2020-03-10
《网站效果图设计 教学课件 作者 刘心美教材--第12章倾斜型页面.ppt》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库。
1、第12章倾斜型页面效果图知识目标:掌握倾斜型页面效果图的设计要点了解饮食类页面的设计要点能够进行倾斜型页面的设计与制作能够利用Photoshop设计各类网页页面能力目标:第12章倾斜型页面效果图项目描述12.1项目分析12.2项目制作12.3授课安排切片与优化12.4类似页面12.5实训项目12.6项目描述12.1“宝贝教育”集团是由宝贝创业团队联合海内外知识精英共同精心打造,于2000年创建的著名教育品牌。她以3—16岁儿童为教育对象,以为中国儿童提供最好的英语教育为使命,经过多年不懈努力,在中国内地的沈阳、北京、大连、哈尔滨,长春,呼和浩特,包
2、头,本溪,抚顺等地拥有30多所培训学校,中外员工近千人,在校学生约5万人,是华人儿童英语教育领域的领航者,在海内外有着广泛的影响。项目分析12.2从项目描述中可以看出:从项目描述中可以看出,宝贝集团建立的网站是一个教育宣传类网站,同时要注意浏览者是少年儿童,因此在网站设计中即要达到宣传的目的,同时在网站风格上要合乎儿童的心理需要。因此在版式设计上要灵活、艺术感强;在色彩设计上要以鲜艳、明亮的颜色增加吸引力;在内容组织上要图文结合,并对图文添加相应的艺术效果达到吸引浏览者的目的。Part112.2.1网页类型基础1.儿童类网站描述儿童类网站要根据少年
3、儿童的特定年龄,要遵循健康、活泼、有趣等几个原则,在色彩选用上使用适合少年儿童审美和视觉要求的颜色,并能帮助少年儿童健康发展、积极向上的一些颜色,如绿色、黄色或蓝色等用一些鲜亮的颜色,选取的颜色既柔和又不缺乏活泼,让人感觉活泼、快乐、有趣、生气勃勃,给儿童以天然、温暖、清新的感觉,可爱的儿童形象也可给浏览网页的小朋友带来更多的亲切感。2.宝宝乐网站需求分析首先了解客户的主要情况,宝贝集团的企业文化是:使命:帮助国中国的儿童学习美语;价值:热爱教育事业,用爱心;愿望:打造中国儿童学英语的第一品牌。工作理念:阳光宝贝,亮丽人生的开始。工作态度:我是一个
4、快乐的工作者。成长规划:今天的我一定要比昨天干的更棒。Part112.2.2网页布局分析1.版式分析本项目采用的是倾斜型结构。所谓倾斜型结构是指页面中的主体形象或多幅图像斜,造成整个版面的强烈动感或不稳定因素,吸引浏览者视线。这种设计方法刻意打破了稳定和平衡,赋予文字和图像以强烈的结构张力和视觉动感,图1本项目版式图图2主色Part112.2.2网页布局分析2.色彩设计分析蓝色的朴实、内向性格,常为那些性格活跃、具有较强扩张力的色彩,提供一个深远、广阔、平静的空间,是活跃色彩的有力衬托,同时蓝色在淡化后仍然似能保持较强个性的色,是最常用主色之一。亮
5、丽的蓝色是儿童最喜爱的色彩之一,明快的桔色,鲜嫩的绿色……,搭配部分的卡通图片,实现了生动活泼,知识与趣味的良好组合。本页面以蓝色为主色调下,分别加入少量的红、黄、黑、橙、白等色,有利于吸引小朋友和家长的目光。3.网页内容设计分析(如下图)1)背景设计:在背景设计产运用渐变色的方式,利用渐变和倾斜的形状相互融合,来突出重点。2)页眉设计在设计的形状上采用了不规则设计方法。LOGO设计采用不同的儿童所喜欢多种字体,来产生较强差别性,在字的颜色为了明显与背景色相区别以突出LOGO,大胆采用了桔色、蓝色、淡粉色,并添加了紫色的发光效果,充满童真的味道。在
6、导航栏设计上,为了迎合不稳定的风格,在导航的形状、大小、颜色上都进行不规则设计,并添加如投影、内斜面浮雕、光泽等多种效果,以形成卡通的页面风格。3)内容区域设计“宝宝乐”网页的内容区域,由三个组成部分,第一是相关英语的教程效果图展示,由于所有教程都是卡通风格的,因此在图片的位置不能采用规整的方式进行排列,而是以倾斜形状为基准,进行错位显示。第二部分是文字内容,也进行错位显示。第三部分是人物图片,以倾斜下沿为参考,进行了弧形显示。4)页脚设计“宝宝乐”网页除了关于服务热线、版权等相关的信息,同时在右下角加一个并圆形的形状,以突出整个网站的不稳定。Pa
7、rt112.2.3网页效果图项目制作(流程简介)12.312.3.1绘制页面结构图12.3.2背景设计12.3.3页眉设计12.3.4内容区域设计12.3.5页脚设计切片与优化12.412.4.1背景切片12.4.2页眉切片12.4.3内容区域切片12.4.4页脚切片类似页面12.5图12-22Ratatattoo主页图12-23Dior主页类似页面14.5焦点型页面包括中心型、向心型等几种样式,此页面效果图为向心型页面。鸡蛋状的机器为页面焦点,而外侧弧形排列的五个按钮,则起到导航的作用,通过弧形排列全部指向中间的主图片,引导浏览者视线向页面中主图
8、片聚拢,形成了一个向心的版式,也使整个页面充满了现代感。实训项目14.6项目名称:大连铭源控股集团网站客户:大连铭源控股集
此文档下载收益归作者所有