网上挤满了各种各样的UI设计方案，事实上我们已经有一套套的方案可遵循。但！设计永无止境！哪怕是一个注册表单的界面设计，也值得再细心研究。下面蓝蓝设计给出注册表单设计5个小技巧

1、别让用户重复填写相同的内容

几乎每个人都经历过这样一个事实：注册时被要求填写邮箱地址两次或重复输入密码。但是这其实是没有必要的。仅填写一次，因为用户一般都记得自己常用的邮箱地址和密码。假设哪天用户忘记密码了可以通过邮箱找回，再多此一举填写两次反而更加容易导致用户流失。

下面是一些非常值得参照的表单设计：

探讨APP界面设计的手势操作前，蓝蓝设计想先介绍两篇文章来了解用户是如何使用手机的，以及触控屏是如何感应我们的操作的。

用户是如何使用手机的

Steven Hoober在《How Do Users Really Hold Mobile Devices?》[1]一文中指出，通过两个月的时间对1333名手机用户在公众场所（街道、机场、汽车站、咖啡馆、火车上、汽车上等）使用习惯的观察得出以下结论：

①780名用户是通过滑动、点击、打字等来操作屏幕，其他用户则仅仅是用手机来收听、观看、打电话。

②49%的用户通过单手操作，36%一手拿着手机一手操作，另有15%双手操作。

③在单手操作用户中，有33%的用户用左手拇指来操作。

④用户经常变换操作姿势和手势。

49%的单手操作用户是以下两种姿势（左手用户相反）。绿色代表容易点击区域，黄色为拇指伸展可到点击区域，红色区域超出单手可点击范围。

一般人对於企业产品的预期，可能仅停留在功能要强大，信息要安全，能够帮助企业提高工作效率。但今时已不同往日，除此以外，人们开始更注重产品的用户体验。那么，在面对企业产品的界面设计上，有什么方法可以提升用户体验呢？

接下来，蓝蓝设计为大家带来一些国内外的优秀案例以及一些设计Web App时的思考方向。

Web App 设计要点

1. 配色

颜色作为设计师传达情感的主要元素之一。一个明确的品牌颜色，对信任度，认知度都会有大大的提升。颜色除了能为界面提升美感，也能作为功能上的辅助。在普遍页面信息量大的企业产品中，往往一个有颜色的按钮就很容易吸引用户的视觉焦点。

Lovely是Dribbble大神Kerem Suer设计的Web App。橙色主，蓝色辅助，淡灰色为底色。这个配色既色彩鲜明，淡淡的感觉更让人长时间使用也不觉累。整体感觉和谐舒服，简洁耐看。

随着互联网信息爆炸式增长，用户浏览单个网页时，并不像我们想象的如阅读文章般从左到右、从上倒下逐一查看，那么朋友们和蓝蓝设计一起了解如何在设计中建立良好的视觉层级！

一、 视觉层级为什么重要

左侧是设计师期望用户的浏览方式，右侧为用户实际的浏览方式—摘自《Don’t make me think》

用户来到一个网站有他自己特定的目标，如阅读新闻、购物、查看新消息，然而信息量太大，逐一查看需要大量时间，这就要求网站设计能抓住主流用户特征，将重点推送给他，用户找到自己的目标或感兴趣的点，才有可能继续浏览或产生下一步动作，否则就会离开。

创建一个成功的网站究竟该做些什么

近年来，网站摇身一变成为了更好的交流场所和绝佳的信息来源地。Boss们不仅想让网站品牌化，同时也希望游客能在浏览时找到有价值的信息。SO，如果一个网站不能提供精准且广泛的信息给目标顾客，顾客们就会转而去其他的网站。
网站设计的另一个目的在于让生活更便利，让工作更快捷。它通过放大双向沟通的方式，让游客对此留下深刻印象，从而产生依赖心理，并愿意长久的通过网站的查询方式来联系业务和订票等。这样一来，方便顾客这一目标就达到了。除此之外，网站还可以有效的节省你的时间，帮助你迅速增加用户基础以及让一些进程自动化。
前面提到的网站优点都只是抱砖引玉，网站真正的目的在于——最终能给顾客带去价值。这些价值除了鼓励顾客通过网站相互交流，并参与到商务处理流程中，还应该提供更好评定信息、规避长久的等待阵列、授与顾客权利去挖掘更广泛的产品和服务信息等。
蓝蓝设计主要是向你阐述，创建一个成功的网站究竟该做些什么。

Step.1 写一份网站说明书

写一份切实可行的网站说明书是创建一个专业网站所不可缺少的，它是最关键的文件之一，能助企业挖掘出优先考虑事项、明晰企业责任和树立企业品牌形象。必要的计划和精准的信息对一份网站说明书来讲是最重要的。但是当下，成功的寻找到有力的营销方法和持久最佳努力的前提是 —— 你有策划一个缜密计划的能力吗？
一份优秀的网站说明书要涵盖： 企业的预算、因不能及时交付产品而延误的时间、可交付产品、知识产权、网站的目的、网站的体系结构、域名、网站使用的编程语言。除此之外，以下几点是绝对不可缺少的：

