展示网站首页架构图,详述网站整体设计方案
网站的总体设计构思如下:
首先,我们必须明确网页设计的职责。
一、设计职责
设计是一种审美行为,优秀的设计作品往往富有艺术感。然而,艺术只是设计的一种方式,而非其职责。设计的职责是实现设计者的意愿,而非仅仅创造美感。
网页设计的职责在于展现设计者想要传达的主题和实现的功能。根据站点的性质,设计职责也有所不同。从形式上,可以将站点划分为以下三类。
第一类是信息类站点,如新浪、网易、搜狐等门户网站。这类站点将向访问者提供大量信息,且访问量较大。因此,需关注页面划分、结构合理性、页面优化、界面亲和度等问题。
第二类是信息与形象结合的网站,如一些大型公司、国内高校等。这类网站在设计上要求较高,既要满足信息类网站的要求,又要突出企业、单位的形象。然而,当前这类网站存在制作粗糙的问题。
第三类是形象类网站,如一些中小型公司或单位。这类网站规模较小,有的仅有几页,需要实现的功能也相对简单,网页设计的主要职责在于突出企业形象。这类网站对设计者的美术水平要求较高。
当然,这只是一个大致的分类,具体情况还需具体分析。不同的站点需要区别对待。别忘了最重要的一点,那就是客户的需求,它也属于设计的职责。
明确了设计职责后,接下来要考虑的是如何完成这个任务。
二、设计实施
设计的实施可分为两个部分。第一部分为站点的规划及草图绘制,这一部分可在纸上完成。第二部分为网页制作,这一过程在计算机上完成。
设计首页的第一步是设计版面布局。我们可以将网页视为传统的报刊杂志进行编辑,其中包含文字、图像乃至动画,我们的任务是以最合适的方式将图片和文字排列在页面的不同位置。除了配置不错的计算机外,软件也是必需的。不能简单地说一个软件的好坏,只要设计者使用起来方便且得心应手,就可以称之为好软件。当然,它应该能满足设计者的需求。笔者常用的软件是Macromedia的Dreamweaver、Fireworks、Flash以及Adobe的Photoshop、ImageReady,这些都是不错的软件。接下来,我们要通过软件的使用,将设计的蓝图变为现实,最终的集成一般是在Dreamweaver中完成。虽然在草图上,我们已确定了页面的大体轮廓,但灵感往往在制作过程中产生。设计作品一定要有创意,这是最基本的要求,缺乏创意的设计是失败的。在制作过程中,我们会遇到许多问题,其中最敏感的莫过于页面颜色了。
三、色彩的运用
色彩是一种奇妙的东西,它美丽而丰富,能唤起人类的心灵感知。一般来说,红色是火的颜色,代表着热情、奔放;也是血的颜色,可以象征生命。黄色是明度最高的颜色,显得华丽、高贵、明快。绿色是大自然草木的颜色,意味着纯自然和生长,象征安宁和平与安全,如绿色食品。紫色是高贵的象征,有庄重感。白色能给人以纯洁与清白的感觉,表示和平与圣洁。
我们知道,颜色是光的折射产生的,红、黄、蓝是三原色,其他色彩都可以用这三种色彩调和而成。从另一个角度思考,我们可以利用颜色的变化来表现光影效果,这将使我们的作品更贴近现实。
色彩代表了不同的情感,具有不同的象征意义。这些象征意义是人们思想交流中的一个复杂问题,它因人的年龄、地域、时代、民族、阶层、经济地区、工作能力、教育水平、风俗习惯、宗教信仰、生活环境、性别差异而有所不同。
单纯的颜色并没有实际的意义,与不同的颜色搭配,它所表现出的效果也不同。例如,绿色与金黄、淡白搭配,可以产生优雅、舒适的氛围。蓝色与白色混合,能体现柔顺、淡雅、浪漫的氛围。红色与黄色、金色的搭配能渲染喜庆的氛围。而金色与栗色的搭配则会给人带来暖意。设计的职责不同,配色方案也随之不同。考虑到网页的适应性,应尽量使用网页安全色。
但颜色的使用并没有一定的法则,如果一定要用某个法则去套,效果只会适得其反。经验上,我们可先确定一种能表现主题的主体色,然后根据具体需求,运用颜色的近似和对比来完成整个页面的配色方案。整个页面在视觉上应是一个整体,以达到和谐、悦目的视觉效果。
四、造型的组合
在网页设计中,我们主要通过视觉传达来表现主题。在视觉传达中,造型是一个重要的元素。抛开图像还是文字的问题,画面上的所有元素可以统一作为画面的基本构成要素——点、线、面——进行处理。在一幅成功的作品中,需要点、线、面的共同组合与搭配来构建整个页面。
通常我们可以使用的组合手法有秩序、比例、均衡、对称、连续、间隔、重叠、反复、交叉、节奏、韵律、归纳、变异、特写、反射等等,它们都有各自的特点。在设计中应根据具体情况,选择最适合的表现手法,这样有利于主题的表现。
通过点、线、面的组合,可以突出页面上的重要元素,突出设计的主题,增强美感。
网站结构设计六大要素包括:
1、站内风格:网站结构设计的站内风格应简洁便捷,确保网站内容丰富且有价值,既能提高网站加载速度,又方便用户快速找到所需信息。
2、关键词结构:
3、导航结构:网站导航结构设计旨在引导用户快速找到信息,指引用户到达目标页面。合理的面包屑导航、频道页导航是影响用户体验的重要因素之一,无论是列表页还是内容页,都应设置统一的面包屑导航;面包屑导航能够随时让用户了解所处位置,更方便用户查找网页和返回上级,同时能吸引用户对网站进行更深层次的访问,非常符合用户行为习惯。
网站导览架构设计旨在协助用户迅速定位信息,指引用户抵达目标页面。恰当的路径导航、频道页导览是提升用户体验的关键要素之一,无论是列表页面、内容页面,都宜采用统一的路径导航;路径导航能即时让用户明了自身位置,更便于用户搜索网页及返回上一级,同时还能激发用户对网站进行更深入的探索,极符合用户的使用习惯。
4、网址结构
合理的网址结构设计便于用户记忆,并适当考虑对搜索引擎排名的正面影响。URL目录层级应尽量简短、避免包含过多参数、同时力求网址越简短越好,这有利于搜索引擎的抓取,也有利于提升用户体验。
5、页面集中度
6、页面必备要素
(1)动态更新区域:网站首页布局应包含动态更新区域,例如最新资讯区域,友情链接区域等;如此,蜘蛛才能在网站首页每天都有新鲜内容进行抓取;
(3)专题页面:网站专题页面属于独立页面,通过一个焦点、一个事件、一个主题来策划一个页面或一个活动的流程页面,该页面将包括网站相应模块和频道所涉及到的功能以及与该主题事件的内容展示。