网站效果图设计 作者 刘心美 教材--第12章倾斜型页面.pptVIP

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