1.创建这份文件的意图

蓝蓝设计：随着互联网的高速发展，各种各样的网站界面设计层出不穷。在这样的环境下，用户是如何在浩瀚的互联网海洋中快速挑选网站设计的呢？网页设计师又如何能让自己的网站设计在用户匆匆一瞥后就迅速吸引到他们进一步注意的呢？本文作者向用户介绍了一种简单的页面布局方式——分割布局，这种布局方式试图让用户初览页面时感受到一种友好的浏览体验。

作为网页设计师，我们可以参考的ui设计范例和布局原则有很多，比如说：栅格化、纵向一致性、F型布局、Z型布局、三分法则、黄金分割法等等。注重这些原则将会给你的设计带来视觉吸引力和功能性——现在让我们来看一种简单的方式，将页面两等分。

虽然在一开始听起来有点傻，但是这种基本布局确实能起到非常好的效果。当我们通览一个页面时，我们的视线常常会沿着一个“之”字形移动。而如果用户的视线是沿着一条水平线移动时——就像在Z型布局里一样，那么他/她就会很专注（或者说尝试着专注）。但由于初来你网站90%的用户都不会很仔细的去关注你的页面，因此让你的设计“浏览起来友好”肯定会获得不错回报哦！

所有网站设计，无论是官方、电子商务、社会化网络还是个人站点，都应该设计一个恰到好处的“关于”页面，直截了当地告诉到访者，为什么要浪费他们宝贵的时间浏览你的网站。

蓝蓝设计：这是一篇老文章，不过写得还算实用，大家可以了解一下界面设计思路

一、为什么要有“关于”页面

不要让用户思考！

1、向浏览者传达本站的价值，留住用户
2、始终提醒自己站点的主旨，不要跑题

二、起什么名

“关于”页面存在的目的就是尽快让浏览者找到网站的方向，或者作为进一步补充，比如陈列相比竞争对手而言，自己的优势和特色。所以名字越简单、越朴 素就越好。

典型的门户的名字比较传统，因为它们无人不晓。比如网易的“公司简介”，谷歌的“Google大全”。

大众、平易近人的网站往往都称呼为“关于我们”，比如嘀咕、phpChina；“关于+网站名称”的类型也不在少数，比如豆瓣和支付宝。

个人站点比较简约，两个字搞定：“关于”。人人网等很多社会化网络站点也是如此。

多数国外站点同上，比如“about Flickr”、“about us”、“about”。

三、放在哪里

标题、标识、内容或知名度非常强的网站放在页脚。
这些类型的网站要么你们熟知，要么一眼就能看出它讲的是什么。比如新浪微博，淘宝。

小站点，比如个人站点、博客，或者全新的网站，有必要显性地“通告”浏览者本站的导向和意图（以期靠好奇心留住访客），放在页首。

PMCaff成立不久，导航干净明晰。如图01

我们都想拥有很棒的网站的界面设计，想让其他人在看到我们的网站时眼前一亮。 如果他们喜欢的话，还会再次点击浏览或者分享给他的朋友们。这就是好网站的魅力所在！

我们不但要会运用HTML5，CSS3和其他复杂的语言，也应该会利用基础技巧打造自己的网站。我敢说很多网页设计者或开发者都难以解决CSS3语言无法在IE浏览器中像在其他浏览器一样正常显示的问题。
这是个严肃的问题。如果网页无法显示，那还有什么意义呢？谁想要一直花时间解决错误漏洞呢？如果你的客户没有一笔很大的预算，但你还是想做出很棒的网页来，该怎么办？

你要学会打造一个简单的网站，同时又能保证浏览量。这有很多可以实现的方法。蓝蓝设计以下的几点都可以为建成基础又美观的网站助你一臂之力。

1. 巧用动画

作为一名设计师，每年都会沉浸在一些新的设计趋势中兴奋不已。接下来，蓝蓝设计将探寻2014年的界面设计趋势，这绝对是意义非凡的事情。Web设计师必须洞悉所有相关领域的新趋势，紧跟时尚潮流。

这些新趋势让设计变得妙趣横生。但是很多专家还会倡导那些并非最时髦、最震撼世界的ui设计。当然，响应式设计不仅去年是热点，今年依然还会被人们重视。同样，栅格化设计作为最基本的设计，也会被继续延续下去。

这次，我想探索一下那些逐渐发展起来的设计潮流。也许过去我们只是偶尔尝试一下这些设计风格，但是今年我们会真正关注它们。

更多留白/负空间

产品设计的原则有点太泛哈，蓝蓝设计这里想结合自己的工作心得来小结一下手机无线设计8原则：

原则1：用户界面应该是基于用户的心里模型，而不是基于工程实现模型

就是把后台本来很复杂的事情通过设计符合用户日常生活中常用的浏览方式或操作方式。其实这一点是设计师把生活中的细节和数据结合的凝聚点，用户的心理模型抓的越准，界面就会越优秀。

#左边界面#：大众点评新版的价格的搜索就比之前改得更符合用户心里模型；