译者序
本文围绕劝导式设计(persuasive design)而展开，介绍了移动终端上banner广告、push信息等典型的劝服失败案例，并从用户与移动设备之间的情感联系出发，探讨了移动劝导策略的几个切入点。所谓劝导式设计，是指通过说服和社会影响，而非通过强制的方式，以达到改变和引导用户态度或行为的技术。这种技术常被应用于销售、外交、政治、宗教、军事训练、公共卫生和管理等领域。近年来，大多数劝导式技术的研究主要集中在计算机交互领域，包括台式电脑、互联网服务、视屏游戏和移动设备。劝导技术可以看成是对用户意图的设计。

作者： Amber Krishan 译者：晓千 秦封
译文

【Tips：消费者不会仅仅因为导航很容易而为你的产品买单。】

为移动设备而设计时,设计师要考虑移动设备间的差异，努力提供统一的体验。他们致力于减少点击的次数，使架构更扁平；并根据触摸屏的特点而设计, 在较小屏上规划合理的布局等。这些重点都在通过方便的使用、流畅的导航和简洁的呈现，来确保的最佳的产品可用性。

为确保你的用户“可以做”你想让他们做的事情，较高的可用性是一个很好的开始。但它并不能保证用户“会来做”这些事情。因为，用户不会仅仅因为导航容易使用而来买你的产品。

蓝蓝设计 从Dribbble收集了20个漂亮的登陆表单案例。希望你看后能从中受益，并对你以后的登陆表单设计有帮助。设计一个登陆表单看上去非常容易，但大多设计都很糟糕、毫无亮点。无论如何，这篇Dribbble案例集锦绝对走的是另一个极端。希望它们能赢得你的青睐！来一起欣赏吧：）

网站与APP中的登陆表单

继承了iOS7的精髓，这件登陆界面作品将iOS7微妙的动画背景上升到一个新的层面。此处的背景完全是一张动画图片——甚至可能是GIF。尽管这背景事实上没有那么精致，但这一定是你平时不常见的设计。你几乎很难见到这样的APP，还有如此卖弄的首屏设计。

设计是一个漫长和痛苦的过程，期间可以用点技巧来减少痛苦，30+ tips to improve your iOS design workflow (in Photoshop)一文总结30个实用的技巧可以借鉴和学习。

————–以下为译文——————-

在本文中我（英文原作者）总结了在photoshop中设计ios软件时所遵守的方法。许多的技巧适用于一般的UI设计。注意：文中所提到的快捷键针对于Windows；Mac 用户可，Cmd对应Crtl键，Opt对应Alt键。

1.保持尺寸为偶数

你是首先针对Retina屏幕设计然后再对标准分辨率的进行缩小是吧？为了在标准分辨率下像素仍然保持完美的呈现，你需要保证大小和距离为偶数。具体的做法便是：基于2ps的网格设计。在编辑（Edit）〉首选项（Preference）〉参考线、网格和切片（Cuides,Grids&Slices）。更改网格线间隔（Gridline）和子网格（Subdivisions）来是使得网格间隔线为2px。例如：设置网格线间隔为64px，子网格为32。

正如大家看到的，现在许多人都使用手机访问互联网，所以这让越来越多的公司去开发或重构新的web解决方案，因为他们认识到自己的项目有效的运行在各种移动设备上是多么的重要！现在市面上存在太多流行的移动设备了，网页设计师们也不得不跟随潮流适应技术发展和变化规律，这些小巧的用户界面设计技能已经让一小部分愿意改变自己的同学们尝到了甜头，有付出就有收获！除了学到全新的技术，也有了踏实的收入，是的！薪水翻倍了！

创建移动设计模式是非常重要的一步，记住！这是为移动设备设计而不是web。不仅仅是移动屏幕远小于普通的电脑屏幕，关键是鼠标和键盘已经被手指替代了！当然还有更重要的，说起来很苦逼，我们再也不能使用一种模式来通吃这些不同的移动平台了，这可比兼容IE那一家子要苦难得多，毕竟还没有很好的规范。不是吓唬你，别以为只有那巴掌地大小，为移动端做设计并不是很容易。

