导航在网站设计中地位是举足轻重的，它引导着用户进行浏览和查找，一个良好的导航系统能让用户在离开网站时感觉享受了一次愉快的旅程。今天为蓝蓝设计收集了许多创意导航界面设计，我们一起来感受一下它们的魅力吧！Webvisionary Awards

TEDxPortland

为了让你的网站脱颖而出，不仅需要有丰富的高质量内容，同时也要兼顾网站设计的创新性和功能性。从用户的角度出发好好想一下，怎样让你的网站用户体验更友好？简单的搜索功能是需要的，或者你也可以精心设计一下网站的导航。同时，要注意保持整个网站界面设计语言的一致性。在这个html5狂潮涌进的时代，诞生了很多优秀的网页设计作品，他们都有卓越的导航设计，接下来整理的这些网站将唤起你关于导航的极限创意，快来亲自体验下吧！

Toybox

在需要的时候导航栏应该一直在那里，而当用户想要专注于某个特定的任务时，导航栏则应该优雅的隐藏起来。比如说，在设计一个网上商店的出纳页面时，网站的导航应该可以随时都易于使用，但同时也要注意突出像出纳表单和按钮控件之类的鲜明功能。Toybox的导航设计就恰好满足了这些。

如下图示，这个侧边导航给人的感觉就像是你在窥视页面背后或者是掀开了一个玩具盒的盖子看看里面到底有些什么。这个侧边导航非常方便使用，鼠标悬停在浏览器左侧即可出现，主体部分即时出现的旋转效果也很带感，可以很好的引导用户的注意力。将导航隐藏起来同时也实现了界面的简洁，使网站的浏览体验非常的愉悦，因为网站并没有留下太多无用的信息去分散用户的注意力。

关注人类心理学的一些研究是非常有意义的。通过对人类心理的推敲，蓝蓝设计讨论人社会心理，这能够帮助创业公司开拓市场，因 为受欢迎的内容和大众心理有着最直接的关系。问题的关键是，很多心理学对于网站设计者有着很强的启发性。心理学帮助网站界面设计开发者看清人们的思维如何运作。今 天，我们和大家分享几条对网站ui设计师非常有益的建议。

1.太多的选择等于没有选择。

根据Sheeya Iyengar教授的心理学研究，我们能够洞察人们处理多重选择时的心理变化。“选择就是放弃”，Iyengar教授，《选择的艺术》的作者这样总结说。 社会心理学发现，当人们面多过多选择的时候，他们的表现非常相似：他们不会做任何选择。这就是所谓的“安全选择”。

结合到网站设计中：

太多需要用户去点击的东西，会让人觉得混乱。就拿我自己的网站来说，当我把两侧的工具栏撤掉一半之后，注册的用户大大增加。思考你的网站最终、最核心的目的，关注集中一点，删掉无关紧要的点缀和内容，直到你的内容只剩下最本质最重要的内容，这样你的用户才愿意呆在这里。

2.网站访问者读宽屏文字更快，但他们喜欢短屏文字。

大多的网页设计组成都是明亮的背景（通常是白色的）以及黑色的内文，但也有少数的网站设计是属于暗色系的、或是色彩鲜艳的网页界面设计。

但你曾想过为什么有些网页用鲜明颜色、有些则选用白色当背景吗？

这跟使用者的“动机”有很强的关联性。如果把使用者用某个服务的动机，简单用二分法来说，一个是“功利”动机、而另一个则是“享乐”动机，那么：

• 功利动机适合低唤起、高亮度设计
• 功效被定义为有用的特征或是状态，使用者寻求功效。例如，当你每次在使用计算机时，你可能就有一个功利性的动机在背后，像是协助你算帐更快。

研究显示，属于功利动机的消费者在低唤起环境，会比起高唤醒环境，更容易产生正向认知。唤起程度是指外界环境如何刺激引发我们的感觉，像白色较容易营造低唤起环（较不会刺激我们的感觉）、而红色则容易营造出高唤起环境（刺激性较强）。

举例来说，使用 Google 的使用者许多是因为功利动机，像是搜寻资料、观察信件……。所以 Google 网站和应用程式主要以白色为主，对使用者而言，身处于低唤起环境，不容易刺激人们的感知，使用 Google 服务时会比较轻松自在。

