网页设计基本流程培训资料.pptVIP

自由式布局 自由式布局打破了同字型，国字型布局的菜单框架结构页面，布局像一张宣传海报以一张精美图片作为页面的设计中心菜单栏目自由地摆放在页面上常用于时尚类站点 网页优点是漂亮吸引人，缺点就是显示速度慢文字信息量少，这种布局适合于以图像为主要内容的站点. 版面布局与首页的设计范例 企业网站建站过程 网站的形象设计 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周 发布 跟踪 半年 网站制作流程 具体的实用信息：主要是由文字数据和图形图像组成，有些网站还可以使用动画声音等多媒体技术, 它们通过网站本身的栏目设置体现出来。（由业务部门提供） 网站发布的信息 广义的信息：包括网站的CI设计，网站主题定位和网民群体的定位以及网页的制作策划，形象包装宣传营销等等，它主要是通过视觉语言来树立网站的社会形象从而达到广告宣传的效果。（由管理部门提供甚至需要借助广告策划的眼光进行全面的CI 设计才可能有一个好的方案） 设计网站的标志 标志图形的设计创意来自网站的名称和内容，标志可以是中文英文字母，可以是符号图案，可以是动物或者人物等。 网站标志设计创意可以从以下几种思路开始: (1) 选用公司有代表性的人物，动物,花草，可以用它们作为设计的蓝本加以卡通化和艺术化。 (2) 网站有专业性的可以以本专业有代表性的物品作为标志。 网站的广告词 用简洁精炼的句子传达信息，网站设计者应努力用一句话一个词来高度概括网站的性质特点和网站的目标，创造出类似实际生活中的广告金语来，在最短的时间内传达出最丰富的内涵。 标志，色彩，字体和广告语四个方面是一个网站树立CI 形象的关键，确切地说是网站的表面工作，设计并完成这四项工作网站的整体形象就有一个基本的轮廓，有了一个统一的面目并且具有了一定的专业性。 规划网站栏目 细致地划分主要内容栏目 将主要内容信息按一定的方法分类，并为它们设立专门的栏目。 “开门见山”地列出主要内容 网页的内容一般分为几个层次，网站的主要内容一定要放在首页或一二级栏目中，如果因信息内容结构问题不得不放在较深的位置上，一定设法将它在首页安排超级连接，同时在其他网页放置多个超级连接以便使浏览者很容易地找到它。 规划网站栏目 首页设置超级链接和搜索引擎 设定交流的栏目 交流栏目是指论坛,留言本,邮件列表等，可以让浏览者有机会发表他们的意见，参与网站的活动。 设置信息下载和咨询服务栏目 方便实用的网站指南 网站的目录结构 设计目录结构的原则是方便网站的管理与维护，设计链接结构的原则是方便浏览者的阅读。 网站的目录结构 合理安排文件的目录，不要将所有文件都存放在根目录下。 按栏目内容建立子目录 在每个一级目录或二级目录下都建立独立的Images 目录，管理素材。 网站的目录结构 目录的层次不要太多，一般目录的层次不超过5 层，对于网站的工作人员来说层次越少查找起来也就越容易，也就越便于维护管理 不要使用中文目录，网络是无国界的Internet 上使用最广泛的语言是英语，如果使用中文目录有可能对网址的正确显示造成困难, 尤其会给非汉语的浏览者带来不便 使用意义明确的目录文件名，在给目录取名字时应考虑取的名字，尽量反映内容以便于记忆管理。 网站的链接结构 网站的链接结构是指页面之间相互链接关系。 安排链接结构的原则： 1.一是要符合浏览者的思维习惯和浏览习惯。 2.一是要将网站中最重要的信息有最多的机会与浏览者见面。 设计选项 线性方法 主页 Page one Page two Page three 2 分层模式 主页 主题A 主题B 主题