网页导航设计:关于导航设计的研究和探索

文章描述:设计是在不断进步的,随着用户体验的提高、用户认知度的拓展、产品需求的多样性、设计师理念的不断探索和更新,我们相信,导航设计将存在更多的可能性!也许下一个新的设计形式就诞生在你我之间!越来越多关于导航设计的研究和探索,将会给用户带来全新的视觉和使用体验

导航是网页设计中不可缺少的部分,它是网站访问者获取所需内容的快速通道和途径。导航让网站的层次结构以一种有条理的方式清晰展示,并引导用户毫不费力地找到并管理信息,达到有效传递。同时,导航一般位于网页的中上部分,也是视觉中心的区域内。在保持其合理的功能作用的同时,一个好的导航设计,往往能够成为整个网页设计的点睛之笔!

一个设计师在布局和整体规划网页设计时,导航总是一个重要的元素。我们会思考,导航以什么形式呈现?是否能够最大程度地发挥其梳理网站结构、有效传递信息的功能?是否能够烘托和配合整个页面的设计风格?是否能够别出心裁润色和体现该网站的特点又不影响其功能性?是否能够精益求精成为整个网页设计至关重要的一笔?那么,就让我们一起分享和浅析一下一些让设计师们花费心思精雕细琢的导航设计吧。

导航的设计会根据网站的基本类别、属性和各自特点而有所定位。在这里,我挑选了一些非系统、门户等类型,有明确特点、用户定位、产品及品牌特色的品牌类、专题类网站。对于这些网站来说,导航的设计将突破我们常见的横向长条导航或者竖式导航,会更加有意味、趣味和玩味,是能让设计师们尽情拓展设计创意和思维的“有点儿意思”的导航设计!质类,给导航加点材质!

材质类的导航,是润色导航、增加导航意味最常用的设计方法。在有特殊定向和用户指向的网站设计里是广被设计师们使用的手法。这种快速、简单、效果直接的设计方式,能够迅速将产品的特性和设计师的巧思呈现出来。并且材质类的导航设计往往都可以不必打破导航的基本形态,能够很好的保持导航的功能性,页面排版的整齐感。因此可以在固定的网页原型的结构和位置上,灵活地表达产品的特性。设计师们可以随心所欲雕琢内部的材质,从而打造不一样的意味导航,成为整个页面的小小亮点。

B. 拟物类,让导航不仅仅是导航!

如何让一个页面看起来如身临其境融入了该网站产品的世界?那么就要让用户的视觉体验真实地感受到该产品特性的存在。这个时候,一个普通呆板的导航,远远不能满足页面的设计需要。即使产品图片再诱人,一个毫不融入氛围的冷冰冰的导航,在页面上不仅让人失望更加破坏了应该有的气氛。所以,越来越多的设计,让导航成为了烘托、增强网页及产品氛围的振奋一笔!拟物类的导航,就像变色龙,在不同定位的网页设计中,捕捉和适应环境的特点,从而化身为环境的一部分。拟物类的导航,可以是抽屉,可以是布条、可以是树木,可以是任何你能想到和创意出来的东西!打破一切既定的规则,不必一定要是长条四方,不必一定要是整齐划一的排版,拟物类的导航可以将设计师的能动性发挥到极点!这样的导航设计,在整个网页中可以达到另外一层的功能性,那就是辅助提升产品给用户的强大视觉认知度,还未见其产品的详细信息,你就能提前感受到它是干什么的,有什么样的风格,有什么样的追求。让导航不仅仅只是导航!

C. 形态类,换个形状设计导航!

