[网页设计基本流程.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.动画制作的工具 具体的实用信息：主要是由文字数据和图形图像组成，有些网站还可以使用动画声音等多媒体技术, 它们通过网站本身的栏目设置体现出来。（由业务部门提供） 设计网站的标志 标志图形的设计创意来自网站的名称和内容，标志可以是中文英文字母，可以是符号图案，可以是动物或者人物等。 网站标志设计创意可以从以下几种思路开始: (1) 选用公司有代表性的人物，动物,花草，可以用它们作为设计的蓝本加以卡通化和艺术化。 (2) 网站有专业性的可以以本专业有代表性的物品作为标志。 网站的广告词 用简洁精炼的句子传达信息，网站设计者应努力用一句话一个词来高度概括网站的性质特点和网站的目标，创造出类似实际生活中的广告金语来，在最短的时间内传达出最丰富的内涵。 标志，色彩，字体和广告语四个方面是一个网站树立CI 形象的关键，确切地说是网站的表面工作，设计并完成这四项工作网站的整体形象就有一个基本的轮廓，有了一个统一的面目并且具有了一定的专业性。 规划网站栏目 细致地划分主要内容栏目 将主要内容信息按一定的方法分类，并为它们设立专门的栏目。 “开门见山”地列出主要内容 网页的内容一般分为几个层次，网站的主要内容一定要放在首页或一二级栏目中，如果因信息内容结构问题不得不放在较深的位置上，一定设法将它在首页安排超级连接，同时在其他网页放置多个超级连接以便使浏览者很容易地找到它。 规划网站栏目 首页设置超级链接和搜索引擎 设定交流的栏目 交流栏目是指论坛,留言本,邮件列表等，可以让浏览者有机会发表他们的意见，参与网站的活动。 设置信息下载和咨询服务栏目 方便实用的网站指南 网站的目录结构 设计目录结构的原则是方便网站的管理与维护，设计链接结构的原则是方便浏览者的阅读。 网站的目录结构 合理安排文件的目录，不要将所有文件都存放在根目录下。 按栏目内容建立子目录 在每个一级目录或二级目录下都建立独立的Images 目录，管理素材。 网站的目录结构 目录的层次不要太多，一般目录的层次不超过5 层，对于网站的工作人员来说层次越少查找起来也就越容易，也就越便于维护管理 不要使用中文目录，网络是无国界的Internet 上使用最广泛的语言是英语，如果使用中文目录有可能对网址的正确显示造成困难, 尤其会给非汉语的浏览者带来不便 使用意义明确的目录文件名，在给目录取名字时应考虑取的名字，尽量反映内容以便于记忆管理。 网站的链接结构 网站的链接结构是指页面之间相互链接关系。 安排链接结构的原则： 1.一是要符合浏览者的思维习惯和浏览习惯。 2.一是要将网站中最重要的信息有最多的机会与浏览者见面。 网站的链接结构 关于链接结构的设计,在实际的网站建设中是非常重要的问题,采用什么样的链接结构直接影响到版面的布局. 网站的风格与创意设计 网站的风格: 指站点的整体形象给浏览者的综合感受,这个整体形象包括站点的C I ,标志,色彩,字体,标语,版面布局显示方式,交互方式,文字风格等等诸多因素. 网站的风格与创意设计 网站具有独特的风格可以从以下几方面考虑: 明确网站的服务对象 网站美术设计师应该明确自己的想法,明确自己要追求的艺术效果,明确了自己的行业定位之后,应考虑网站的个性化因素. 在明确自己的网站印象后,努力加强这种印象,如果经过反思发现其中最有特色的东西,就是最能体现网站风格的东西,并以它作为网站的特色加以重点,强化,制订一套基本的规格和技术指标(类似标准化),将它们运用到所有的页面中去. 网站的风格与创意设计 将网站的标志,特有的花边,线条,图案出现在每个页面上,应该创作一些网站特有的符号或图标. 使用标准色彩和相近的底色背景色,文字的链接色彩,图片的色调,页面的底色边框色等尽量采用与标准色彩一致或相近的色彩. 突出标准字体在关键性的标题,菜单,图片里使用统一的标准字体. 用统一的图片处理效果