网站设计.pptVIP

网站策划与设计 网站建设过程 网站总策划 前期信息收集 具体分栏目策划 具体设计制作（包括页面设计，制作，编程） 整合测试 网站设计包含的内容 纯网站本身的设计 比如文字排版，图片制作，平面设计，三维立体设计，静态无声图文，动态有声影像等 网站的延伸设计 包括网站的主题定位和浏览群的定位，智能交互，制作策划，形象包装，宣传营销等 网站设计涉及方面 1.定位网站主题和名称2.定位网站CI形象3.确定栏目和版块4.网站的目录结构和链接结构5.网站的整体风格创意设计6.首页的设计7.版面布局的窍门8.色彩的搭配 9.效果与速度10.替浏览者考虑11.细微之处考虑12.建设完成度与推出时间13.交互性与亲和度14.考虑不同的浏览器和分辨率15.字体的设置和表格的嵌套16.新技术的运用取舍 定位网站主题和名称 主题—网站的题材 参考题材 网上求职 网上聊天／即时信息/ ICQ 网上社区／讨论 / 邮件列表 计算机技术 网页/ 网站开发? 娱乐网站? 旅行? 参考 /资讯 家庭/教育? 生活/时尚?等等 题材的选择 1.主题要小而精 2.题材最好是自己擅长或者喜爱的内容 3.题材不要太滥或者目标太高 网站名称设计 1. 名称要合法，合理，合情 2. 名称要易记 3. 名称要有特色 定位网站CI形象 所谓CI，是借用的广告术语。(CI是英文corporate identity的缩写)，意思是通过视觉来统一企业的形象 一个杰出的网站，和实体公司一样，也需要整体的形象包装和设计 CI定位关键 1.设计网站的标志(logo) 2.设计网站的标准色彩 3.设计网站的标准字体 4.设计网站的宣传标语 动手制作网页前需要考虑方面 确定栏目和版块 确定网站的目录结构和链接结构 确定网站的整体风格创意设计 确定栏目和版块 栏目 栏目的实质是一个网站的大纲索引，索引应该将网站的主体明确显示出来 版块 概念比栏目要大，每一个版块都有自己的栏目 栏目的安排 1.紧扣主题 2.设一个最近更新或网站指南栏目 3.设定一个可以双向交流的栏目 4.设一个下载或常见问题回答栏目 栏目安排注意点 尽可能删除与主题无关的栏目 尽可能将网站最有价值的内容列在栏目上 尽可能方便访问者的浏览和查询 版块的设置 各版块要有相对独立性 各版块要有相互关联 版块的内容要围绕站点主题 网站的目录结构和链接结构 网站的目录 建立网站时创建的目录 网站的链接结构 页面之间相互链接的拓扑结构。它建立在目录结构基础之上，但可以跨越目录 建立目录结构的一些建议 不要将所有文件都存放在根目录下 按栏目内容建立子目录 在每个主目录下都建立独立的images目录 目录的层次不要太深 建立链接结构的一些建议 用最少的链接，使得浏览最有效率 树状链接结构（一对一） 星型链接结构（一对多） 首页和一级页面之间用星状链接结构，一级和二级页面之间用树状链接结构 注重个性化、相关性 确定网站的整体风格和创意设计 1.风格是什么，如何树立网站风格？ 2.创意是什么，如何产生创意？ 风格 风格(style)是抽象的，是指站点的整体形象给浏览者的综合感受 风格是独特的，是站点不同于其他网站的地方 或者色彩，或者技术，或者是交互方式，能让访问者明确分辨出这是你的网站独有的。即使你只看到其中一页，也可以分辨出是哪个网站的。 风格是有人性的 通过网站的外表，内容，文字，交流可以概括出一个站点的个性，情绪。 可以是温文儒雅，是执著热情，是活泼易变,是放任不羁。像诗词中的“豪放派”和“婉约派”一样，你可以用人的性格来比喻站点。 有风格的网站与普通网站的区别： 普通网站你看到的只是堆砌在一起的信息，你只能用理性的感受来描述，比如信息量大小，浏览速度快慢。 但你浏览过有风格的网站后你能有更深一层的感性认识，比如站点有品位，和蔼可亲，是老师，是朋友。 如何树立网站风格 确信风格是建立在有价值内容之上的 需要彻底搞清楚自己希望站点给人的印象是什么 明确自己的网站印象后，开始努力建立和加强这种印象 通过调查来理清思路 设计问题 自己回答 请访问者作答 比较差别，找出问题点 一些参考问题 1.如果只用一句话来描述你的站点，应该是:_____________参考答案：有创意，专业，有(技术)实力，有美感，有冲击力 2.想到你的站点，可以联想到的色彩是：________________参考答案：热情的红色，幻想的天蓝色，聪明的金黄色 特色加强 1.突出标志 将你的标志logo，尽可能的出现在每个页面上。或者页眉，或者页脚，或者背景 2.突出你的标准色彩 文字的链接色彩，图片的主色彩，背景色，边框等色彩尽量使用与标准色