课件23张PPT。4.2 网站设计思考:出黑板报的一般过程网站设计的一般过程1、确定主题
2、栏目设置
3、版面设计
4、树立网站整体风格
5、素材的收集与整理1.栏目设置阅读P81并思考
1、什么是栏目,它在网站设计中的作用是什么?(1)要紧扣主题,尽可能删除与主题无关的栏目。
(2)尽可能将网站最有吸引力的内容列在栏目上。
(3)尽可能方便访问者的浏览和查询。 栏目实质上式一个网站的大纲索引,索引应该将网站的主题明确显示出来。
2、网站栏目安排要注意哪些问题?1.栏目设置1.栏目设置2.版面设计阅读教材P83-84,并思考:
1、版面设计需要考虑哪些因素?
2、版面布局可按哪些步骤来进行?2.版面设计版面结构是指一种能够让浏览者清楚、容易地理解作品传达的信息的东西,也就是将不同元素巧妙排列的方式。
布局就是以最适合浏览的方式将图片和文字排放在页面的不同位置。
设计版面时要把文字、图片、空白当作一个整体来看,采用平面分割方式,调动全部面积来构建整个版面。几种常见的页面布局样式:“厂”字型主菜单以及横条网站标志+广告条主
菜
单显
示内容几种常见的页面布局样式:“口”字型主菜单主要内容友情链接等几种常见的页面布局样式:自由式,又称POP布局页面布局像一张宣传海报,以一张精美图片作为页面的设计中心,菜单栏目自由摆放。2.版面设计 网页版面布局可按创意草案、粗略布局、最后定案 三个步骤来进行。3.建立网站整体风格阅读教材P84-87,并思考:
1、色彩总的原则是什么?
2、树立一个网站整体形象的关键是什么?3.建立网站整体风格第一步:设计、制作一个网站标志(logo)
标志可以是中文、英文字母,可以是符号、图案,可以是动物或者人物等。
标志的设计创意来自你网站的名称和内容。
设计标志有以下几种方法:
1、选择与网站主题有关的,并具有代表性的人或者物,用它们作为设计的蓝本,加以卡通化和艺术化。例:
2、对于专业性的网站,可以以本专业有代表的物品作为标志。例:
3、最常用和最简单的方式是用自己网站的中文或者英文名称作为标志。采用不同的字体、字母的变形与组合,可以很容易制作出自己的标志。LOGO欣赏建立网站整体风格第二步:设计网站的标准颜色
网站的标志、标题、主菜单和主色块文字的链接色彩尽量使用标准色彩;
图片的主色彩、背景色、边框等尽量使用标准色彩同色系的色彩。
一个网站的标准色彩不超过3种。
色彩总的应用原则应该是“总体协调,局部对比”。网站色彩的使用蓝色调为主,加上白色和红色,强调权威与真实网站色彩的使用橙色为主,白色为辅,具有轻快,时尚的效果网站色彩的使用绿色为主,白色为辅,产生舒适、优雅、适于阅读的气氛网站色彩的使用红色为主,产生热情、活力的感觉,充满欢乐的气氛建立网站整体风格第三步:设计网站的标准字体。
标准字体是指用于标志、标题、主菜单的特有字体。
一般网页默认的字体是宋体。
使用一些比较特别的字体时,最好使用图片的形式。4.收集素材收集素材注意事项:
要注意对收集来的素材分类;
文件名要易懂易记,便于调用;
注意保护知识产权,避免侵犯别人的版权。