【以喷绘做拍摄背景怎么搞】-美术喷绘背景图片

（credit to Archy）

有多少人喜欢用手机摄影？我想，大部分人的手机里应该总有一两款处理照片的App，或者第三方摄影App吧。那么，当你玩一款摄影App的时候，你除了玩它最核心的那些功能，还能从哪些角度去思考它呢？

今天想要跟大家分享的就是现在非常流行的一款摄影App——VSCO。

一、定位

我们通常去做一款产品的时候，都是从一个愿景开始，有了这个愿景，就有了使命，有了定位。

定位原本是讲根据经度、纬度锁定的一个位置。在商业产品中，定位除了经度和纬度这两个维度，还有更多的维度。通常我们说的定位是用户定位，但用户定位背后的东西其实是用户对一个产品的一些偏好和使用习惯。

做照片的App主要有三大功能：照相、图像处理和社区。社区比较出名的有Instagram和中国的Nice，照相有Interphoto，图像处理有Photoshop等专业级的图像处理App。

从用户的角度来说，照相主要是干什么？自拍应该是现在照相的最大用途，另外还用于满足拍摄风景照片等摄影需求。同时，照相也是为了给用户带来一些有趣的、美的感受。比如时下火热的faceu这种拍有趣照片的App，而我们今天要分享的VSCO，就是用来把照片拍美的。照相App也分入门级和专业级，像美图秀秀大家都可以随便用来拍，而VSCO就比较专业了。

所以，VSCO的定位就是一款拥有照相、图像处理功能的、入门级单反级别的照相App，大多用于拍摄街拍和风景照片，而且可以把照片拍得很美。VSCO给人整体的感觉是文艺、精致。它的滤镜最大的特点是模仿了胶片相机的效果，这是它在文艺路上迈出的坚实的一步。

如何判定一个照相app是入门级还是专业级的呢？是从操作上看的。当你进入VSCO界面的时候，你会发现上面操作的图标都是单反上面的图标，没有多余的文字。对于一个刚入门的人来说可能很难用，因为不认识这些图标；对于用过单反的人来说，认识这些图标在使用上就会很顺畅；但是对于特别专业的人来说，图片编辑的功能又不够。

所以，VSCO相对于很多产品，有一个明确的定位。这就是为什么VSCO在中国有大量的粉丝，中国各大论坛谈论到摄影都要提到VSCO的原因。

二、交互

▌启动位置

前面提到图片App的三大方向是照相，图像处理和社区。VSCO从照相和图片编辑起步，后来加入了社区元素。

在启动位置上，VSCO为用户提供了两种选择，有的人喜欢先拍照后处理图片，有的人喜欢先选滤镜再进行拍照，所以你可以根据自己的喜好设置。

▌任务流

对我们来说编辑照片可以走很多任务流，你可以先调明暗度、饱和度、或者先调滤镜。但是VSCO给了我们一个默认的任务流：先调滤镜再调明暗、对比度等等。

我们做过一个小调查，90%使用VSCO的人都是先调滤镜，再根据这款滤镜去调整其他的部分。这样的做法虽然不能保证把照片调成最美，但至少能给你一张还不错的照片。这里看出，VSCO对它自己难度的定位是多么坚持。

▌图片陈列

VSCO的图片陈列不像iPhone手机那样整齐排列，图片原本是什么形状，陈列出来就是什么形状，而不是缩略图。

虽然这一点不是每个人都喜欢，但是我们对图像的识别很多都是通过形状来判断的，所以VSCO可以加快用户找照片的速度。

▌对比处理前处理后

在如何查看调整之前的照片这个功能上，VSCO只需要长按图片就可以随时查看和对比处理前和处理后的照片。

对于做产品来说，我们带入情景去做产品的时候，把自己当做在那里处理图片的用户，就会发现用户有这个需求。如果没有这个功能，用户调整一张照片可能会付出两倍甚至三倍的时间。

▌历史编辑

我们在编辑照片的时候会调整亮度、对比度等等很多参数，但是当你要往回调的时候可能已经忘记了刚才动了哪些参数。

VSCO可以记录编辑图片的历史，这样可以缩减时间成本，加快二次编辑。很多图片app产品会忽略用户还可能有二次编辑的需求。

▌水平拍摄

VSCO相机中非常重要的功能之一就是水平拍摄，因为初学者在拍摄一张照片的时候要先做到能把手机持平。

VSCO就为初学者用户们提供了两条辅助线，当你把手机摆平的时候，辅助线才能连成一条直线，不然是间断的。这样，初学者就可以迈出摄影的第一步了。对于想把照片拍好的菜鸟来说，这是一个非常重要的功能。

以上是VSCO的一些产品设计上的优点，下面我们来说两个有争议的设计点。

▌滤镜排序