这是一组精心收集的30+优质购物车PSD，这些精美的购物车PSD将会为您的设计提供了一点创意灵感。

如果你刚好在做这方面的设计，那可以先欣赏一组超赞的简约时尚的电商网站设计，或者直接动手学习如何提升电子商务网站易用性，希望能让你在设计上更加得心应手: ）

Cart Modal Popup

优异的用户界面可以让用户用得顺心，从而提高转化率(conversion rate)，换言之，好的 UI 在使用与销售层面上形成双赢。本文整理了16点优化用户界面的方法，希望对大家有所帮助。

本文原作者加拿大UI设计师Jakub Linowski

单栏型式优于多栏

单栏型式让你更能掌握自己的内容，从顶部到底部一气呵成，用故事引导读者，最终是要诱引他们「采取行动」(call to action，下称CTA，意指下载或消费等目的);而多栏反而可能导致读者分心。

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

Wedding Party

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

蓝蓝设计：在 Web 设计上应用字体是一项基本技术，同时也是一门艺术。对于英文字体来说可选择的范围实在是太广泛了，合理的使用它们将会为你的网站增色不少。关于英文字体的使用和搭配技巧，在这里不做赘述，只推荐一套非常好的视频：Fundamentals of Design by CodeSchool

相关好文：
新手入门：选择字体的五个原则
浅析中英文基本字形的演变和发展
2012年度最佳移动网页字体设计
推荐！跨平台字体效果浅析

而真正的挑战在于中文字体，由于中文字体组成的特殊性导致其体积过于庞大，除了操作系统内置的字体之外，我们很难在网站上应用其他的字体。在可选性很差的前提之下，如何正确的使用中文字体呢？

首先，以下的字体声明都是很糟糕的，切忌使用：

虽然Web字体版式技术在各种定制化字体解决方案(比如@font-face, Google Fonts)的支持下一路蓬勃发展，但是在我们在设计和桌面app开发中仍然对其缺少精准的控制和把握。还好有一系列的强大功能jquery插件帮助我们解决这个问题。这篇文章详细介绍了近10个最流行的Web字体版式插件，它们允许我们润色字体版式并创造出更多超级酷的效果。
不得不说，网站本身也创意十足，个性满满哟：）

Lettering.js

Lettering.js 是最简单最流行的网络版式插件之一。通过分拆每个文本，并将每个字母放在定制好的<span>中，该插件能够让你精准的操控标题版式。使用它小心的调整你的字距或者添加各式各样的CSS，从而让每个单词都有超级赞的效果。

Metro UI是一种界面展示技术，和苹果的iOS、谷歌的Android界面最大的区别在于：后两种都是以应用为主要呈现对象，而Metro界面强调的是信息本身，而不是冗余的界面元素。显示下一个界面的部分元素的功能上的作用主要是提示用户”这儿有更多信息”。同时在视觉效果方面，这有助于形成一种身临其境的感觉。

科普一下：神马是Metro？Metro是由微软公司开发的内部名称为” typography-based design language”（基于排版的设计语言）。最早出现在微软电子百科全书95，后来的产品如：windows媒体中心、Zune播放器都有用到这项技术。该技术已于2010年初（美国）获得Metro UI专利批准（USPTO）如今该技术被引入到微软开发的Windows Phone操作系统和已经发布的Windows 8预览版以及Office 15中。

蓝蓝设计 ：2012年7月，在大连中软实训基地学习时，老师要求我们分小组开发项目，理所当然地，我担任前端设计和开发的工作。
当我略微得意地把设计好的页面拿给老师显摆时，他给了一个字的评价：”俗！”然后讲，”中国风看起来的确美，但这种美很容易趋于小气和庸俗，远不如简单用色块搭配出的效果。”

也是从那时候起，我开始注意色彩的搭配，也开始用这种观点来把玩一些网页和海报等的设计。
《甄嬛传》再经典，老外们也不会明白隐藏在后宫中的弯弯绕…