若问到导航是什么样的,大多数人都会立刻浮现出几种基本的形状和样式,顶部的横栏、侧边的竖栏。即便是高矮胖瘦、颜色各异、材质各异,大多数的导航都不会跨出基本的界限。那么导航是不是一定要遵守形状这个“规矩”呢?答案肯定是否认的。用户虽然习惯了导航的“规矩性”,但是另类形态的导航设计却无疑给了用户们一个新的视角,原来导航也可以“没规没距”!那么是否可以随意改变导航的形态设计呢,答案也是否定的,设计师们始终都要记住导航的根本属性和用途,让导航始终都不能脱离它在页面设计中的核心作用。如果你是一个大胆的设计师,又有新颖的设计理念和产品诉求,那么不妨尝试做一次大地调整,换个形状设计导航!

D. 融合类,“和谐共进”的导航设计!

有雷厉风行抢风头的导航哥,也会有为人低调注重和谐的导航们。在某些网页设计中,需求的导向性会要求将导航一定程度的削弱,从而来突出产品的主体内容。那么对于这部分的导航设计,设计师们该如何取舍呢?是简单地罗列文字?还是将导航舍弃在边角的位置?如何才能使得被削弱的导航仍然不失设计感,甚至能够辅助主体内容的突显?这个时候,对导航的处理和设计就能更加体现出一个设计师对宏观大局的把控,以及对细节局部的掌控,让局部服从整体,但又不是粗糙对待,反而精致得恰到好处!削弱并不是不需要设计,和谐并不是隐藏和消失。很多优秀的设计作品,在处理这类情况时,通常将导航和网页主体背景进行关联性的融合。从色彩的恰接、风格感受、背景图片的关联、线框等多方面都可以进行处理和设计。让导航自然地呈现,仿佛为主体的一部分,又退而求其次,把更多的视觉焦点留给了主体内容。从而完美地保持其功能性,又能与整体页面“和谐共进”!

E. 延展类,导航设计的更多可能性!

设计是在不断进步的,随着用户体验的提高、用户认知度的拓展、产品需求的多样性、设计师理念的不断探索和更新,我们相信,导航设计将存在更多的可能性!也许下一个新的设计形式就诞生在你我之间!越来越多关于导航设计的研究和探索,将会给用户带来全新的视觉和使用体验!

时间: 2024-10-28 09:27:13

网页导航设计:关于导航设计的研究和探索的相关文章

点靓网页的10种导航菜单设计

  网页导航菜单设计关系到你的网站整体设计成败,所以不少优秀的网站设计通过颜色.排版.形状和一些图片的精心修饰来帮助网站创造更好的视觉效果,我们从设计师们的收集中精选了这些从极简到拥有众多细节的不同设计,它们都符合所属网站的设计风格. 此网页的导航菜单设计重在让用户专注于惊艳的摄影作品,所以采用了大量的白色空间. 这也是一个极简设计,但加了一些细节.顶部文字全部采用大写,而小号的字体与渐变灰的渲染让它们显得简单优雅,此外,下方页面设计为导航菜单占比的两倍,弱化了导航菜单的展示. CHEF-S 网

CSS网页布局入门教程9:用CSS设计网站导航——横向导航_基础教程

网站导航是网站中最重要的元素,是网站提供给用户的最直接最方便的访问网站内容的工具.网站导航从形式上主要由横向导航.纵向导航.下拉及多级菜单导航第三种形式. 横向导航 作为门户网站的设计而言,主导航一般采用横向导航.由于门户网站下方文字较多,且每个频道均有一同的样式区分,因此在顶部固定一个区域设计统一风格且不占用过多空间的导航是最理想的选择,国内大部分门户均采用这种形式. 纵向导航 目前在门户网站的设计中已经不再流行,纵向导航更倾向于表达产品分类. 下拉导航 主要用于功能复杂的网站.在有些网站上也

邮件导航条的良好设计影响邮件营销的转化率