什么是社交登录表单？

和单纯的注册与登录不一样，现在是社会化的合作时代，一切都讲究共赢、！而社交登录表单界面设计正是为我们提供了一个快速进入网站的入口，通常包括注册和登录两部分。社交登录入口一般都是facebook、推特、新浪、qq等。
要想使用网站设计提供的社交登录表单功能，前提是你有那些社会化网站的帐号，不过这个时代，谁会木有QQ或者微博呢：）话说国内的一些网站利用社交登录表单登录后，体验很不好，层层跳转，进入网站后，依然要填写一大堆个人资料。而且每次还不能记录登录状态！这哪里是提供便捷，分明只是一个噱头而已。

直观看一个例子 Wunderlist：

该应用允许用户使用社交账号登录，也可以另外直接创建账号。

直白地说，社交登录表单就是一个进入某系统的入口，用户可以在这里注册账号，实现快速登录。

社交登录表单用例

如果想让你的移动界面设计应用更活泼更灵动，丰富的动效是不可少的，丰富的动效可以让你的应用更具活力，充满生机；丰富的动效可以让你的应用彰显效率，提升品质感；丰富的动效可以让你的应用充满魅力，引人探索；丰富的动效可以让你的应用减少焦虑，消除等待感；丰富的动效可以让你的应用充满韵味，有节奏感；丰富的动效可以让你的应用有出奇的信息组织，整洁。

蓝蓝设计这里主要介绍六种简单通用的方式 ———— 转场、邀请、过渡、反馈、缩放、吸附。

原则一：转场

我想每个人都会赞成，网站设计的可用性是它能否受欢迎的一个重要方面，无论你进行的是公司网站、在线商店还是其他，让你的界面变得容易操控，使用时令人舒服是关键，近几年已经有很多针对网站界面设计优化的研究，而且这些研究的成果对于提高网站可用性是非常有价值的。现在这里有10个超实用的经验分享，相信蓝蓝设计，这些建议会极大地提高你那个网站的用户体验，让用户爱上你的网站界面设计！ 

一、善用人物配图，使用户专注于你想呈现的

当进入你的网站，我们会本能地关注网站上人物图片中的脸和眼睛，这倒是为我们提供了一个想法，是不是可以用人物配图吸引小伙伴的注意力呢？当然，但这仅是第一步，我们还可以这样做，你瞧，是不是大不相同！（见下图）

这是第一步：

在2014年涌现了许多有视觉吸引和创造性的导航界面设计，她们不仅身段妙曼富有美感，而且传承了整个网站设计的导航指引，让浏览者轻松愉悦的访问网站。她们会温馨的提醒你在哪儿，还会体贴的带你获取到想要的东西。别等了，现在就去寻找你喜欢的导航下载它吧。下面请欣赏蓝蓝设计精心收集的华丽丽的导航设计PSD，希望对朋友们的ui设计能力有所帮助！

Simple Navigation Menu

如果我说很多iPhone应用网站的界面设计都颇为精美，相信筒子们不会有什么意见的。看来那些ui设计师们都敞开胸怀迎接“苹果style”，创造出干净简约又优雅的网站设计。可不嘛，作为一枚合格的设计师，他们才不会随随便便弄个网站展示他们的app设计呢，都卯足了劲设计出新颖的版式，配上美美的图片、大量留白和恰当的字体。那么今天呢蓝蓝设计将要带给你的这份灵感清单就是一些绝赞的iPhone应用网站啦，切克闹~

Wedding Party

与你的客人一起，通过这简单有趣的app捕捉并分享你婚礼中的美好瞬间。

信不信由你，侧边栏菜单将会是2014的一个新趋势！实际上，菜单已经有相当长的一个历史，最开始它只被用在计算机应用程序上，后来逐渐流行到社交媒体网站设计。现在很多单页界面设计的网站菜单都非常精美而便利。那么请欣赏一下蓝蓝设计收集到时尚创新的侧边栏菜单网页设计。

Wanda Print

网站设计导航也采用了双重菜单，而且篇幅很广。菜单如此宽广，排版如此简洁，加上导航和背景产生的强烈对比，使得整个网站显得非常微妙而自由。