网页设计基本流程.ppt

几种常见的版面布局样式“同”字型结构布局：所谓同字型结构就是指页面顶部为主菜单，下方左侧为二级栏目条，右侧为链接栏目条，屏幕中间显示具体内容的布局。这种布局的优点是页面结构清晰，左右对称，主次分明，因而同字型布局的网页得到非常普遍的运用，不过同字型布局的缺点：是太规矩呆板如果细节色彩上缺少变化调剂，很容易让人感到单调乏味。单击此处添加小标题版面布局与首页的设计范例版面布局与首页的设计范例“国”字型布局国字型布局是在同字型布局基础上演化而来的，在保留同字型的同时，在页面的下方增加一横条状的菜单或广告。这种布局的优点是充分利用版面信息量大与其它页面的链接多切换方便，缺点是页面拥挤四面封闭，令人感到憋气。版面布局与首页的设计范例自由式布局自由式布局打破了同字型，国字型布局的菜单框架结构页面，布局像一张宣传海报以一张精美图片作为页面的设计中心菜单栏目自由地摆放在页面上常用于时尚类站点网页优点是漂亮吸引人，缺点就是显示速度慢文字信息量少，这种布局适合于以图像为主要内容的站点.企业网站建站过程网站的形象设计网站的标志

网站的风格定义

网站的广告词

网站的标准色彩

网站的标准字体规划网站栏目规划网站栏目

1.划分主要栏目

2.首页超级链接和搜索引擎

3.设定交互栏目

4.设置下载和咨询服务栏目

5.方便的网站导航

6.网站的目录结构

7.网站的链接结构版面设计版面设计的过程常见的版面样式首页的设计网页的色彩搭配色彩的基本知识色彩搭配的原则色彩搭配的技巧添加标题网页中的图像处理添加标题图像的处理技巧添加标题图像的类型添加标题网页中的字体添加标题图像的格式添加标题字体与字号添加标题特殊字体的处理添加标题网页中的动画与广告添加标题动画制作的工具网站制作流程01收集信息2周02设计草案3天03制作设计手册04网站结构页面结构05色彩版式预算报价 2周06制作页面1周07调试2周08发布09跟踪半年网站发布的信息具体的实用信息：主要是由文字数据和图形图像组成，有些网站还可以使用动画声音等多媒体技术,它们通过网站本身的栏目设置体现出来。（由业务部门提供）广义的信息：包括网站的CI设计，网站主题定位和网民群体的定位以及网页的制作策划，形象包装宣传营销等等，它主要是通过视觉语言来树立网站的社会形象从而达到广告宣传的效果。（由管理部门提供甚至需要借助广告策划的眼光进行全面的CI设计才可能有一个好的方案）12设计网站的标志标志图形的设计创意来自网站的名称和内容，标志可以是中文英文字母，可以是符号图案，可以是动物或者人物等。网站标志设计创意可以从以下几种思路开始:(1)选用公司有代表性的人物，动物,花草，可以用它们作为设计的蓝本加以卡通化和艺术化。(2)网站有专业性的可以以本专业有代表性的物品作为标志。网站的标准色彩企业的标准色，就是该企业在自己标志产品及宣传品等方面统一使用的一个固定的颜色。网站的标准色彩只能是一种，具体应用时可以标准色为中心利用它的明度变化产生不同的色彩，标准色彩要广泛运用于网站的标志,标题，主菜单和背景色块,给人以整体统一的感觉，其它色彩只是作为对比和衬托,绝不能喧宾夺主。网站的标准字体标准字体是指网站用于标志标题,主菜单的特有字体。特别字体只能用图形图像的形式出现在网页中。网站的广告词02单击此处添加小标题用简洁精炼的句子传达信息，网站设计者应努力用一句话一个词来高度概括网站的性质特点和网站的目标，创造出类似实际生活中的广告金语来，在最短的时间内传达出最丰富的内涵。单击此处添加小标题标志，色彩，字体和广告语四个方面是一个网站树立CI形象的关键，确切地说是网站的表面工作，设计并完成这四项工作网站的整体形象就有一个基本的轮廓，有了一个统一的面目并且具有了一定的专业性。01规划网站栏目将主要内容信息按一定的方法分类，并为它们设立专门的栏目。细致地划分主要内容栏目网页的内容一般分为几个层次，网站的主要内容一定要放在首页或一二级栏目中，如果因信息内容结构问题不得不放在较深的位置上，一定设法将它在首页安排超级连接，同时在其他网页放置多个超级连接以便使浏览者很容易地找到它。“开门见山”地列出主要内容规划网站栏目首页设置超级链接和搜索引擎设定交流的栏目交流栏目是指论坛,留言本,邮件列表