网站设计步骤及要点

网站的设计之一:确定网站的栏目和板块

一、栏目与板块

不要确定题材后就开始制作网站(容易导致网站结构不清晰、目录庞杂,内容跨度大,维护访问困难,扩展麻烦等问题)
栏目:按一定内容编排布局的完整表达形式,网站的大纲索引。就是刑如网页头部的索引栏目。
板块:大于栏目的概念,每个板块拥有自己的栏目。
一般对于内容较少的网站,使用栏目就够了。

二、网站栏目设置的原则

扣紧主题、突出重点、方便浏览
例如下面的寻找失主的网站栏目设计

来源于网络

三、栏目设置结果的表达形式

栏目设置的表达形式:栏目结构图 栏目结构表
来源于网络

四、网站栏目设置的常用方法

1、对已经有的类似网站做考察,借鉴优秀网站的布局、内容方法等。
例如要做旅游网站的话:参考庐山的旅游网
在这里插入图片描述
寻找参考网站的特色、分析优缺点,取长补短。
2.归纳整理法:
集思广益,收集大量的信息,对收集信息分类整理,提取有效信息。

网站设计之二:确定网站的整体风格和创意的风格

一、风格

网站页面上的世界元素组合在一起的整体形象,展示给人的直观感受,整个形体形象包括网站的配色、字体、页面布局、页面内容、交互性、海报、宣传语等因素。

风格特征:抽象性、独特性、人性化等。
整体形象包括:站点的CI(Coporate Identity)企业形象。(标志、色彩,字体,标语,版面布局、浏览方法、交互性、文字、语气、内容价值、存在意义、站点荣誉等)
风格的独特性:标志性的东西。
风格的人性化。

网页不应仅仅是内容的堆叠,我们要通过有限的内容传递出想要的全部信息。确信风格是建立在有价值内容之上的,内容第一
弄清楚站点要给人以什么样的印象
确定目标后,不断努力建立和加强这种印象。

建立和营造风格印象的方法
1.设计一个有特色的网站标志(LOGO)
2.确定网站的标准色彩(一般不应该超过三种),标准色彩运用到LOGO、标题、主菜单、主色块,保持统一的色调给人以视觉上的冲击。其余颜色不应喧宾夺主。
3.使用标准实体。统一风格的字体
4.设计一条郎朗上口的宣传标语

二、创意(网站生存的关键)

创意就是网站出奇制胜的绝招,是一种传达信息的特别的方式。创意是思考的结果。

网站的设计之三——确定网站的目录结构与链接结构

一、设计网站的目录结构

不要将所有文件放在根目录下(会导致文件管混乱、传输缓慢)
按栏目内容建立子目录
子目录建立首先按网站主目录建立
其他次要的栏目,根据需要建立独立目录
所有程序一般都存放在特定的目录下)
在每个主目录下都建立一个images目录
目录的层次不要太深,不超过三层
不要使用中文命名

二、设计网站的链接结构

网站的链接结构是指页面之间相互链接的拓扑结构,它建立在目录结构之上,可以超越目录。(将每个页面看做是一个点,则链接式两个固定点之间的连线)
基本方式:
(1)树状链接结构(一对一):条理清晰,访问者知道自己在什么位置,不会迷路;浏览效率低,一个栏目下的子页面到另一个栏目下的子页面跳转必须要经过首页。
(2)星状链接结构(一对多):浏览方便,可以随时到达自己想要的页面,但容易“迷路”,不清楚自己的位置
实际中常用混合链接,首页和一级页面之间用星状链接,一级与多级页面之间使用树状链接结构。

发布了6 篇原创文章 · 获赞 1 · 访问量 578

猜你喜欢

转载自blog.csdn.net/jerry_liufeng/article/details/95170959