网站的应用越来越广泛,我们身边的各行各业的有与之相关的网站。网站设计也变成一个比较热门的行业。那么,网站开发过程中界面设计的要点有哪些?怎样的网站界面才能给浏览者一个好的印象,得到好的网站流量,从而推动公司和企业的销售额。下面为大家介绍一下网站开发过程中界面设计的一些要点,希望对大家有所帮助。
界面就是网站给浏览者的第一印象,往往决定着网站的可看性,在确定网站的界面时要注意以下三点:
①栏目与板块编排
构建一个网站就好比写一篇论文,首先要列出题纲,才能主题明确、层次清晰。网站建设初学者,最容易犯的错误就是:确定题材后立刻开始制作,没有进行合理规划。从而导致网站结构不清晰,目录庞杂混乱,板块编排混乱等。结果不但浏览者看得糊里糊涂,制作者自己在扩充和维护网站也相当困难。所以,我们在动手制作网页前,一定要考虑好栏目和板块的编排问题。
网站的题材确定后,就要将收集到的资料内容作一个合理的编排。比如,将一些最吸引人的内容放在最突出的位置或者在版面分布上占优势地位。栏目的实质是一个网站开发的大纲索引,索引应该将网站的主体明确显示出来。在制定栏目的时候,要仔细考虑,合理安排。在栏目编排时需要注意的是:
尽可能删除那些与主题无关的栏目;
尽可能将网站内最有价值的内容列在栏目上;
尽可能从访问者角度来编排栏目以方便访问者的浏览和查询;辅助内容,如站点简介、版权信息、个人信息等大可不必放在主栏目里,以免冲淡主题。
另外,板块的编排设置也要合理安排与划分。板块比栏目的概念要大一些,每个板块都有自己的栏目。每个板块下面又各有自己的主栏目。一般来说,个人站点内容较少,只要分个栏目也就够了,不需要设置板块。如果有必要设置板块的,应该注意:
各板块要有相对独立性;
各板块要有相互关联;
各板块的内容要围绕站点主题;
②目录结构与链接结构
网站的目录是指建立网站时创建的目录。例如:在用Frontpage建立网站时都默认建立了根目录和Images子目录。目录的结构是一个容易忽略的问题,大多数站长都是未经规划,随意创建子目录。目录结构的好坏,对浏览者来说并没有什么太大的感觉,但是对于站点本身的维护,以后内容的扩充和移植有着重要的影响。所以建立目录结构时也要仔细安排。
不要将所有文件都存放在根目录下。有网站制作者为了方便,将所有文件都放在根目录下。这样就很容易造成:文件管理混乱,搞不清哪些文件需要编辑和更新,哪些无用的文件可以删除,哪些是相关联的文件,影响工作效率;上传速度变慢,服务器一般都会为根目录建立一个文件索引,如果将所有文件都放在根目录下,那么即使只上传更新一个文件,服务器也需要将所有文件再检索一遍,建立新的索引文件,很明显,文件量越大,等待的时间也将越长。
按栏目内容建立子目录。子目录的建立,首先按主栏目建立。友情连接内容较多,需要经常更新的可以建立独立的子目录。而一些相关性强,不需要经常更新的栏目,例如:网站简介、站长情况等可以合并放在一个统一目录下。所有程序一般都存放在特定目录,例如:CGI程序放在cgi-bin目录,所有提供下载的内容也最好放在一个目录下,便于维护管理。
在每个主目录下都建立独立的Images目录。一般来说,一个站点根目录下都有一个默认地Images目录。将所有图片都存放在这个目录里很是不方便,比如在栏目删除时,图片的管理相当麻烦。所以为每个主栏目建立一个独立的Images目录是方便管理的。原因很简单,就是方便维护与管理。
其它需要注意的还有:目录的层次不要太深,不要超过3层;不要使用中文目录,使用中文目录可能对网址的正确显示造成困难;不要使用过长的目录,太长的目录名不便于记忆;尽量使用意义明确的目录,以便于记忆和管理。
网站的链接结构是指页面之间相互链接的拓扑结构。它建立在目录结构基础之上,但可以跨越目录。形象的说:每个页面都是一个固定点,链接则是在两个固定点之间的连线。一个点可以和一个点连接,也可以和多个点连接。更重要的是,这些点并不是分布在一个平面上,而是存在于一个立体的空间中。一般的,建立网站的链接结构有两种基本方式:
树状链接结构(一对一),这类似DOS的目录结构,首页链接指向一级页面,一级页面链接指向二级页面。这样的链接结构浏览时,一级级进入,一级级退出,条理比较清晰,访问者明确知道自己在什么位置,不会“不知身在何处”,但是浏览效率低,一个栏目下的子页面到另一个栏目下的子页面,必须回到首页再进行。
星状链接结构(一对多),类似网络服务器的链接,每个页面相互之间都建立有链接。这样浏览比较方便,随时可以到达自己喜欢的页面。但是由于链接太多,容易使浏览者迷路,搞不清自己在什么位置,看了多少内容。
因此,在实际的网站设计中,总是将这两种结构混合起来使用。网站希望浏览者既可以方便快速地达到自己需要的页面,又可以清晰地知道自己的位置。所以,最好的办法是:首页和一级页面之间用星状链接结构,一级和二级页面之间用树状链接结构。关于链接结构的设计,在实际的网页制作中是非常重要一环,采用什么样的链接结构直接影响到版面的布局。
③进行形象设计
网站的设计可以从以下几点出发:
设计网站标志(LOGO)。LOGO是指网站的标志,标志可以是中文、英文字母,也可以是符号、图案等。标志的设计创意应当来自网站的名称和内容。比如:网站内有代表性的人物、动物、植物,可以用它们作为设计的蓝本,加以卡通化或者艺术化;专业网站可以以本专业有代表的物品作为标志。最常用和最简单的方式是用自己网站的英文名称作标志,采用不同的字体、字母的变形、字母的组合可以很容易制作好自己的标志。
设计网站色彩。网站给人的第一印象来自视觉冲击,不同的色彩搭配产生不同的效果,并可能影响到访问者的情绪。“标准色彩”是指能体现网站型象和延伸内涵的色彩,要用于网站的标志,标题,主菜单和主色块。给人以整体统一的感觉。至于其它色彩也可以使用,但应当只是作为点缀和衬托,绝不能喧宾夺主。一般来说,一个网站的标准色彩不超过3种,太多则让人眼花缭乱。适合于网页标准色的颜色有:蓝色,黄/橙色,黑/灰/白色三大系列色。
设计网站字体。和标准色彩一样,标准字体是指用于标志,标题,主菜单的特有字体。一般网页默认的字体是宋体。为了体现站点的“与众不同”和特有风格,可以根据需要选择一些特别字体。制作者可以根据自己网站所表达的内涵,选择更贴切的字体。需要说明的是:使用非默认字体只能用图片的形式,因为很可能浏览者的计算机里没有安装特别字体,那么辛苦设计制作便可能付之东流了。
设计网站宣传语。也可以说是网站的精神、主题与中心,或者是网站的目标,用一句话或者一个词来高度概括。用富有气势的话或词语来概括网站,进行对外宣传,可以收到比较好的结果。
从上面详细的介绍大家可以看出,网站设计中的版面设计对于一个网站开发建设是至关重要的。创新、色彩、宣传都是与一个网站的建设分不开的,网站设计过程中的版面设计恰好体现了这些方面。
word2010怎么查看段落字数(word如何查看段落字数)
word2010怎么查看段落字数呢?很多用户在使用word时不清楚这个操作,小编这里就给大家带来有关word2010怎么查看段落字数的回答,希望能够帮助大家了解(0)人阅读时间:2023-03-09word2013怎么插入ppt(word里怎么插ppt)
word2013怎么插入ppt呢?很多用户对此还不是很清楚,小编这里就给大家带来有关word2013怎么插入ppt的回答,希望能够帮助大家解决这一个问题。(0)人阅读时间:2023-03-09word2013怎么打开宏(word2013如何启用宏)
word2013怎么打开宏呢?很多用户对此还不是很清楚,小编这里就给大家带来有关word2013怎么打开宏的回答,希望能够对大家有所帮助。(0)人阅读时间:2023-03-09word2010怎么删除菜单中MathTye加载项 word删除mathtype加载项
word2010怎么删除菜单中MathTye加载项呢?很多用户对此还不是很清楚,小编这里就给大家带来有关word2010怎么删除菜单中MathTye加载项的回答(0)人阅读时间:2023-03-09word2010怎么查看段落字数(word如何查看段落字数)
word2010怎么查看段落字数呢?很多用户在使用word时不清楚这个操作,小编这里就给大家带来有关word2010怎么查看段落字数的回答,希望能够帮助大家了解..2023-03-09word2013怎么插入ppt(word里怎么插ppt)
word2013怎么插入ppt呢?很多用户对此还不是很清楚,小编这里就给大家带来有关word2013怎么插入ppt的回答,希望能够帮助大家解决这一个问题。..2023-03-09word2013怎么打开宏(word2013如何启用宏)
word2013怎么打开宏呢?很多用户对此还不是很清楚,小编这里就给大家带来有关word2013怎么打开宏的回答,希望能够对大家有所帮助。..2023-03-09word2010怎么删除菜单中MathTye加载项 word删除mathtype加载项
word2010怎么删除菜单中MathTye加载项呢?很多用户对此还不是很清楚,小编这里就给大家带来有关word2010怎么删除菜单中MathTye加载项的回答..2023-03-09word2010怎么查看段落字数(word如何查看段落字数)
excel表格筛选怎么用 excel表格筛选怎么用不了
excel表格如何把滚动选项关闭(excel表格如何把滚动选项关闭)
EXCEL怎么取单元格里面的的值的中间某些字符
在Excel中如何将一组数据绘制成图标? 如何将一组数据用excel做成图表
excel2016如何使用IF函数(excel2016 if函数怎么用)
Excel表格怎么自动排序?(excel表格怎么自动排序数字)
Excel表格数据比对和查找的技巧(excel表格数据比对和查找的技巧是)
Excel如何自动填充数字(excel如何自动填充数字排序)
Excel 如何制作任选项目的查询系统