网页的设计基本流程.ppt

企业网站建站过程 网站的形象设计 1.网站的标志 2.网站的风格定义 3.网站的广告词 4.网站的标准色彩  5.网站的标准字体 规划网站栏目  ;规划网站栏目1.划分主要栏目 2.首页超级链接和搜索引擎 3.设定交互栏目 4.设置下载和咨询服务栏目 5.方便的网站导航 6.网站的目录结构 7.网站的链接结构 ;版面设计 1.版面设计的过程 2.常见的版面样式3.首页的设计 网页的色彩搭配 1.色彩的基本知识 2.色彩搭配的原则 3.色彩搭配的技巧 ;网页中的图像处理 1.图像的类型 2.图像的格式 3.图像的处理技巧 网页中的字体 1.字体与字号 2.特殊字体的处理 网页中的动画与广告 1.动画制作的工具 ;收集信息 2周 设计草案 3天 制作设计手册 网站结构 页面结构色彩版式 预算报价 2周 制作页面 1周 调试 2周 发布 跟踪 半年;具体的实用信息：主要是由文字数据和图形图像组成，有些网站还可以使用动画声音等多媒体技术, 它们通过网站本身的栏目设置体现出来。（由业务部门提供）;设计网站的标志 标志图形的设计创意来自网站的名称和内容，标志可以是中文英文字母，可以是符号图案，可以是动物或者人物等。 网站标志设计创意可以从以下几种思路开始: (1) 选用公司有代表性的人物，动物,花草，可以用它们作为设计的蓝本加以卡通化和艺术化。 (2) 网站有专业性的可以以本专业有代表性的物品作为标志。;网站的标准色彩 　 企业的标准色，就是该企业在自己标志产品及宣传品等方面统一使用的一个固定的颜色。 网站的标准色彩只能是一种，具体应用时可以标准色为中心利用它的明度变化产生不同的色彩，标准色彩要广泛运用于网站的标志,标题，主菜单和背景色块,给人以整体统一的感觉，其它色彩只是作为对比和衬托,绝不能喧宾夺主。;网站的标准字体 标准字体是指网站用于标志标题,主菜单的特有字体。 特别字体只能用图形图像的形式出现在网页中。;网站的广告词 用简洁精炼的句子传达信息，网站设计者应努力用一句话一个词来高度概括网站的性质特点和网站的目标，创造出类似实际生活中的广告金语来，在最短的时间内传达出最丰富的内涵。 标志，色彩，字体和广告语四个方面是一个网站树立CI 形象的关键，确切地说是网站的表面工作，设计并完成这四项工作网站的整体形象就有一个基本的轮廓，有了一个统一的面目并且具有了一定的专业性。;规划网站栏目;规划网站栏目;网站的目录结构;网站的目录结构;网站的链接结构;设计选项 线性方法;2 分层模式;3 网络中心模式;4 全Web设计;网站的链接结构 关于链接结构的设计,在实际的网站建设中是非常重要的问题,采用什么样的链接结构直接影响到版面的布局.;网站的风格与创意设计 网站的风格: 指站点的整体形象给浏览者的综合感受,这个整体形象包括站点的C I ,标志,色彩,字体,标语,版面布局显示方式,交互方式,文字风格等等诸多因素.;网站的风格与创意设计 网站具有独特的风格可以从以下几方面考虑: 明确网站的服务对象 网站美术设计师应该明确自己的想法,明确自己要追求的艺术效果,明确了自己的行业定位之后,应考虑网站的个性化因素. 在明确自己的网站印象后,努力加强这种印象,如果经过反思发现其中最有特色的东西,就是最能体现网站风格的东西,并以它作为网站的特色加以重点,强化,制订一套基本的规格和技术指标(类似标准化),将它们运用到所有的页面中去. ;网站的风格与创意设计 将网站的标志,特有的花边,线条,图案出现在每个页面上,应该创作一些网站特有的符号或图标. 使用标准色彩和相近的底色背景色,文字的链接色彩,图片的色调,页面的底色边框色等尽量采用与标准色彩一致或相近的色彩. 突出标准字体在关键性的标题,菜单,图片里使用统一的标准字体. 用统一的图片处理效果比如阴影效果的方向厚度模糊度都必须统一. 采取上述具体措施后,虽不能完全保证网站的艺术效果和品位,但却使网站具有统一性完整性.;版面布局与首页的设计 布局： 是一个设计的概念,指的是在一个限定的面积范围内合理安排布置图形，图像和文字的位置，在把文章信息按照轻重缓急的秩序陈列出来的同时将页面装饰美化起来。 版面标准： 设定为800*600 像素;版面布局与首页 的设计过程 版面布局的过程 最初的设计还是需要动笔勾画草图的，草图的目的是将脑海里朦胧的想法具体化变成可视