网站规划和设计
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
整体设计
技术路线确定、网站设计 (栏目、美工、网页、程序、数据库) 设计完成
网页编程 数据库 同步运行
网站制作 (栏目、美工、网页、程序、数据库)
网站制作和设计实现
网站推广
网站测试、系统集成、系统性能优化 网站托管、管理服务 客户验收
1.网站测试上传 2.数据托管方案 3.管理服务方案 1.网站内容维护 2.网站运行维护 3.管理服务实施
四、网站的层次结构和链接结构
(一)网站的目录结构 网站的目录是指你建立网站时创建的目录。目录 的结构是一个容易忽略的问题,目录结构的好坏,对 浏览者来说并没有什么太大的感觉,但是对于站点本 身的上传维护,内容未来的扩充和移植有着重要的影 响。 ●不要将所有文件都存放在根目录下。 1.文件管理混乱。 2.上传速度慢。尽可能减少根目录的文件存放数。 ●按栏目内容建立子目录。 首先按主菜单栏目建立。 所有程序一般都存放在特定目录。
五、网站的整体风格创意设计
努力建立和加强这种印象,如: 6.使用统一的图片处理效果。比如,阴影效果的方向, 厚度,模糊度都必须一样。 7.创造一个你的站点特有的符号或图标。比如在一句 链接前的一个点,可以使用☆※○◇□△→(区位码 里自己参看)等等。 8.用自己设计的花边,线条,点 9.展示你网站的荣誉和成功作品。 10.告诉网友关于你的真实的故事和想法。 风格的形成不是一次定位的,你可以在实践中不 断强化,调整,修饰,直到有一天,网友们写信告诉 你:"我喜欢你的站点,因为它很有风格!"
五、网站的整体风格创意设计
风格是独特的,是站点不同与其他网站的地方。 或者色彩,或者技术,或者是交互方式,能让浏览者 明确分辨出这是你的网站独有的。 风格是有人性的。通过网站的外表,内容,文字, 交流可以概括出一个站点的个性,情绪。是温文儒雅, 是执著热情,是活泼易变,是放任不羁。象诗词中的 “豪放派”和“婉约派”,你可以用人的性格来比喻 站点。 普通网站你看到的只是堆砌在一起的信息,你的 感受是理性的(信息量大小,浏览速度快慢)。但你 浏览有风格的网站后你能有更深一层的感性认识,比 如站点有品位,和蔼可亲,是老师,是朋友。
三、确定你的栏目和版块
2.设一个最近更新或网站指南栏目 如果你的首页没有安排版面放置最近更新内容信 息,就有必要设立一个“最近更新”的栏目。如果你 的主页内容庞大、层次较多,建议您设置“本站指南” 栏目。 3.设定一个可以双向交流的栏目 不需要很多,但一定要有。比如论坛,留言本, 邮件列表等,可以让浏览者留下信息。
三、确定你的栏目和版块
4.设一个下载或常见问题回答栏目 网络的特点是信息共享。如果你看到一个站点有 大量的优秀的有价值的资料,你肯定希望能一次性下 载,而不是一页一页浏览存盘。 至于其他的辅助内容,如关于本站,版权信息等 可以不放在主栏目里,以免冲淡主题。总结以上几点, 我们得出划分栏目需要注意的是: ●尽可能删除与主题无关的栏目 ●尽可能将网站最有价值的内容列在栏目上 ●尽可能方便访问者的浏览和查询
五、网站的整体风格创意设计
● 创意(idea)是网站生存的关键。作为网页设计师, 最苦恼的就是没有好的创意来源。 创意到底是什么,如何产生创意呢?创意是引人 入胜,精彩万分,出奇不意的;创意是捕捉出来的点 子,是创作出来的奇招.... ○创意是传达信息的一种特别方式。(she & S.H.E) 创意并不是天才者的灵感,而是思考的结果。生 活的结合(或者虚拟现实),例如在线书店,电子社区, 在线拍卖。你是否想到了一种更好的创意呢?
ห้องสมุดไป่ตู้
三、确定你的栏目和版块
定位网站主题和确立网站的CI形象。是否该进入 实质性的设计制作阶段呢?答案是:不能。经验告诉 我们,建立一个网站好比写一篇文章,首先要拟好提 纲,文章才能主题明确,层次清晰;也好比造一座高 楼,首先要设计好框架图纸,才能使楼房结构合理。 在动手制作网页前,一定要考虑好以下三方面: 1.确定栏目和版块; 2.确定网站的目录结构和链接结构 3.确定网站的整体风格创意设计
二、定位你的网站CI形象
网站CI主要内容:
3.设计网站的标准字体。和标准色彩一样,标 准字体是指用于标志,标题,主菜单的特有字体。一 般我们网页默认的字体是宋体。注意:使用非默认字 体只能用图片的形式! 4.设计网站的宣传标语。也可以说是网站的精神, 网站的目标。如:鹊巢的“味道好极了”;Intel的 “给你一个奔腾的心”。 以上四方面:标志,色彩,字体,标语,是一个 网站树立CI形象的关键,确切的说是网站的表面文章, 设计并完成这几步,你的网站将脱胎换骨,整体形象 有一个提高。
二、定位你的网站CI形象
网站CI主要内容: 2.设计网站的标准色彩。网站给人的第一印象来 自视觉冲击,确定网站的标准色彩是相当重要的一步。 不同的色彩搭配产生不同的效果,并可能影响到访问者 的情绪。 “标准色彩”是指能体现网站型象和延伸内涵的色 彩。如:IBM的深蓝色,肯得基的红色条型,windows视 窗标志上的红蓝黄绿色块。如果将IBM改用黄色呢? 一般来说,一个网站的标准色彩不超过3种,太多 则让人眼花缭乱。标准色彩要用于网站的标志,标题, 主菜单和主色块。给人以整体统一的感觉。至于其它色 彩也可以使用,只是作为点缀和衬托,绝不能喧宾夺主。
三、确定你的栏目和版块
有关版块设置:版块比栏目的概念要大一些,每 个版块都有自己的栏目。举个例子:网易的站点分新 闻,体育,财经,娱乐,教育等版块,每个版块下面 有各有自己的主栏目。一般的个人站点内容少,只有 主栏目(主菜单)就够了,不需要设置版块。如果你觉 得的确有必要设置版块的,应该注意1.各版块要有相 对独立性。2.各版块要有相互关联。3.版块的内容要 围绕站点主题。关于版块方面,主要是门户站点等较 大ICP需要考虑的问题。
二、定位你的网站CI形象
网站CI主要内容: 1.设计网站的标志(logo)。logo是你站点 特色和内涵的集中体现,看见logo就让大家联 想起你的站点。(不是指88X31的小banner) 标志可以是中文,英文字母,可以是符号, 图案,可以是动物或者人物等等。如:新浪用 字母sina+眼睛作为标志。标志的设计创意来自 你网站的名称和内容。
网站维护
网站内容维护、系统运行维护
网站建设规划书
网站规划和设计的主要内容
1.定位你的网站主题和名称; 2.定位你的网站CI形象; 3.确定你的栏目和版块; 4.网站的整体风格创意设计 5.网站的层次结构和链接结构 6.首页的设计 7.版面布局的窍门 8.色彩的搭配 9.网页字体的设置
一、定位你的网站主题和名称
所谓主题也就是你的网站的题材。网络上的网站 题材千奇百怪,琳琅满目。只要你想的到,就可以把 它制作出来。常见题材: 第1类:网上求职 第2类:网上聊天/即时信息/ ICQ 第3类:网上社区/讨论 / 邮件列表 第4类:计算机技术 第5类:网页/ 网站开发 第7类:旅行 第6类:娱乐网站 第8类:参考 /资讯 第9类:家庭/教育 第10类:生活/时尚
四、网站的层次结构和链接结构
(二)网站的链接结构 是指页面之间相互链接的拓扑结构。它建立在目 录结构基础之上,但可以跨越目录。一个点可以和一 个点连接,也可以和多个点连接。 ●用最少的链接,使得浏览最有效率。 1.树状链接结构(一对一)。 2.星状链接结构(一对多)。 这两种基本结构都只是理想方式,在实际的网站 设计中,总是将这两种结构混合起来使用。 ●首页和一级页面之间用星状链接结构,一级和二级 页面之间用树状链接结构。
网站规划和设计
1学时
概述
网站设计,包含的内容非常多。大体分两个方
面:
一方面是纯网站本身的设计比如文字排版,图 片制作,平面设计,三维立体设计,静态无声图文, 动态有声影像等; 另一方面是网站的延伸设计,包括网站的主题 定位和浏览群的定位,智能交互,制作策划,形象 包装,宣传营销等等。
1.客户需求说明 双向个性化的客户需求沟通和需求理解 合同 网站策划 网站市场定位、风格、功能 和营销顾问及策划 1.互联网业务顾问 2.网站业务和市场定位 3.确定网站的风格和功能 4.网站群配套的广告方案 1.确定技术线路和平台 2.网站栏目等各环节的设计 2.合作意向
五、网站的整体风格创意设计
如何树立网站风格呢? 第一,确信风格是建立在有价值内容之上的。一 个网站有风格而没有内容,就好比绣花枕头一包草。 你首先必须保证内容的质量和价值性。 第二,你需要彻底搞清楚自己希望站点给人的印 象是什么。
思路
第三,在明确自己的网站印象后,开始努力建立 和加强这种印象。经过第二步印象的的“量化”后, 你需要进一步找出其中最有特色特点的东西,就是最 能体现网站风格的东西。并以它作为网站的特色加以 重点强化,宣传。
四、网站的层次结构和链接结构
(一)网站的目录结构 ●在每个主目录下都建立独立的images目录。 刚开始学习主页制作时,习惯将所有图片都存放 在这个目录里。可是后来发现很不方便(栏目打包、 下载等,为每个主栏目建立一个独立的images目录是 最方便管理的。 ●目录的层次不要太深。 目录的层次建议不要超过3层。 ●其它需要注意的还有:1.不要使用中文目录;2.不 要使用过长的目录;3.尽量使用意义明确的目录;
三、确定你的栏目和版块
栏目的实质是一个网站的大纲索引,索引应该将 网站的主体明确显示出来。在制定栏目的时候,要仔 细考虑,合理安排。 1.一定记住要紧扣你的主题! 一般的做法是:将你的主题按一定的方法分类并 将它们作为网站的主栏目。例如上面的例子,可以将 栏目分为动物动画,标志动画,三维动画,卡通动画 等,在首页上标明最近更新的动画。记住:主题栏目 个数在总栏目中要占绝对优势,这样的网站显的专业, 主题突出,容易给人留下深刻印象。
五、网站的整体风格创意设计
努力建立和加强这种印象,如: 1.将你的标志logo,尽可能的出现在每个页面上。 2.突出你的标准色彩。文字的链接色彩,图片的主色 彩,背景色,边框等色彩尽量使用与标准色彩一致的 色彩。 3.突出你的标准字体。在关键的标题,菜单,图片里 使用统一的标准字体。 4.想一条朗朗上口宣传标语。把它做在你的banner里, 或者放在醒目的位置,告诉大家你的网站的特色是... 5.使用统一的语气和人称。
一、定位你的网站主题和名称
网站取名的建议: 3. 名称要有特色。如:音乐前卫,网页陶吧, 天籁绝音。在体现出网站主题的同时,能点出特 色之处。 总之,定位题材和名称是设计一个网站的第 一步,也是很重要的一部分。
二、定位你的网站CI形象
所谓CI,是借用的广告术语。(CI是英文 corporate identity的缩写),意思是通过视觉 来统一企业的形象。如:可口可乐公 司,全球 统一的标志,色彩和产品包装,给我们的印象 极为深刻。 一个杰出的网站,和实体公司一样,也需 要整体的形象包装和设计。准确的,有创意的 CI 设计,对网站的宣传推广有事半功倍的效果。 在您的网站主题和名称定下来之后,需要思考 的就是网站的CI形象。
五、网站的整体风格创意设计
网站的整体风格及其创意设计是站长们最希望掌 握,也是最难以学习的。难就难在没有一个固定的程 式可以参照和模仿。给你一个主题,任何两人都不可 能设计出完全一样的网站。 1.风格是什么,如何树立网站风格? 2.创意是什么,如何产生创意? ●风格(style)是抽象的。是指站点的整体形象给浏览 者的综合感受。 “整体形象”包括站点的CI(标志,色彩,字体,标 语),版面布局,交互性,文字,语气,内容价值, 存在意义等等。迪斯尼是生动活泼的,IBM是专业严肃 的。
一、定位你的网站主题和名称
题材的选择的建议: 1.主题要小而精。定位要小,内容要精。 2.题材最好是你自己擅长或者喜爱的内容。 3.题材不要太滥或者目标太高
一、定位你的网站主题和名称
网站取名的建议: 1. 名称要正。其实就是要合法,合法。不能用反 动的,色情的,迷信的,危害社会安全的名词语句。 2. 名称要易记。中文网站名称最好用中文名称, 不要使用英文或者中英文混合型名称。另外,网站 名称的字数应该控制在六个字(最好四个字)以内, 比如“XX阁”“XX设计室”,四个字的可以用成语, 如“一网打进”。字数少还有个好处,一般适合于 其他站点的链接排版。