当你在计划设计一个网页设计的时候，不一定要完全依赖电子设备。学会如何手绘可以帮助提高网页设计的效率，给你更多的灵感。
ui设计学院里都会给学生们教授很多基础课程。毫无疑问，很多大型机构或者创业公司都在使用返璞归真的方法来进行界面设计创作。无论你是长期涂鸦的骨灰级高手，还是刚刚起步的素描小菜鸟，能够使用纸张与画笔来进行创作是非常重要的设计技能。不用担心。模仿铅笔功能的一些工具也不是盖的。在这个以设备为主打的时代，还是很大的空间来进行简单又能被认可的设计创作。
实际上，我常常听到很多人埋怨设计师们浪费太多时间与成本在使用PS制作精致的方案草图。手绘则具备更大的灵活性，它可以帮助你在缩减成本的同时发展更具原创性的方案草图。

无论你是在一个大公司工作，或是一位自由职业设计师，通过手绘草图来与顾客交流都是必不可少的。

为什么要绘制草图？

手绘草图相对数字线框图或者电子绘画更有优势。它方便携带，简单易懂，更具创造力，屡试不爽。没有什么比使用笔和纸更简单直接的表达方式了。
我发现，客户更喜欢在获得信息的同时能够提出建议和进行更改。使用电子设备制作出来的图纸看起来接近成品，这样会让客户失去建议和修改的欲望。手绘草图则非常随意，你可以随意修改。

不知不觉的，很多网页设计中采用了图标式导航（Navigation）——一般使用三道杠作为图标，用以导航界面设计。
这种导航的好处是节省空间，让界面更简洁。

图标式导航的案例

这是YouTube的图标式导航(移动版):

Web 元素是任何网站设计相关项目都需要的，质量和良好ui设计的元素对于设计师来说就像宝贝一样。如果您正在为您的网站界面设计，博客，Web 应用程序或移动应用程序寻找完美设计的网页设计元素，那么下面这个列表会是你需要的。

今天这里收集的免费资源是20套免费的 Web UI 设计的 PSD 界面元素，用于 Web 和 Mobile App 设计。它包括所有的设计元素的 PSD 格式，某些元素提供矢量格式，可以缩放到任意大小。

Blog/Magazine Flat UI Kit

ui设计师们还没更新模板吗？这是蓝蓝设计优设2月份搜寻的UI设计模板，总共有27款，大多数为扁平化界面设计，都是免费且的，希望这些收集能给你正在进行的软件界面设计项目一点帮助 : ）

Apple Product Line Wire Frame PSD by Rubayath

今天蓝蓝设计要推荐的福利可是很丰富的，满满的20套优质线性icon。作为一个ui设计师，你怎么能错过呢？而且还是免费图标界面设计。

这里大多数的源文件，都是PSD可以编辑的矢量形状图标或是Ai矢量格式的。这样你修改起来就更方便了。
当然了，虽然作者虽然提供免费下载，但是您在使用的时候，还是看看作者下载文件里是否有许可条款。不然要是您商用的话，就是侵权的哟。

100 Free iOS7 Vector Icons

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

TEDxPortland

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

Toybox

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

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

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

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

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

结合到网站设计中：

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

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

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

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

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

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

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

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

什么是社交登录表单？

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

直观看一个例子 Wunderlist：

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

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

社交登录表单用例