网站界面 | Creative Studio Solutions 创意工作室 网店|网页设计|网络空间

 photo Untitled_zpsc1a3854d.png

界面就是网站给浏览者的第一印象,往往决定着网站的可看性,在确定网站的界面时要注意以下三点:

栏目编排

构建一个网站就好比写一篇论文,首先要列出提纲,才能主题明确、层次清晰。网站建设初学者,最容易犯的错误就是:确定题材后立刻开始制作,没有进行合理规划。从而导致网站结构不清晰,目录庞杂混乱,板块编排混乱等。结果不但浏览者看得糊里糊涂,制作者自己在扩充和维护网站也相当困难。所以,我们在动手制作网页前,一定要考虑好栏目和板块的编排问题。网站的题材确定后,就要将收集到的资料内容作一个合理的编排。如将最吸引人的内容放在最突出的位置或在版面分布上占优势地位。栏目的实质为一个网站的大纲索引,索引应该将网站的主体明确显示出来。在制定栏目的时候,要仔细考虑,合理安排。

在栏目编排注意

删除那些与主题无关的栏目

将网站内最有价值的内容列在栏目上。

从访问者角度来编排栏目以方便访问者的浏览和查询;辅助内容,如站点简介、版权信息、个人信息等大可不必放在主栏目里,免冲淡主题。另外,板块的编排设置也要合理安排与划分。板块比栏目的概念要大一些,每个板块都有自己的栏目。举个例子:ENET硅谷动力的站点新闻、产品、游戏、学院等板块,每个板块下面又各有自己的主栏目。一般来说,个人站点内容较少,只要分个栏目也就够了,不需要设置板块。如果有必要设置板块的,应该注意

要有相对独立性。

要有相互关联

内容要围绕站点主题。

目录结构

网站目录是指建立网站时创建的目录。如:在用Frontpage建立网站时都默认建立了根目录Images子目录。目录的结构是一个容易忽略的问题,大多站长都是未经规划,随意创建子目录。目录结构的好坏,对浏览者来说并没有什么太大的感觉,但对于站点本身的维护,内容扩充和移植有着重要的影响。所以建立目录结构时也要仔细安排,如:

不要将所有文件都存放在根目录下。有网站制作者为了方便,将所有文件都放在根目录下。这样就很容易造成文件管理混乱,搞不清哪些文件需要编辑和更新,哪些无用的文件可以删除,哪些是相关联的文件,影响工作效率、上传速度变慢,服务器一般都会为根目录建立一个文件索引,如果将所有文件都放在根目录下,那么即使只上传更新一个文件,服务器也需要将所有文件再检索一遍,建立新的索引文件,很明显,文件量越大,等待的时间也将越长。

按栏目内容建立子目录。子目录的建立,首先按主栏目建立。友情连接内容较多,需要经常更新可以建立独立的子目录。而一些相关性强,不需要经常更新的栏目,如:网站简介、站长情况等可以合并放在一个统一目录下。所有程序一般都存放在特定目录,如:CGI程序放在cgi-bin目录,所有提供下载的内容也最好放在一个目录下,便于维护管理。

在每个主目录下都建立独立的Images目录。一般来说,一个站点根目录下都有一个默认地Images目录。将所有图片都存放在这个目录里很是不方便,如在栏目删除时,图片的管理相当麻烦。所以为每个主栏目建立一个独立的Images目录是方便管理的。原因很简单,就是方便维护与管理。

其它需要注意的还有:目录层次不要太深,不要超过3;不要使用中文目录,使用中文目录可能对网址的正确显示造成困难;不要使用过长的目录,太长的目录名不便于记忆;尽量使用意义明确的目录,以便于记忆和管理。

链接结构

网站链接结构是指页面之间相互链接的拓扑结构。它建立在目录结构基础之上,但可以跨越目录。形象的说:每个页面都是一个固定点,链接则是在两个固定点之间的连线。一个点可以和一个点连接,也可以和多个点连接。更重要的是,这些点并不是分布在一个平面上,而是存在于一个立体的空间中。一般的建立网站链接结构有两种:

树状链接结构(一对一),这类似DOS目录结构,首页链接指向一级页面,一级页面链接指向二级页面。这样链接结构浏览时,一级级进入,一级级退出,条理比较清晰,访问者明确知道自己在什么位置,不会“不知身在何处”的感觉,但是浏览效率低,一个栏目的子页面到另一个栏目的子页面,必须回到首页再进行。

星状链接结构(一对多),类似网络服务器的链接,每个页面相互之间都建立有链接。这样浏览比较方便,随时可以到达自己喜欢的页面。但是由于链接太多,容易使浏览者迷路,搞不清自己在什么位置,看了多少内容。

因此,实际网站设计中,总是将这两种结构混合起来使用。网站希望浏览者既可方便快速地达到自己需要的页面,又可清晰地知道自己位置。所以,最好的办法是:首页和一级页面之间用星状链接结构,一级和二级页面之间用树状链接结构。关于链接结构的设计,实际网页制作是非常重要一环,采用什么样的链接结构直接影响到版面的布局

Top FB Message Us
Whatsapp Us