VSCO的滤镜有100多种，滤镜太多是很多人对它的一个诟病，没有按系列排布，很乱很难找。不过它也有一个好处，就是可以自主为滤镜排序，不使用的滤镜还可以隐藏起来。

▌储存

VSCO的内存非常大，它需要先把照片导入进来才可以进行下一步操作，这对很多人来说是个问题——这款App会占用很多内存。现在很多照相App基本在使用照片的时候是从你的手机相册中提取，不再多占用手机空间。

三、设计

一般企业在进行Logo调整的时候，会涉及到企业的战略转型。当你看到VSCO这一版的Logo时，你想到了什么？相机的镜头？眼睛？美瞳？……

VSCO这一版的调整其实是为了应对Instagram社区的功能，从最早的一个简单的、多边形的图形化调整成了现在这样一个有象征意义的Logo。这个图标的含义其实是：太阳系—地球—联系—人—基因（人类的虹膜识别）。

这是VSCO打开以后的首页，我们可以发现上面的图标都是扁平化的。为什么要采用这样的设计？其实是因为它的定位：初级单反、中端微单。

对比索尼一个微单相机的操控屏，我们会发现这个相机上面的图标都是线框的、扁平化的。这是基于早期相机上只能匹配一个LED冷光屏，所以图标基本使用线框型的设计。后来改成了LCD屏，虽然能成像，但为了不影响拍摄还是使用了线框型的白色图标。

▌扁平化设计

这是VSCO的三个页面：发现、引导和社区。因为是扁平化的设计，没有特别复杂的东西在里面，所以需要依靠排版来支持。

为什么要有扁平化设计？最早的时候，UI设计是基于物理键盘的设计移动到手机触屏操作而来的，那时UI设计大部分是拟物化的，你在屏幕上需要一个按键，我可能就要给你一个实体的图像，是为了过渡键盘的使用习惯。

人的大脑主要还是识别物体的外轮廓，等到大家适应了触屏操作之后，就直接用线框和图形来识别，帮助快速找到信息点，去掉冗余的装饰效果。

比如上图，左边的图像是扁平化的设计，右边的图像就是拟物化的设计。

谷歌在201* 年提出了Material Design（材料设计语言），也叫材质化设计。它是为了不再纯扁平，能表现出一些物理特征，让你感觉到这不是一个单纯的图片，你和它会有像真实生活中的交互。

如何体现材质化设计？

这是一个简单的卡片化设计，在边上增加底纹和阴影后，就感觉它浮起来了，上下滑动的时候就像把这张纸拉上去和拖下来。谷歌的设计语言里，认为这就是模仿了真实生活中的交互。

VSCO的社区也是这样，将社区分享的内容进行了简单处理，有一个层级关系让你感觉每次点开的时候都像拿到了一张照片，而不仅仅是放大了一张照片。

▌分享和展示

VSCO社区的内容，把每天的东西概化后放在这里。Instagram给人一个最大尺寸的图片在这里，是为了让用户看清照片后发表评论和点赞。

、

▌大视野背景

VSCO的登录界面使用的是大视野背景的处理方式。大视野背景有什么优点和缺点呢？

大视野处理的优点：功能传递极富戏剧性，你可以根据这个场景去联想；情感表达极富感染，比人机交互界面的图形多了情景。

同时它的缺点：不利于主要功能的展示；优秀的图片难以收集；分散用户的注意力。

四、体验

▌UCD（User Centered Design）

UDC是以用户为中心的设计，是一种设计方法。

一个好的产品应该兼备什么？

有效性（effectiveness）：用户接受的难易程度。

效率（efficiency）：用户在使用中的满意度。

用户主观满意度（satisfaction）：用户在使用中对这个产品产生的情感。

简单来说，一个好的产品就是要做到让用户会用，用户爱用，用户用得爽。

▌UED部门主要研究什么？

上面是一个热区图，UED可能要研究手指在触控的时候哪个区域是最轻松的，哪个区域是相对来说不轻松，哪个区域是困难的。

这可以引导产品在设计时候按钮和图标的设置，最优先推送的东西一定是最想让用户点开的内容，最难触控的地方一定是不重要的东西。就像*，你最多使用的是“聊天”，最少使用的是“我的”。

最后，对于创业公司设计产品的一点小建议：现在是一个用户体验的全民CE时代，很多年轻的创业公司没有UED部门，所以我们可以全员参与到产品的体验和评测中去，把你认为产品不好的东西写下来，即使这个版本无法优化，也可以放在这里以后慢慢优化。设计没有好坏，只有合适与否。

写在最后：这篇原创来自11Space每周五Lunch Meeting上的一次话题。感谢产品经理Archy和UI设计师Richie的精彩分享，以及Jessi对本文实录的整理。

来源：* 11Space说（ID:storyof11space）