在智能手机出货量超过PC和功能手机、用户使用App比例超过80%以上的情况下，智能手机App绝对成为了人们生活的主角。对于PC、平板、智能手机之间的跨平台无缝体验，很早之前开发者就开始关注了。比如Evernote会开发几乎所有平台的软件版本，来保证用户在使用各个平台时可以无缝切换；另外Chrome 桌面版和手机端也可以同步数据，我在电脑上打开几个网页，换到手机上时仍能看到那几个网页。

虽然很多人都认识到了App的重要性，但从PC到手机App，这中间仍然存在着很大的体验断层。PC段到移动端还有很多事情要做，比如接下来讲的：当大量App内容被分享到微博、微信上之后，如何从PC或手机上的网页链接完美切换到App。

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

dcovery

这可是规划旅游方案的一枚利器，等你到了目的地还能靠它探索更多乐趣。

蓝蓝设计将分析列表在各种情境的界面设计方法，以及需要注意的事项。

列表常见的使用情境

1. 概观：浏览较多的的信息时，列表可以提供一种概观性的的方式来呈现内容。
2. 逐一浏览项目：用户可能逐一或随机的的阅读信息，就像是 Facebook 动态信息。
3. 搜寻：用户可能在列表上寻找他们想要的信息，就像是 Google 搜寻结果。
4. 分类与过滤：用户可能正在分类信息或者使用一些方式（档案大小、名称）过滤内容。
5. 项目的整理、新增、删除与分类：用户正在整理信息，此时很有可能需要多选、搬移的辅助功能。

模式1. 双面版选择器

双面板列表是一种将列表区分为两个区域的一种设计模式，用户可以自由在第一个面上选择项目，第二个面版上会显示面板一选择的项目内容。

优点

• 操作非常的有效率，不需要来来回回的在不同列表切换。
• 减少用户记忆与认知的负担，使用者不必了解内容在列表上的位置，也不需要学习如何返回列表。

缺点

• 需要比较大的屏幕时才能支持。

「好的产品关注功能，优秀的产品关注情感」

趣味性、愉悦度，这些都是针对用户情感化设计的领域。

功能、实用性，这些需要很强逻辑性的事物很难和情感产生关联，并不是指这些不重要，它们很重要，它们是基础，但缺少了情感的作用，很难产生一些东西，像：快乐、愉悦、悲伤、美…

花、大海、春天、小屋… 这些都是很普通的名词，但将它们富有诗意的组合在一起：我有一所房子，面朝大海，春暖花开。接受者会投入不同的情绪去理解这样一个组合。

上面这些名词就像我们在界面设计过程当中所遇到的各种元素，按键、菜单、icon、动态效果… 将它以诗意的方式组合在一起，由此用户产生了情绪上的波动。

交互设计的本质是对用户行为的一种界面设计，直达内心的UI设计能够影响用户自身的情感，从而导致用户的行为。常会有设计师说将用户当成是一个易怒、情绪不定、不明理的人，为什么？因为人的本质是非理性的，逻辑是理性层面的考量，而面对情感这个潜藏在理性背后的东西，需要设计师有深厚的功力，这不是单纯技巧上的问题，而是一种时间、感觉、情绪等综合的圆熟。

针对用户情感进行设计时需要考虑产品的用户群，情感设计的应用将会为产品塑造个性，需要明确产品个性是否与目标用户相符。所以题主需要考虑一下，所说的趣味性是否与产品所预期的个性相符，这很重要。

扯回到正题，交互设计中的趣味性如果让我用一句话表达，我会说：「情理之中，意料之外」

btw：自己对有趣的定义可能会与大家不太一样。

网上挤满了各种各样的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%的用户都不会很仔细的去关注你的页面，因此让你的设计“浏览起来友好”肯定会获得不错回报哦！