【导语】以下是小编整理了我国妇幼保健院网站设计中的导航设计研究论文(共13篇),希望你喜欢,也可以帮助到您,欢迎分享!

篇1:我国妇幼保健院网站设计中的导航设计研究论文
我国妇幼保健院网站设计中的导航设计研究论文
摘要:对国内6所妇幼保健院的网站导航设计情况进行了在线调查,并对调查结果进行了分析。在此基础上对医院网站导航建设提出了相关建议。
关键词:网站导航;导航设计;导航技术
中图分类号:TP319文献标识码:A文章编号文章编号:16727800008009502
0引言
随着网络技术的发展,越来越多的人都通过网络获取信息和资源。医院网站是医院宣传与展示的窗口,是医院与外界相互了解的信息桥梁,它的建设是否科学对医院的信息建设起着重要作用。妇幼保健机构是卫生事业的重要组成部分,是以妇女、儿童、孕产妇为主要服务对象的专科医疗保健机构,具有独特的性质和职能。网站导航是用户浏览网站的“引路人”,如果导航设计得科学,可以有效避免用户迷航,提高用户对网站资源的利用效率。
1调查对象、内容与方法
1.1调查对象
选择有代表性的国内6所省级妇幼保健院,分别是北京妇幼保健院、广东省妇幼保健院、湖北省妇幼保健院、黑龙江省妇幼保健院、四川省妇幼保健院、广西壮族自治区妇幼保健院。这6所三甲妇幼保健院的网站比较成熟,基本可以代表我国妇幼保健院的网站建设水平。
1.2调查内容与方法
导航结构、辅助性导航如网站地图、搜索引擎是目前医院网站中比较典型的网站导航设计相关项目[13]。因此,本文选取网站的导航结构、辅助性导航作为本文的研究内容,并且在线浏览查阅这些妇幼保健院的站,按事先拟好的调查内容分别记录每个妇幼保健院网站导航设计的具体情况。
2妇幼保健院网站导航现状调查分析
2.1导航结构不清晰
一个优秀的网站导航结构能够有效地帮助用户解决4个问题:①我在哪里;②我可以到达哪些地方;③我怎样才能到达目标地;④我到达目标地后怎样才能回到我的出发点[4]。但是,仍然有很多网站未能较好解决这些问题。笔者浏览以上6所妇幼保健院的网站发现,这些网站的.导航结构普遍存在如下问题:网站缺乏当前位置,用户不知道下一步怎样走,不知道怎样回到出发点,不知道所处的位置在哪(如广西妇幼保健院);顶部导航过多,缺乏下拉菜单导航即二级导航,用户很难较快地找到自己想要的信息(如湖北省妇幼保健院);二级导航位置不明显或不适合用户的阅读习惯,使得用户容易忽略二级导航的存在,致使用户达不到想去的目标地(如广西妇幼保健院、北京妇幼保健院)。
2.2缺乏辅助性导航
常见的辅助性导航有网站地图和搜索引擎:网站地图是一个网站所有链接的容器,以一个单独的页面显示整个网站内容分布情况,以便用户快速了解整个网站的结构、框架、内容分布,帮助迷失的用户找到他们想看的页面;搜索引擎是指根据一定的策略、运用特定的计算机程序检索网上信息工具,将纵横交错的网页链接起来,允许用户使用他们熟悉的术语检索自己需要查找的内容。在网站建设中,如果能很好地将网站地图和搜索引擎结合使用,便能让用户快速准确地找到目标信息。以上6个网站中,有4个网站没有网站地图,有3个没有搜索引擎,既有网站地图又有搜索引擎的网站只有一所医院,即北京妇幼保健院。这6所医院的网站,除了黑龙江省妇幼保健院的网站信息和内容较为简单外,其余5所医院的网站内容和信息都比较复杂,若没有相应的辅助性导航工具,用户容易迷航。以上数据表明,大多数医院都不够重视辅助性导航的作用,没有深入了解用户的需求。
2.3导航链接文字意义不明确
文字是人类书写语言的符号和交流信息的重要工具,在网站建设中,导航文字是用户获取信息的主要要素,如果链接的文字意思不够明确或过于笼统,就会导致用户不知道该链接到底指向一个什么内容的页面,不知道怎么找到所需的信息。
3对医院网站导航设计的建议
导航是连接用户与内容的桥梁,导航设计的优劣及其是否易于使用都会直接影响用户对网络内容的获取。可以根据用户认知心理相应地对导航结构、网站地图、网站搜索等不同类型的导航进行设计,有针对性地满足不同用户的需求,快速引导他们找到所需的信息。
3.1导航结构设计
网站的导航结构设计需注意4点:①要保证整个网站中每个网页的位置、内容、视觉风格统一;②顶部导航要包括到达网站中不属于内容层次的重要元素的链接,并且每个子网都应包含返回首页的链接以及当前位置;③二级导航的位置最好保持固定不变,因为固定的位置能为用户指引方向,以免迷航;④避免过深的层级关系,如果二级导航比较多,可以考虑设置下拉菜单[5]。根据用户自上而下、从左到右的认知过程,可以如图1设置整个网站结构。其中下拉菜单是隐蔽的,即当鼠标经过顶部导航时,下拉菜单导航显示出来,当鼠标离开顶部导航时,下拉菜单导航隐蔽起来。搜索框和网站地图放在顶部,易引起用户的注意,用户可以方便快速地确定所需的信息。在文章的右上方提供当前位置,可以方便学习者知道自己所处的位置,以免迷航。
图1网站结构设置
3.2搜索引擎设计
用户如果对整个网站结构没有清晰认识,当其进入网站时,一般会寻找搜索框输入关键词进行搜索,如果关键词与网站内容相匹配,网站就会将检索结果陈列出来。用户的检索过程看似简单,实际上并不简单,图2显示了用户的检索过程。
从图2可知,整个检索过程中搜索这一步骤非常重要,可以说,用户能否准确地获取所需的信息,搜索引擎起到关键性作用。实际搜索引擎的原理,可以看作3步:从互联网上抓取网页→建立索引数据库→在索引数据库中搜索排序。从互联网上抓取网页:利用能够从互联网上自动收集网页的Spider系统程序,自动访问互联网,并沿着任何网页中的所有URL链接到其它网页,重复该过程,并把链接过的所有网页收集回来。建立索引数据库:由分析索引系统程序对收集回来的网页进行分析,提取相关网页信息(包括网页所在URL、编码类型、页面内容包含的关键词、关键词位置、生成时间、大小、与其它网页的链接关系等),根据一定的相关度算法进行大量复杂计算,得到每一个网页针对页面内容以及超链中每一个关键词的相关度(或重要性),然后用这些相关信息建立网页索引数据库。在索引数据库中搜索排序:当用户输入关键词搜索后,由搜索系统程序从网页索引数据库中找到符合该关键词的所有相关网页,因为所有相关网页针对该关键词的相关度早已算好,所以只需按照现成的相关度数值排序,相关度越高,排名越靠前,最后由页面生成系统将搜索结果的链接地址和页面内容等内容组织起来返回给用户。
3.3网站地图设计
网站地图是为浏览者提供导航协助的重要方式之一,一般是以一个单独的页面显示整个网站导航的分布情况。在选择使用网站地图时,必须考虑网站主页设计风格和网站页面总数。如果网站主页在设计过程中已具备显示整个网站资源的功能,则可以选择不使用网站地图。如果网站地图包含太多链接,则人们浏览的时候容易迷失。因此,如果网站页面总数超过了100个,就需要挑选出最重要的页面。建议挑选下面这些页面放到网站地图中:①院、科室设置页面;②管理机构页面;③帮助页面;④位于转化路径上的所有关键页面;⑤访问量最大的前10个页面;⑥如果有站内搜索引擎,则挑选出从该搜索引擎出发点击次数最高的那些页面。
4结语
用户访问网站的根本目的是获取信息,导航的作用就是引导用户浏览和查找信息,导航的效率越高,用户就越可能对网站保持兴趣。网站导航是网站信息结构的体现,它们应该在网页加载时立刻被显示出来,这样用户就可以快速扫描导航选项,了解网站信息建构。在导航设计中要避免舍本逐末,为了单独追求视觉效果而采取动态导航,这样不仅导致导航加载速度缓慢,同时也影响了部分计算机应用能力较差的用户的操作。网站导航是技术与思想的结合体,既要利用先进的计算机技术,又要通过网站整理信息资源,并服务于用户。从技术角度看,网站导航是为了防止用户在网络空间“迷航”,防止迷航的方法包括导游线路、网站地图、搜索/查询、人工智能等,这些技术适合
不同类型和规模的网络信息。从上述的调查分析来看,在网站地图和搜索引擎方面,导航技术还有待发展。妇幼保健院网站应密切关注相关新技术的发展,综合应用各种技术方法进行网站导航建设。本文对导航设计提出几点策略,只是从理论上给予建议,而未能从技术上提出具体操作。导航系统在妇幼医院网站建设中扮演着重要角色,其设计和开发具有一定的特点和规范,但是没有固定、绝对的范式。随着妇幼医院网站开发相关理念、技术的深入发展,导航系统的设计必将朝着标准化和智能化方向发展。
参考文献参考文献:
[1]YOUWEIWANG,WENIHUIDAI,YUFEIYUAN.Websitebrowsingaid:anavigationgraphbasedrecommendationsystem[J].DccisionSupportSystems,45:387400.
[2]SALIMAILINDI,ADBELMAJIDBOUAZZA.AnevaluationstudyofthenavigationandsearchsystemsontwoacademicwebsitesandGoogle[J].TheInternationalInformation&LibraryReview,,42:5061.
[3]王海娟.浅谈图书馆网站导航[J].情报科学,,21(7):782.
[4]曹晓东.网站导航代价量化与测试算法研究[D].大连:大连理工大学,.
[5]程萍,蒋晓.基于用户认知的购物网站导航系统交互设计准则[J].包装工程,,33(14):7275.
篇2:网站导航设计浅析交互设计
一说到导航每个人都不陌生,如amazon的Tab式导航、网站地图、软件中的菜单导航、索引表等等,导航设计看上去非常的简单:无非是页面上放置一些链接,通过这些链接用户可浏览和使用整个网站。事实并非如此,导航设计是非常复杂和严谨的。 下面我们以网站导航为例粗浅的分析一下导航设计的复杂性:
任务:设计一个网站导航
目标:1、提供给用户方便的网页间跳转的方法
2、能够表达出页面之间、页面与内容之间的关系
分析:人本能的具有空间感。想象一下你现在坐在家中的沙发上看电视,突然有访客,你起身会向哪个方向走去?高中时的挚友是坐在你的前面还是后面?——不用问大家都能会快的回答出来。
同样我们在设计网站导航的时候一定要清晰地告诉访问者“他们在那哪儿”和“他们能去哪儿”
用户需要知道他们在网站信息空间当前所处的位置,我们也希望能帮助用户建立网站空间感,通过我们设计的导航系统。(之所以称为导航系统,是因为仅仅靠某一种导航模式是无法完成目标的)
设计方案:提供一个完整的导航系统,其中包括全局导航、局部导航、辅助导航、上下文导航、远程导航
全局导航:
从网站的最终页面到达其他页面的一组关键点,无论你想去哪里,都可以在全局导航中最终到达,
局部导航:
提供一个页面的父、兄、子级别的通路,是用户在网站信息空间中到附近地点的通路。局部导航的设计好坏会直接影响到整个导航系统的质量。
辅助导航:
提供了全局导航和局部导航不能快速到达的相关内容的快捷途径。用户转移浏览方向,而不需要从头开始。
上下文导航:
用户在阅读文本的时候,恰恰是他们需要上下文辅助信息的时候。准确的理解用户的需求,在他们阅读的时候提供一些链接(例如:文字链接),要比用户使用搜索和全局导航更高效。上下文导航的示意图与辅助导航类似,这里就不再画了。
友好导航:
一些用户通常不会使用的链接,确实需要时又能快速有效的帮助用户。例如:联系信息、反馈表单和法律声明等。
远程导航:
独立方式存在的导航。如,网站地图:简明的、单页网站整体结构展示。在用户被你的其他导航搞得晕头转向时,很多时候他会选择网站地图。
通过上面这些导航的设计,可以看出一个完整的导航系统设计是非常复杂的和严谨的。
本文来自:导航设计浅析
篇3:移动网站的导航设计
导航是互联网网站最重要的组成部分之一,它涉及到产品的信息架构、页面布局和用户交互行为等诸多方面,一个网站用户体验的优劣往往和导航的优劣有密切的联系。
随着移动互联网的发展,越来越多的网站以移动网站的形式移植到手机上。在网站移植过程中,导航的重新设计有什么变化和设计要点呢,本文尝试做出一些研究。
导航的目的
在研究导航之前,我们不妨从导航的使用目的谈起。如果把网站比成一座大厦,那导航可认作是大厦内的指引系统。导航的使用目的归纳起来主要有以下几个方面:
1. 引导用户在网站页面间移动和浏览,提供获取信息的路径。全局导航、局部导航等都是为了用户浏览相关的页面提供引导,方便用户找到所求。
2. 理清网站各部分内容之间的关系,使用户了解网站全景。最常见于全局导航和站点信息导航,它们展现了整个网站的目录信息,用户可快速理解网站结构,对网站有整体的把握。
3. 定位用户在网站中所处的位置。这个功能常见于面包屑和相关导航中,它帮助用户识别当前浏览的页面与网站整体内容间关系,使用户了解当前页面和网站其它内容的联系和区别。
导航变化的原因
从PC端到移动端导航变化的原因归根结底是由物(设备的软、硬件差异)、景(使用情景和操作方式)、事(用户需求和使用目的)差异。这些因素相互交织,对移动终端的导航设计有显著的影响。
本文尝试从类型、内容、样式等方面结合实例来说明PC端到移动端网站导航设计的变化:
一、常用导航类型变化
网页导航的划分有不同的维度。网页导航按照作用范围的不同可以分为三大类:结构性导航、关联性导航和公用程序导航。根据《web 导航设计》,三者的关系可描述如下:
根据外在形式的不同,网页导航通常又可以分为顶部横向导航、侧边栏导航、Tab标签导航、面包屑导航、页内锚点导航等多种形式。
由于移动终端特性,移动网站可以采用的导航种类较PC端要少很多,主要有纵向导航、分类链接导航、Tab标签导航、相关导航等。
下面就常用的移动网页的导航形式进行一些介绍:
纵向导航
由于移动设备更适合纵向的浏览方式,PC站点的顶部横向导航和侧边栏导航在移动端通常转变为纵向导航。例如下图dell 和hp的移动版网站设计中,均采用这种转换方式,较好地完成了导航的迁移。
分类链接导航
常见的是在首页设置分类链接导航,将网站的主要模块入口放置在主页顶部。如果分类太多可以加入“更多”入口,在更多页面将所有分类全部展现。 图标导航是文字链接导航的衍生,它更适合在触屏手机上,方便用户用手指进行操作。
Tab标签导航
支持HTML5特性的高端机型通常可以实现页面的局部刷新。通过Tab的应用,导航可以在有限的页面空间显示更多的内容。例如 Myspace顶部的导航设计:三个主导航下面各有3-4个二级导航,展现了网站的主要功能。
相关导航
相关导航一般出现在正文页,推荐与当前页面相关内容,向用户提供类似内容,提升用户粘性。例如百度知道和BBC新闻均在阅读正文页提供了与当前内容相关的推荐。
页内锚点导航
页内锚点导航是移动终端特有的导航方式之一,它可以使用户快速到达页面顶部、底部和相关板块,
例如BBC在底部有返回顶部的快速链接TOP,而谷歌新闻则提供了不同板块之间快速跳转的锚点导航。
面包屑导航处理策略
面包屑作为一种有效的导航处理策略在移动端使用频率也比较多,但由于移动端屏幕横向宽度有限,通常的处理策略是:保留关键的路径,例如首页、主栏目、关键版块等;如果当前页面标题过长,可以在面包屑上以“本文”或者“正文”表示。尽量控制面包屑在一行之内显示。
二、导航内容的组织、缩减和隐藏
组织与缩减
导航再设计过程中,必然有导航信息的缩减和重新组织。筛选的标准往往有:
1)用户需求的强度,可以用pv,uv等数据进行判断。
2)与移动使用场景的契合度。例如拍照、语音等功能的入口。
3)用户操作便利程度。
其中第三点往往容易被忽视,亚马逊的移动版在PC版的基础上对导航的内容进行了合并和删减,控制了信息量,使之更适合用户在在移动终端浏览。例如将电器&电脑这一条目在移动端拆分为两个条目(电器、电脑办公),并使子项目的数目由17条缩减到7条。一定程度上也符合了移动端神奇数字7的原则。
导航内容的隐藏
在导航内容重要性不分伯仲的情况下,常见的处理方式是将相对重要的内容展现出来,而将其它内容放入“更多”,用户可以点击“更多”在当前页面展开或跳转至更多页面。
三、导航样式的变化
利用系统特性变形
常用的变形方式有:
1) 调用系统控件
通过结合移动终端的控件特性,可以在较小的尺寸范围内完成导航的再设计。如上图cnet移动网站中,导航内搜索框用搜索按钮代替,二级项目改用下拉选择器,充分利用了移动端控件特性。
2)利用系统交互特性
Sevnthsin的首页导航设计巧妙地应用了触屏手机可拖动元素的特性。用户拖拽相应的图标到中心圆点位置即可完成导航,进入该网站。
动态效果的变化
Web动态导航菜单也叫浮出菜单(fly-out menu)或弹出菜单(pop-up menu),通常是鼠标悬停或者点击导航选项时出现。在PC上动态菜单一般为横向或者纵向展开。
在移动端:
1) 低端机,不支持折叠展开效果,原网页动态菜单通常处理为列表形式。通过按键控制光标逐步移动选择每个子项目。
2) 高端机,处理成手风琴折叠(Accordion)或者层级目录形式,通过点击展开二级项目。
手风琴折叠的优点:不用跳转页面;缺点:次级展示内容有限;
层级目录形式的优点:可以展示较多内容;缺点:需要进入下一级页面。
下图中亚马逊的导航采用了当前折叠展开的方式而ESPN的则采用了层级导航方式。
四 、总结
在PC端向移动端转移过程中,页面产品的导航设计要对原导航进行删减、隐藏、组织,特别要把握用户本质需求,结合产品使用场景、用户需求、软硬件特性等进行导航的再设计。
参考文献:《Web导航设计》 James Kalbach / 李曦琳 / 电子工业出版社
篇4:关于网站导航设计的探讨网页设计
许多网站缺乏针对性和友好的导航设计,难以找到连接到相关网页的路径,也没有提供有助于让访客/用户找到所需信息的帮助,用户体验非常糟糕,这篇文章,我们尝试就网站导航交互做一些探讨。
首先对于WEB交互设计师来说,解决上面遇到的问题,使之简单的方法是设计一套完善的网页导航系统。
优化网站导航设计的目的
一个网站导航设计对提供丰富友好的用户体验有至关重要的地位,简单直观的导航不仅能提高网站易用性,而且在方便用户找到所要的信息后,可有助提高用户转化率。
如果把主页比作网站门面,那么导航就是通道,这些通道走向网站的每个角落,导航的设计是否合理对于一个网站是具有非常大意义的。
1) 决定用户在网站中穿梭浏览的体验,这一点是最基本的。
2) 网站导航设计合理,可以将网站的内容和服务最大面积的展现在用户面前。
3) 合理的导航设计可以增加用户黏性,提高网站的浏览深度,从而提高网站PV值。
4) 促进用户消费,提高网站盈利。引导用户消费,将用户真正需要的产品和服务展示在他面前,甚至用户想不到的服务你也呈现。
5) 提高网站广告价值,增加网站广告收益。
……
网站导航的常见结构
雅虎的网页设计一直是国内众门户模仿的对象,我们首先来看看Yahoo网站现有的几种导航样式:
1) Yahoo首页 (最常用的栏目导航)
Yahoo首页左侧的导航列出了网站最常用(或访问最频繁,或网站运营最想让用户知道)的几个栏目。这种导航(也包括网页顶部横向结构)是目前互联网中使用最广泛的导航方式。
2) More Yahoo!Services (更多的导航信息的展现)
Yahoo作为一个全球大型综合门户网站,所提供的服务肯定不止首页左侧导航显示的那几个,那么更多的服务如何导航?同时又如何展现给用户呢?于是Yahoo的设计师们给我我们一种解决方案,如上图,点击从网页左侧展开一浮出层样式的服务导航页面。可以发现,这种导航也是多维度的(下面我们会专门探讨)
3) Tab式位置导航变体
我们还可以在Yahoo!TV 等栏目上发现这样有趣的导航结构,我们暂且认为他是Tab 式结构加上一个下拉菜单的一种导航组合。
nTV Home – Shows – American Idol – Overview 组成了一个单维度的导航
nTV Home同时提供了下拉菜单方便用户快速的转到其二级栏目下。
(这里我遇到一个困惑,在这里我不知道怎么TV Home上一级的目录是什么,也不知道如何返回。)
4) Amazon首页
Amazon可以说是在网络产品导航上的鼻祖了,让我们再来看看Amazon的导航样式又有什么特色。
看看它和谁最像?
5) Amazon购物列表页面
由Amazon购物列表页引申的讨论:
单一维度 和 多维度的导航结构
我们通常认为面包屑导航为单一维度的导航结构,如上图红色实线框所示,即它是一种线性的导航方式,
不过在网页的应用中,“面包屑”导航的应用有两种:
a)“追溯来路”即跟踪用户行为,记录的用户在网站的活动足迹的一种“线性导航”,
b)用来表达内容归属关系的界面元素,也就是我们经常看到的“主分类>一级分类>二级分类>三级分类>……>最终内容页面”这样的层级归属关系.
而改网页左侧的导航却提供多种维度的导航,且这多种维度可以组合成不同层级的面包屑结构
如,我想买一台LCD平板电视,进到了:
Electronics › Audio & Video › TVs & HDTVs › Flat-Panel TVs › Flat-Panel LCD TVs
在这个页面上,左侧导航给我提供了品牌、供货商、价格、显示屏尺寸……等多种选择。
我可以先选品牌再选尺寸,如:
也可以先先尺寸再选品牌,如:
因此这种方式为用户提供了多种维度的导航,运行用户如在电器超市随意逛逛挑选商品,而不必考虑该先问导购员有什么品牌还是问有什么尺寸好。这一点符合用户的心理模型,值得设计中借鉴。
网站导航设计需要注意的问题及基本原则
我们就网站组日常需求中,有关导航的交互设计工作进行了交流,总结出在网站导航设计中需要注意的几点问题及基本的原则。
1.导航条的位置。主导航条的位置应该在接近顶部或网页左侧的位置,如果因为内容过多需要子导航时,要让用户容易地分辨出哪个是主导航条,哪个是某主题的子导航条。
2.导航使用的简单性。。导航的使用必须得尽可能的简单,避免使用下拉或弹出式菜单导航,如果没办法一定得用,那么菜单的层次不要超过两层。
3.面包屑导航。应该让用户知道现在所看的网页是什么和与现在所看网页的相关网页是什么,例如通过辅助导航“首页 > 新闻频道 >新闻全名”里的对所在网页位置的文字说明,同时配合导航的颜色高亮,可以达到视觉直观指示的效果。
4.导航内容明显的区别。导航的目录或主题种类必须得清晰,不要让用户困惑,而且如果有需要突出主要网页的区域,则应该与一般网页在视觉上有所区别。
5.导航和排序的区别。导航和排序容易混淆,需要留意(看图指出问题)
这里的tab是导航还是排序?
Google Reader上的处理
6.准确的导航文字描述。用户在点击导航链接前对他们所找的东西有一个大概的了解,链接上的文字必须能准确描述链接所到达的网页内容。
本文出自:webteam.tencent.com/?p=156
篇5:网站导航设计的用户体验研究分析
文章描述:直达电梯-导航.
超大信息类站点的导航条就像中药铺的抽屉,一字排开气势恢宏,分别拉开,别有洞天,
国人喜好:多!大!全!最好全部铺开才有气势。从不争气的‘S浪’网多年没怎么变的首页导航模式可见一般。至此,对比浏览了同类大型新闻信息类站点,发现中/洋;东/西,界面感受果然不同。
今天只说导航,只对比了新闻类站点:
(娱乐类,设计类,个人站点导航形式多样,逻辑复杂,暂来不及铺开)
Yahoo News / BBC News / CNN / abc News / China Daily / CCTV News / The Japan Times / The Korea Times / 腾讯新闻 / 新浪
首先关注首页横向主导航:
(常规纵向导航通常配合横向主导航试用,且在商务型,大型信息类站点主页中单独使用频率不高,通常在次级页面出现,且一定是信息内容量大,分类繁琐的站点。)
可见基本导航条模式如下:
1.对于信息统一,归纳性强的站点,通常会使用简单模式:
2. 对于有丰富次级信息的,通常会使用以下两种模式:
a. 鼠标hover下拉
b. tab展开
a 型导航方便快捷预览, b 型导航直接展开次级信息,也有站点把a/b模式合并。
3. 特别案例,盖浇饭类型的,把所有信息都铺出来,比如s浪:
(与其说导航,不如说是归纳过的标签)
导航操作性:
一个完美的导航,最基本最重要的是随时随地,快速引导用户去相关页面,而且能及时返回,方便跳转到其他页面。
有意思的是,去容易,反而找到来时路就千差万别了。
比如:用户很可能是从首页任何一个兴趣点,误入了详情页面,去的容易,1步到~!但从详情页面返回到其他模块或想去其他分支类别页面,就要仰赖导航了。
为了提供必要引导,当用户进入到足够深的详细页面,各种索引,面包屑都配合导航条应运而生。
做一个反向测试,看哪种导航配套设置更便捷。
测试内容:从A类详情页【1】去B类详情页【2】:
测试站点:
KoreaTimes
www.koreatimes.co.kr/www/news/nation//10/115_97248.html
BBC News
www.bbc.co.uk/news/uk-england-leeds-15438299
Yahoo News
news.yahoo.com
ChinaDaily
www.chinadaily.com.cn/china/2011-10/25/content_13968775.htm
导航配套类型:
KoreaTimes
主导航 + 面包屑 + 左侧纵向索引导航
BBC News
主导航 (展开tab)
Yahoo News和ChinaDaily
主导航 (展开tab + 鼠标悬停下拉列表)
操作:
Korea Times:
第一种方式:从主导航返回DD进入其他模块BDD分支次级页面DD详情页
第二种方式:从左侧便捷索引直接抵达其他模块BDD分支次级页面DD详情页
(面包屑对应同一目录下的内容切换更便捷,但和左侧索引导航一起,功能性不突出,
)
BBC News:
从主导航Tab选择其他模块BDD抵达其他模块分支次级页面DD详情页
Yahoo News和China Daily
Mouse on主导航第一层其他模块BDD展开下拉点击进入其他模块分支次级页面DD详情页
测试体会:
使用便捷性Yahoo News和China Daily最方便,Korea Times第二种基于左侧纵向导航辅助的操作是最快的。Korea Times功能方式多,且样式不统一,分类太细节化,反而在使用时觉得有点手足无措,操作时会停顿犹疑。BBC News没有整合hover下拉查看其他模块选项的效果,不如Yahoo News和China Daily灵活,但是感官上BBC News更利落。
所以说,如果用一个控件可以解决得很漂亮的问题,为什么要到处铺开各设据点?!功能模块集中,操作行为更灵便,使用感觉更舒畅,减少操作中的反复思考,停顿点更有前途。
其实一个舒服的导航,除了归纳清晰,操作便捷,乍一看第一印象也很重要~
不要一口气把全部底细都摊在人家面前是好习惯。有的导航虽然强大,但是内容一多,功能一高级,看着就烦了。这种时候,需要
解套选择恐惧症:
以BBC为例,它的主页导航正如首页头条展示的信息,简单直接,只有大模块:
当点击到感兴趣的模块后,例如进入单独News页面:
导航展开,信息量非常更大,且所在页面导航次级信息也一并罗列。
感受:如果直接进入信息页面,可能无从下手,正是第一步的简单模块引导,剥离了选择困难。
再来看China Daily,虽然不是个特别贴合的例子,但是可以说明一些问题。初始进入所看到的导航其实是最简单的【一】字导航,最多加了个mouse on下拉功能,但依然是大模块让选择有了个范围:
当点击任何一个模块或者使用下拉到达次级页面,导航终于铺开了:
这是个快速索引,同时合并其hover功效,导航就强大了:
最后废话又要说回来了,站点导航到底用那种方式?还是弄个变形金刚什么都包括了,要看站点的信息分类,同时也要从分类开始就要考虑到整个站点铺开有多少点?导航才能牵得了线,小头套不了大帽子,反之亦然。
篇6:单页面网站导航设计的策略论文
0 引言
随着网络信息的飞速发展,网络传媒已被越来越多的企业看好,而网站是传媒很好的一种方式,所以网页制作已经被带入前所未有的新时期。而且近几年,随着网络技术的不断提升,计算机硬件以及软件的不断强大,人们的视觉审美欣赏水平不断提升,对网页是设计要求也不仅仅限于可操作性和实用性了,更多的是追求视觉美感,完美的体验式操作,与产品产生良好的互动。可操作性与实用性已经转变为最基本的属性了。而网站中导航是一个必不可少的元素,导航设计的形式直接关系到网站的应用,它是网站访问者获取所需内容的快速通道和途径。导航让网站的层次结构以一种有条理的方式清晰展示,并引导用户毫不费力地找到并所需的信息,达到有效地传递。本文是针对时下网站最流行的页面形式——单页面中的导航进行研究的,一个界面的导航设计对用户体验至关重要,简单直观的导航不仅能提高网站易用性,而且在方便用户找到所要的信息后,可有助提高用户体验。
1 单页面导航设计特征
(1)信息浅层结构传达的直接性,有利于用户体验。单页面,导航的层级不多,除了基本的几个栏目之外,其他的尽量的简化。尽可能地安排关键词作为导航栏目。对于网页页面层级越是扁平结构的网站导航越是有效。导航的内容尽可能提取主要信息,简化导航层级,这样信息传达路径缩短,直接,有利用户很快找到相关的内容。
(2)单页面导航的视觉表现形式。单页面导航的基本形式是以文字加装饰的形式设计的,导航信息在点击按钮的上部,保持静止效果,当鼠标悬停在其中一个导航装饰上时,装饰按钮就发生变化,为保证页面的统一效果,导航视觉风格应与界面风格相应。有的文字信息直接形成导航的导航设计十分简洁,除了用于分割导航标题的直线外,没有多余的装饰,导航的简洁明快,使网站看起来也颇为轻快,自然。
(3)视觉流动性强,增强操作真实体验与趣味性。随着体验经济时代的到来,人们对产品界面的期待值也越来越高,用户在使用产品功能的同时,也追求完美的体验式操作,与产品产生良好的互动。网页的视觉流动性也从单一流动性,转换到视差滚动效果(让多层背景以不同速度移动,形成立体的运动效果,带来非常出色的视觉体验),使网站设计样式缤纷多彩。
(4)视觉设计更具挑战性。单页面网站设计是有挑战性的,这种网站直接考验设计师的个人能力,将所有需要表达的信息集中在一个网页中,除了如何排版布局外,也能以更夸张的形式展示网站的中心思想。同时在另一层面,单页面的网站的极简主义和充满创意性的设计也能极大提高了用户的兴趣和关注。动感十足的导航、细致入微的交互、恰如其分的音效反馈、优雅流畅的场景过渡、精致视觉质感的打造,都为其增色了不少。
篇7:单页面网站导航设计的策略论文
(1)页面导航的视觉化传达方式。单页面的.导航,在视觉风格和视觉形式上与之前网站导航设计形式,有了很多创新。视觉风格上,导航的设计更多结合了网站的属性风格,有的导航也作为其中的装饰元素而存在。与整个页面产生视觉互动。在视觉形式上,单页面网站形成了独特的布局特征:1)水平式延长。水平式延长是指横向画布,交互时,页面左右滑动,页面在运动中可以看到相关的其他界面元素,可营造一种亲切感的氛围,不会产生更多的陌生感,从而最大限度地减少了干扰,帮助人们沉浸在整个网站的信息内容中。与内容交互,提升了用户掌握的控制权,且让他们感到自信。在页面视觉设计上,每个页面都要有相互关联性,想成一个整体的画面,从设计的风格,到设计形式,都保持要一致性。使用平衡、层次结构来培养信任和完整性感觉。水平式延长页面主导航大部分是横向的。2)垂直式延长。垂直式延长是指纵向画布。交互时,页面上下滑动。垂直式延长页面主导航有的是横向的,有的是纵向的。
(2)页面操控性与自然流畅性体验。单页面网站,最核心的就是操控性与流动性体验。点击菜单选项可以看到屏幕如何从下至上以及从上至下地切换。点击任一界面的主导航时,导航都会有轻微的跳动。这些简单的转场效果直接传达给用户他们在操作系统里处于何种位置。让人们直接与内容进行交互,利用与其相符的精力对操作进行响应。通过使用有意义的运动使得体验更加丰富,形成持续的视觉流动的感觉。流动性怎么能增强界面的视觉效果呢?动画在交互易用性方面体现了其优势,一个动画样式的小转场,增强了页面的视觉美感,连接了用户体验与界面之间的关系。交互动画会给用户带来一种舒适、自然和流畅的感觉。交互动画逐渐成了视觉界面与用户之间的沟通方式,成为界面导航应用的肢体语言。它可以清晰表现出导航之间的切换过程。当用户进入一个不同的交互模式时,比如两个应用程序之间的切换,动画可以提供一个指引,告诉用户已进入另一个场景。在界面视觉设计过程中,合理运用交互动画,让界面与用户更好的互动,能让其变的更具情感。
3 单页面用户体验
(1)信息结构方面,浅层的结构传达直接性,有利于用户体验。单一页面信息量较少。结构比较清晰,明确。其导航采用的是扁平结构,简化了的导航层级,导航的内容提取的也是主要信息,这样信息传达路径缩短,直接,有利用户很快找到相关的内容,方便体验。合理的链接结构是提升网站权重的一个很好的方面,也能给用户最好的体验。
(2)视觉流动性强,增强了用户操作的真实体验与趣味性。点击任一界面的主导航时,页面在运动中可以看到相关的其他界面元素,可营造一种亲切感的氛围,不会让用户产生更多的陌生感,从而最大限度地减少了干扰,帮助人们沉浸在整个网站的信息内容中。当用户进入一个不同的交互模式时,比如两个应用程序之间的切换,动画可以提供一个指引,告诉用户已进入另一个场景。精心设计的有针对性的动画可以使网页变得更丰富,并且使体验感觉精良和完美。帮助用户理解上下文环境变动,将体验与视觉转换紧密相连。
单页面网站,最核心的就是操控性与流动性体验,交互操作产生的视觉动画,是界面产生自然的流动性。交互动画会给用户带来一种舒适、自然和流畅的感觉。单页面网站正成为网站设计的一种趋势。它正以独有的视觉形式和表现形式进入人们日常生活中。
参考文献:
[1] 辛希孟.交互设计之路:A集[C].北京:中国社会科学出版社,.
[2] 冯西桥.情感化设计[R].北京:清华大学设计研究院,.
[3] 何龄修.读顾城《操作界面设计模式》[J].(3):167-173.
篇8:网站导航设计的6大分类
导航是网页设计的重点,我们在设计一个网站的时候,常常从导航入手,不夸张的说,导航的设计甚至决定了整个网站的风格,这就需要我们平常多留心收集 优秀的案例,在需要的时候才能手到擒来。在前文中我们已经为大家介绍了120个优秀的水平导航设计,今天我们汇总了更多优秀的导航设计案例,千万不要错过哦!
1.三维导航设计:
网站导航已经不满足于常见的平面化设计,越来越多的网站喜欢用立体感强的三维导航,
折纸是最常用的表现形式。
Delibar
Blue Door Baby
Mystery Tin
篇9:浅淡网站导航栏设计趋势
导航是网站设计中最重要的元素,由于用户很难在没有导航的情况下去浏览一个网站里的内容,因此一个设置合理的导航栏能令访客浏览到更多感兴趣的内容。
这篇文章将展示关于网页导航栏设计最近的一些趋势和一些新潮的导航栏效果。
1.描述型导航栏
导航栏最重要的任务是明确指向网站各个部分的内容,但这些内容很难通过一两个关键字来表述清楚,因此采用描述行导航栏可以让访客在点击之前就了解到自己将能看到一些什么内容。
由于这种导航跟访客的感觉是:有一个向导在做现场解说,因此相对于只有关键字的“无声导航”,有人将描述型导航成为“有声导航”。
2.Mac风格仍然流行
苹果公司的产品经常能引起新的潮流,而且众多跟风者也热衷于山寨苹果的设计,网站导航栏也不能幸免。但客观地说,苹果那种质感强烈的简洁设计已经风行很多年了,但丝毫没有过时的趋势。
在复刻的同时,设计师们也衍生出许多带有Mac元素的设计。
强烈的Mac质感
绿色的Mac风格导航栏
3.吸引眼球的图标
导航栏设计的一个重要趋势是:图标应用得越来越频繁了,
为了使导航更加显眼,设计师通常通过漂亮的图标来装饰导航栏。在这里,选用的图标图标应该能清晰地辨认,并且能清晰地表达该分类的内容。而不是用更大的图标来吸引眼球。
也有把图标嵌入到文字里的
4.竖排的Tab
在很多人的第一印象里,Tab标签一般都是横排的。但一些聪明的网页设计师打破了这个死循环,做出了竖排Tab的效果。吸引了很多人的眼球。
但竖排的导航也有几个明显的缺点:1.网页需要有足够的长度来显示全部的分类;2.看这个导航的时候需要滚动页面;3.文本比较难阅读,没人的脑袋是歪向一边的。
5.手绘风格
自从全球掀起博客大潮以后,展示个性成为了这个时代的一个趋势。很多绘画爱好者通过手绘来制作自己的个人网站。
6.暗示设计
和第一条的描述不同,暗示设计一般不用明文来描述分类里的内容,而通过色彩或者图形来提示浏览者。不过浏览者没有足够的领悟能力的话,很难察觉到这一点。
如上图的按月存档导航,设计师为各个月份设置的代表色,温暖的月份用偏红的暖色调表示,寒冷的月份用偏蓝的冷色调表示。但如果浏览者身处令一个半球的话会怎么想呢?
篇10:电子商务网站设计论文
电子商务网站设计论文
电子商务网站设计论文【1】
摘要:企业在因特网上建立自己的网站和主页,让众多的上网者了解企业的有关情况,起到宣传自己,提高影响力的目的。
建立网站的方式,主要有虚拟主机和宽带接入两种方式。
虚拟主机是在指已有的大型综合网站上租用一块空间放置企业自己的主页,适用于要求不高的企业。
关键词:电子商务网站设计
一、电子商务网站系统分析与设计
电子商务网站既要处理企业对企业之间、企业同消费者之间大量复杂而零散的数据和信息,又要保证数据和信息传输的安全性,因此与普通的网站相比在数据处理和传输方面要求更高,流程也更加复杂。
因此,我们必须要使系统满足以下原则:
(1)系统的可靠性:系统的数据对企业是至关重要的,在任何情况下保证数据的完整性、正确性和可恢复性是网站设计的前提;
(2)系统的安全性:网络给我们带来便利的同时也带给我们更多的烦恼,黑客和病毒的侵袭随时会对系统产生致命的破坏,因此网站设计时必须采取足够的措施,保证系统的安全;
(3)系统的经济性与可扩展性:高性价比是一个网站的重要指标,设计网站时要处理好系统的整体优化与重复建设的矛盾,保证系统的可扩展性。
随着信息量的增加和应用功能的扩充,系统的软硬件也必须逐步扩展,要确保系统对升级换代的适应能力;
(4)系统的开放性:电子商务网站只是企业整个商务体系中的一部分,它可能是企业的第一个系统,但决不应该是最后的一个。
因此,它必须设计成支持开放性、符合相关技术标准的系统,使其能与原有系统协调工作,并与将来新建系统相互兼容;个性化是目前电子商务软件开发的焦点。
雅虎让用户自己设定个人首页。
亚马逊网站可以向购买同一本书的客户推荐别人同时还购买了其它什么样的书籍。
戴尔网站使用成熟的分析软件,通过不同渠道收集的数据来预测客户行为和偏好。
一家网上销售自行车的网站使用相应的软件给相似的用户来提供建议,推荐符合个人口味的自行车。
研究表明,具有个性化服务的网站比没有此项功能的网站可以更有效地增加销售额。
目前对商家来说最大的挑战是如何决定个性化的内容。
满足了上面的这些原则,就要具体来设计它了,对于网页的设计我想大家应该是比较熟悉了,但是电子商务网站设计起来可不是那么的简单,我们现在来看看它的设计步骤和设计原则:
(1)确定网站的主题和风格:这个几乎是所有在制作网站前都必须要做的事情。
网站主页的风格是浏览者对整个网站的普遍的感觉,是主页的版式、色调及图文组合的高度抽象。
而网站的创意则是在设计之前对内容的选择和表现形式运用的思考,力求个性的发挥,可以反映出制作者的水平。
(2)网站功能模块的规划:一个网站设计得成功与否,很大程度上决定于设计者的规划水平,规划网站就像设计师设计大楼一样,图纸设计好了,才能建成一座漂亮的楼房。
网站规划包含的内容很多,如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等,你只有在制作网页之前把这些方面都考虑到了,才能在制作时驾轻就熟,胸有成竹。
也只有如此制作出来的网页才能有个性、有特色,具有吸引力。
(3)制作软件的选取:现在用的比较多的就是网页三剑客了,这套软件用起来还是非常的方便的,分别是Dreamweaver、Flash和Fire-works,当然他们的版本都是8.0的,制作的过程可能还会用到其他的一些辅助软件,如Photoshop等。
二、电子商务网站设计中需要注意的问题
1、交易的信用问题。
当前,从事电子商务的网站很多,淘宝、易趣等等。
各个电子商务交易平台均有自己的信用体制,无非就是:中介模式、网站模式、担保模式和委托模式。
以淘宝和易趣为例,如果使用现金通过邮局汇款或者使用银行转帐的方式进行交易,因为交易都是先款后货,所以极有可能商品到手后感觉与网站上描述的多少有区别,更多的时被骗的感觉。
这也是电子商务步履蹒跚发展缓慢的主要原因之一。
如何更好的确保交易双方满意交易逐渐成为人们关注的问题。
以淘宝和易趣为例,淘宝网可以使用支付宝进行交易,易趣可以使用安付通交易。
交易时,货款先支付在支付宝或安付通,收货满意后才从支付宝或安付通付钱给卖家,不必跑邮局、银行汇款以及网上在线支付,方便简单,极大程度上提高了交易双方的信用问题,应该可以保证双方的交易。
但是,假如你买30元的物品,邮资15元,货到后发现破损或者其它问题不满意,以致退换,邮资又15,恐怕加起所有的钱可以在本地买到新的商品了,不是一手钱一手货就没有了交易的感觉。
其实,除了使用类似支付宝、安付通等来提高交易双方的信用问题以外,仍然需要交易双方都能保持一个平和、宽容的心态来对待交易。
2、交易的安全问题。
短信陷阱、短信诈骗、假银行、后门程序、黑客木马、注入漏洞等不良影响的出现,严重影响了交易的安全性。
在淘宝、易趣网站上经过很简单的查询,你会发现有很多的商品(新)比现在的商场或网上报价低几成,其发布的网站也煞有其事,查询ip地址所在地:福建泉州居多。
这不得不使人联想到短信诈骗和网上诈骗的案件。
如果使用邮局汇款怕早晚石沉大海,而假银行的出现、黑客木马也使得银行转帐极有可能落得双手空空。
而电子商务网站的目的只有一个,就是盈利、盈利还是盈利,只要完成交易就可从中“渔利”,往往忽视了对卖买双方信息真实性的核实。
虽然,支付宝和安付通在极大程度上能够提高交易双方的信用,提高交易的安全性,但针对交易双方提供的信息的真实性以及交易的满意程度还缺乏一整套科学、规范、成熟的监管机制,因此而产生的经济纠纷可想而知会多么漫长。
三、网站风格和创意设计
网站的整体风格及其创意设计是人们最希望掌握,也是最难以掌握的。
其难点在于没有一个固定的模式可以参照和模仿。
如果要设计和普通网站有区别的站点,则必须要研究网站的整体风格及其创意设计。
风格(Style)是抽象的,是指站点的整体形象给浏览者的综合感受;风格是独特的,是一个站点不同于其他网站的地方,或者色彩、或者技术、或者交互性;风格是有人性的,通过网站的外表、内容、文字和交流,可以概括一个网站的个性,情绪。
设计网站的整体风格可以采用下列做法:将你的标志Logo尽可能出现在每个页面上;突出你的标准色彩;突出你的标准字体;使用明朗上口的宣传标语;创建一个站点的特有的`符号或图标等。
创意(Idea)是网站生存的关键,作为网站设计人员,一定要有好的创意来源。
创意是传达信息的一种特别方式,它是思考的结果,也是现有要素的重新组合。
比如,IP电话、在线书店、电子社区、在线拍卖等。
参考文献:
[1]陆永祯、孙云龙.用ASP和SQL Server 实现网站管理[J].鞍山钢铁学院学报,,25(3):197-199.
[2]Schneider RD著,李小译.规划与建立高性能的SQL Server数据库[M].北京机械工业出版社,.
[3]成先海.数据库基础与应用SQL Server 2000[M].北京机械工业出版社,.
电子商务网站的规划与设计【2】
[摘要] 电子商务网站是企业开展电子商务活动的重要平台,本文阐述了电子商务网站应规划内容,网站的设计原则、和应该具有的主要功能模块。
[关键词] 电子商务 网站规划内容 设计原则 功能模块
电子商务就是利用先进的电子技术进行商务活动的总称。
它是通过网络、使用先进的信息处理工具,利用计算机这种载体,将买卖双方的商务信息、产品信息、销售信息、服务信息以及电子支付等活动,用相互认同的交易标准来实现。
进行电子商务活动的平台是电子商务网站。
电子商务网站在企业的电子商务体系中有着重要的作用,网站内容规划是否合理、设计的好坏、推广的成败,直接关系企业实施电子商务能否成功。
一、电子商务网站规划的内容
电子商务网站的规划是指从战略高度,对网站建设、运营进行的全盘谋略与策划。
篇11:浅谈个人网站设计论文
摘要:随着网络与人们生活、工作联系的日益紧密,个人网站已经成为许多人与外界沟通联系的重要渠道,个人网站的设计与制作,则成为表达个性化追求、展现人文素养的一个窗口。作为职业院校网络管理与应用专业的学生,设计制作网站,是走向职业岗位的一个必不可少的条件和技能。
关键词:职业技术个人网站设计
在职业技术学校的网页设计与制作教学过程中发现,许多学生通过使用互联网,对网站的设计制作逐渐产生了浓厚的兴趣,其实,网站的设计制作,绝小仅仅是学会了几个软件、几个程序就能够胜任的,它在文化底蕴、美学素养、思维理念以及实践能力等方而、对职业院校学生的综介素质提出了较高的要求。如何制作一个令人满意的个人网站,主要应从以下几个方而入手:
一、目标、标准
无论你的设计制作水平如何,你都应该确定一个既现实有一定高度和难度的目标。这样才能在高起点上进行整体策划,用高标准去处理遇到的问题和困难,促使自己去挑战新的高度,实现新的提高。这些看起来是一些老生常谈的空话,但却是职业院校学生更应注重解决的一个问题。
二、网站主题
做网站,首先必须要解决的就是网站核心内容问题是什么,也就是说网站的主题是什么。制作个人网站,首先应自己比较熟悉和擅长的、具有一定专业知识的或者掌握较多信息和资料的;其次,是自己比较热爱的、感兴趣的。这样,当你设计制作网站时,就可以以此为主题,围绕自己熟悉、擅长和感兴趣的主题内容,最大限度地调动你的主观能动性,全力激发你的创作激情,深入挖掘你的想象力,尽情表达你的想法,从而建立一个个性鲜明、独具匠心的个人和站。在确定个人网站主题时,而应立足个人网站的功能,尽可能确定一个精确而清晰的主题定位,切忌贪大求全、包罗万象,否则就会失去个人网站的特色,也会给网站的及时更新带来困难。
三、界面内容
界而是引导浏览者驻足网站的第一道门。设计一个好的网站界而,要解决好的一个关键问题就是栏目设定的科学性。要以网站的主题内容为基点,介理地设定网站的栏目,使栏目成为主题的介理承接和有序展开,真正达到主题明确、层次清晰、纲举目张的效果。这就要求学生在设计制作网站的过程中,首先要把题材和主题内容研究好,在此基础上做好整体策划,就像建一栋楼一样,先把设计总体架构,在研究局部细节,有层次地推进。刚开始站设计制作的学生,最容易进入的误区就是选定题材后忽视了冷静思考和总体策划这一环节,而是匆匆忙忙地进入动手制作,走一步看一步,这就容易造成网站主题模糊、栏目庞杂、板块混乱等问题。结果小但浏览者看得糊里糊涂,制作者自己扩充和维护网站也相当困难。当你发现这一问题时,你已经走了许多冤枉路了,回过头来再调整既浪费时间,也会受原有思路的十扰。所以,在动手制作网页前,一定要给足自己思考的时间、策划的时间,正所谓磨刀小误砍柴功。
栏目的实质是一个网站的大纲索引,索引应该将网站的主体明确显示出来。在制定栏目的时候,要仔细考虑,介理安排,栏目如果划分小好的话,就会影响页而框架的调整。在栏目编排时,尽可能将网站内最有价值的内容列在栏目上,尽可能从访问者角度来编排栏目以方便访问者的浏览和查询。对于一些必要但小重要的辅助内容,则放在较为边缘的位置,免冲淡主题。优秀的网页,都是设计制作者处心积虑、挖空心思进行内容创意的结果。因此在设计界而的过程中,必须把创意作为关键,只有有创意,才能有吸引力。
四、形象设计
形象设计主要包括网站的标志、色彩、字体、宣传语等。
1、网站的标志。是网站的性质、内容、特点以及网站拥有者个人素养、品位、个性、理念的综介而抽象的表达。
一个好的标志,可以通过自己强烈的视觉冲击力、深刻而丰富的内涵以及高雅的形象,很快抓住读者,在浏览者心中留下难以磨灭的印象。个人网站要达到应有的效果,必须在字体变形、字母组介、颜色运用等方而有独辟蹊径的创意。
2、网站的色彩设计。要设计制作一个有自身特色的网站,色彩的'标志性也是一个小容忽视的重要因素。因此,在设计制作个人网站时,首先要确定一个“标志色彩”,也就是能够能体现网站形象和延伸内涵的色彩,作为网站标志、标题、主菜单、背景等主色块,给人以整体统一的感觉。而其它色彩大使用,必须建立在与标志色彩协调、搭配的基础上,避免相互冲突,同时也小能喧宾夺主。
3、网站字体。网站字体分为网站标志的字体、主要栏目的标题字体、正文的字体。网站标志字体一般都是经过艺术设计、和标志的整体形象协调一致的变形字体。标题字体一般选用具有个人网站特色的个性化字体。正文的字体一般均使用宋体、仿宋体、楷书、隶书等标准化字体。制作者可以根据自己网站所表达的内涵,选择更贴切的字体。
4、网站宣传语。也可以说是网站的精神、主题与中心,或者是网站的目标,用一句话或者一个词来高度概括。
用富有气势的话或词语来概括网站,进行对外宣传,可以收到比较好的结果。宣传语和和通过横幅广告来体现。
五、个性风格
“风格”是指站点的整体形象给浏览者的综介感受。包括站点的CI(标志,色彩,字体,标语)、版而布局、浏览方式、交互性、文字、语气、内容价值等等诸多因素,网站的风格既有简约平和、灵动活泼的,也有高雅严肃、规范严谨的。小论哪一种风格的网站,只要你拥有个性化的色彩、技术、文字、布局以及交互方式,让浏览者明确分辨出这是你网站独有的,这就形成了你的网站的独特“风格”。网站的风格,既是设计制作者或拥有者的个性和品位表达,也对浏览者态度的体现。因此,确定网站风格,必须充分考虑到网站的浏览人群和读者职业背景、文化程度和修养爱好等,这样才能与浏览者产生共鸣。
参考文献:
[1]鲍嘉:((Dreamweaver MX完美网页设计综合实例篇》,中国青年出版社,1月。
[2]龙马工作室:《感受精彩一一Dreamweaver MX 2004中文版完全实例》,人民邮电出版社,202月。
篇12:区域导航星座分析设计研究
区域导航星座分析设计研究
导航星座设计涉及诸多参数的优化组合,星座设计目标就是寻找一组参数组合,使其构成的星座在指定覆盖区域既能获得最优星座性能,又节省系统建设成本和星座长期维持费用.在详细论述导航星座性能指标及其可用性算法,以及导航星座参数设计因素的.基础上,进一步提出了半分析式区域导航星座设计方法,并综合分析得到4种区域导航星座设计方案.最后,通过对比研究星座性能指标及定位精度仿真结果,初步说明区域导航星座设计方法和设计方案的可行性和合理性.
作 者:帅平曲广吉 陈忠贵 SHUAI Ping QU Guangji CHEN Zhonggui 作者单位:中国空间技术研究院总体部,北京,100094 刊 名:空间科学学报 ISTIC PKU英文刊名:CHINESE JOURNAL OF SPACE SCIENCE 年,卷(期): 26(4) 分类号:V474.25 关键词:区域导航星座 性能指标 星座可用性 导航定位仿真篇13:浅谈网站设计色彩的运用研究论文
浅谈网站设计色彩的运用研究论文
摘要:目的:探究色彩在网站设计中的搭配原则与搭配技巧。方法:以网站的页面结构、色彩的基本特征为理论基础,采用理论与实例相结合的方法从互补色、对比色等不同方面,分析色彩在网站设计中的具体应用方法。结果:掌握了网站设计的色彩搭配原则及搭配技巧,在设计网站时使用色彩就会运用自如,不失美感。结论:色彩作为视觉艺术语言,具有很强的视觉冲击力,在网站设计中合理应用,能达到彰显个性且不失和谐的效果。
关键词:色彩;网站;原则
0引言
随着信息化时代的到来,网络逐渐融入大众生活的方方面面,成为人们日常生活、学习、工作不可或缺的重要工具。因此,网站设计的合理性与美观性显得尤为重要。在日常生活中,常有“远看色近看形”的说法。这说明在设计中色彩对视觉的刺激是第一位的。因此,要增强网站的审美感及视觉冲击力,同时实现与使用者的'情感共鸣,突出网页的个性设计与艺术魅力,都需要合理运用色彩。
1网站的页面结构
1.1主页
属于网站的首页,如同台上演员给观众的第一印象,色彩的运用及版面的设计都需要特别重视。
1.2框架页
作为网站的主要结构页面,又称内页、次首页,也会有少许网站会以此页为首页。网站内部重要栏目的首页指的就是框架页,设计时色彩运用要与主页相呼应,风格要保持一致。
1.3普通页
此页面承载着网站的主要信息,对链接要求需要文字准确、图文并茂,设计要与网页的风格保持统一,对设计要求不高。
1.4弹出页
多数用于广告、消息、新闻、链接等等,设计要求可以独立。
2色彩的基本特征
色彩是客观存在的,每个色彩都可以表达人的不同心理感受。各种不同色相、明度、纯度的色彩组合在一起就可以产生不同的效果,从而带来不一样的情感体验。
2.1色相
所谓色相是指能够比较确切地表示某种颜色色别的名称,如赤、橙、黄、绿、青、蓝、紫。色相是表现色彩的种类。从光学角度来说,眼睛所接受光线的光谱成分决定所视的色相。若为单色则光线的波长会直接影响色相的面貌;若为混合色光,其效果则受各种波长光线的相对量影响。
2.2纯度
色彩的纯度是指色彩的纯净程度或饱和度。色彩纯度高低也会受视觉生理的特点、照射光源、物体表现结构等方面影响。纯度低是由于含有色彩成分比例少;纯度高是由于含有色彩成分比例多。
2.3明度
明度是指色彩的明亮程度。色彩明度会直接影响相同色彩的深浅。例如,在彩色系中柠檬黄明度最高,明度最低为蓝紫色,中间明度则为绿色、红色。色彩的明度、纯度之间是相互影响的,例如柠檬黄中加入黑色后,纯度、明度同时都降低了;当柠檬黄加入白色后,纯度降低了,而明度提高了。
3网站设计中色彩的搭配原则
3.1色彩统一性
很多时候,色彩体现着人们的感情,会使观者产生不一样的情绪。比如,蓝色让人冷静,黄色动感明快。在网页设计中,要发挥色彩的导向作用,使界面色调统一。
3.2色彩布局合理性
布局影响页面内容的分割,并直接影响浏览者对网页内容的观看秩序。
3.3色彩鲜明性
网页的色彩若鲜艳才能很好的引人注目也才会给浏览者耳目一新的感觉。
3.4色彩独有性
要有自己独特的风格,使网页设计与众不同,给浏览者留下深刻的印象,色彩的运用就必须独到。
3.5色彩契合性
网站的主题内容要与所用色彩之间有一定的契合性。例如,科技、教育型网站多用冷静的蓝色系,女性主题的网站多用温暖的粉红色系等。
3.6色彩联想性
每种色彩都会让人产生不同的联想。大海、天空、智慧与蓝色吻合,生命、环保与绿色吻合,神秘、黑暗常用黑色表示,网站的内涵要与所选色彩相关联。
4网站设计中色彩运用的搭配技巧
4.1传达的讯息要明确
选择可以突出讯息的颜色。例如,某院校的网站背景选用较高纯度的蓝色,与博学的学习气氛形成呼应,突出优质的教学环境。
4.2根据使用者的特点合理选择网页色彩
例如儿童美术站,要从使用者的童趣出发,整个页面要有很跳跃的色彩,不同比例的三原色作为基色,凸显儿童的天真和可爱。而国画鉴赏网站则会采用水墨丹青作为主色调设计网页,凸显网站的国画艺术风格。
4.3对比色、补色的运用
要使网站的主题更加突出,可使用补色、对比色。对比色的恰当搭配及补色的对比搭配,都可以使网页具有很好的空间感,更好的突出网页主体。在网站设计时常以一种颜色为主色调,其对比色作为点缀。
5结语
网页的色彩运用是整个网站风格定位的坐标,想要更好地展现网站的形式和内容,使设计效果独树一帜,合理运用色彩是关键。在网站设计中,合理的色彩搭配有助于网页设计人员更好地设计制作出形式新颖,风格独特的优秀网站。
参考文献:
[1]李貌.包装工程网页设计中的色彩搭配研究[J].包装工程,2016年8月第37卷第16期.
[2]孟东生.色彩[M].石家庄:河北教育出版社,2008.
[3]李立伟.浅谈网页色彩设计[J].郑州轻工业学院学报(社会科学版),2007(2):74―77.
文档为doc格式