导读:如何设计邮件导航条?是否能和网页导航条采用相同的设计方式?我们有很多时候并不会仔细考虑这个问题,当然如果通过改换邮件导航条的设计可以提高邮件营销的转化率,那么许多企业都可能愿意去改变,通过阅读本文相信你就会有自己的答案. 你邮件顶部的导航条,可以是推动用户接洽的巨大来源.除了在邮件预览窗格几乎每次都能看到之外,导航条向你邮件订阅者展示一个清晰而熟悉的路径,以便与您接洽,即使他们对你邮件的主要内容并不感兴趣. 按照eROI最新的"邮件基础要素"调查,62%的包含导航条的邮件营销者表

网站菜单导航栏设计准则及设计技巧

  网络中每天都有海量的内容被发布,随之而来的问题是如何对这些内容分类,而内容和分类最终将导致导航问题.有时,当导航有太多选项时将会是个令人头疼的问题. 所以,治疗导航栏综合症(cure the navigation-itis syndrome)是非常重要的,使得导航栏对用户友好并容易操作. 本文提供了一些设计导航栏的技巧.帮助你解决导航问题并体统清晰的用户体验,并用真实的例子教你如何治愈导航炎综合症. 但首先,是这些技巧. 设计导航栏的技巧 当我们撰写这篇文章之前,Jon (SpyreStud

站长浅谈:设计网站导航所需要的注意点

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 网站导航有多重要我就不废话了,大家应该都很明白,重点说一下设计网站导航的注意事项: 1.网站导航链接是搜索引擎蜘蛛向下爬行的重要线路,也是保证网站频道之间互通的桥梁,强烈建议使用文字链接. 2.千万不要使用嵌入JS文件的方式实现网站导航,如果你用搜索引擎蜘蛛模拟爬行工具检测爬行到的URL,你会发现,网站导航中的链接对于搜索引擎来说根本看不到,

国外优秀的网站设计:创意大导航单页面网站设计

在国外优秀的设计网站中,开始流行一种这样的Web创意设计风格:整站由一个单一页面组成,通过设置锚点的方式,利用JavaScript技术,实现网站内容的滑动导航.这种创意十足的Web设计效果,可以很大程度上给人一种流畅华丽的动画震撼,沉醉于其美妙的操作设计的同时,更为网站设计者的构造灵感而折服,这里就为你搜集了10个创意大导航单页面网站设计. WeBleedDesign Gavin Castleton Two24Studios DesignSpam JP3Design MadeToKill Cla

用CSS设计网站导航:横向导航

  网站导航是网站中最重要的元素,是网站提供给用户的最直接最方便的访问网站内容的工具.网站导航从形式上主要由横向导航.纵向导航.下拉及多级菜单导航第三种形式.  横向导航 作为门户网站的设计而言,主导航一般采用横向导航.由于门户网站下方文字较多,且每个频道均有一同的样式区分,因此在顶部固定一个区域设计统一风格且不占用过多空间的导航是最理想的选择,国内大部分门户均采用这种形式.  纵向导航 目前在门户网站的设计中已经不再流行,纵向导航更倾向于表达产品分类. 下拉导航 主要用于功能复杂的网站.在有些

谈谈网页中的表单设计

Don't make users abandon in the first step!--谈谈网页中的表单设计 电子商务网站都会遇到用户常常在付款的最后一步放弃http://www.aliyun.com/zixun/aggregation/17553.html">购买商品(abandon in the last step),也就是常说的"购物车丢弃(shopping cart abandonment)".其实面对网络上越来越多的注册.登录信息的输入,用户常常因为&quo

个性网页设计之页面设计

设计|网页|网页设计|页面 页面设计包括甚多,可大可小,我分以下几个要点与大家讨论:页面平铺.整体规划.功能易用性.气氛情感表达.大家有什么问题可以给我来信relen@sina.com. 一.页面平铺 把页面平铺开,主要的物件有:导航栏.LOGO.Banner.按钮.图片.文字.下面我就针对最主要的几个部分具体讲解. 1.导航栏 导航栏如果设计得恰到好处,是会给网页本身增色很多(千万不要太花哨,它属于功能物件,喧宾夺主就不好了).导航栏有一排.两排.多排.图片导航和Frame 框