俗话说：一图胜千言。使用图像可以有效的吸引到用户的注意力以及产品差异化体现，它们可以拥有更多的排版布局的方式，并有创造或打破千篇一律的用户体验。以下是最佳的使用实践和原则，可以帮助我们成功的整合这些图片，并使得APP更加的有生机。
意义：引人入胜的图片有启发和吸引观众的独特能力，但是并非所有的图像都适合，它们也是会占用有限的空间，甚至只是迷惑用户。
使用相关图片
在任何设计中最致命的错误就是传达出错误的信息，会造成用户需求上的混乱，并立刻卸载APP，因为可靠性和可信性存在问题。
我们应该选择与APP有强有力关系形象和确保与上下文有相关性的图片，例如使用可以传达和使得用户容易理解的具体信息的图片。
当设计师在使用正确的图像时，它们可以提高用户体验，另外我们的APP不应该只是展示图片（除非是Flickr）。相反，选择图片时，还应该充分展示APP的核心功能。
给用户带来惊喜
在设计APP第一个版本之初，我们会更多思考功能需求，并将此功能高效的传达给用户。但除此之外，应用程序应该是耐看，令人兴奋的、愉悦的。使得APP不仅更加人性化，而且其具有唯一性，因为一个优秀的APP不只是可用性，还应该有个性。
如果APP可以提供用户满意的体验，那么适当的增加一些惊喜，可以有助于搭建与用户之间情感上的联系。
把握好火候
拥有足够的吸引力并不是一款优秀APP作为用户体验的唯一要求，APP还需要提供内容和核心功能给用户，所以在设计图片中花费太多的精力反而会适得其反。
当然，使用图片对于吸引用户的注意力是足够有效的，但是会导致一些排版布局上的困难或时间成本上的过高，例如在Soundcloud的应用主屏中使用全屏大图的效果，几乎看不到底部的两个按钮了。
大多数的APP都会使用相关性的图片来突出自己，但是也要做到不遮挡应用的主要功能和内容为前提。
最佳实践
应该创建一个满足多设备屏幕和布局的图片，用户可以在多个终端看到主要内容，而不需要缩放或水平滚动。
多种形式的使用
无论是插画还是照片，都可以在同一APP中使用的，但照片和插画所表达的又有所不同，需要结合特定的内容和需求来制定，其中插图可以有效的表达概念和隐喻，而摄影照片更加注重写实的具体功能。
对于具体的功能，首先可以考虑照片，而插图传达的内容近似可以帮助理解和概念展示 ，但是总的特异性会有些不同。
聚焦
使用图片作为一种视觉传达工具和用户进行沟通交流，应该专注于自己的主要标识形象，明确核心的功能需求，并使之一目了然，相反就是缺乏焦点，使得图片没有意义。
对于突显标识性的图片，是由一些有意义的元素以最合适的方式组合呈现，加上相对应的色彩，目的就是给图片一个明确的重点。
避免让用户在图片中寻找真实的含义。
高分辨率
确保图片的大小是合适的，并且支持跨平台的使用，避免出现像素化。提供所用图片中高分辨率的版本。
不变性
在图片小于100%的情况下，应该保持原始的宽高比，另外在APP中的图片也不可太大或歪斜，或是让用户来选择放大和缩小。
所以，应该以正常的比例显示图片，以免失真。
谨慎使用照片
据测试研究表明，纯粹的装饰性照片并不能增加网站或是APP的使用率，往往相比于提高用户体验所带来伤害程度更大，也就是说为什么一些特定的品牌会使用特定的图像，并解释了图片有时更加的抽象，在多数情况下，相框里的照片也是不具体的表达出所需的意象，而导致不太易于理解。所以图片不应该出现视觉干扰，并与产品保持高度的一致性。
图像和文本排版布局的方法
有几种方法，使得图像的前面文字排版清晰，其中最简单的就是覆盖在整个图片的上面。如果原始图片不是足够的暗，我们可以使用半透明的黑色，下面就是用暗色覆盖整张图片的例子。
虽然这种方法很简单，但会使得图像变得太暗，例如下面的例子：
对于较大的图片，我们应该对文本进行保护，而不是将整个图片以半透明遮罩的形式来保护文本的易读性。
a、开始渐变之处，一般根据环境而进行选择；
b、渐变的中心点一般接近渐变开始十分之三左右的位置；
c、渐变结束的地方透明度设置为“零”。
为了避免出现条纹状的形成，整个剃度的中心点位于渐变开始处约十分之三的地方，这样使得这个渐变自然衰退，避免锯齿边缘的出现。
现在就让我们看看最终显示的效果：
总结
有关图片的思考在可用性方面会显得有点局促，但是相信这些案例都足以表明其重要性和相关性，使用它们可以给应用建立一种身临其境的故事情景感，并最终使得APP变的人性化。因此，花时间来研究可视化的交互，对于每一个APP都是很有必要的。
作者：Nick Babich
http://babich.biz/how-to-use-images-to-improve-ux-for-mobile-apps/
