移动场景下的图像处理应用设计 - 腾讯ISUX

那个“兴冲冲地在电脑上导入相机刚拍摄的照片,打开PS处理照片,再上传至图片社区”的日子仿佛离我们越来越远。 随着社交平台移动化,我们更关心是否能及时、快速地分享照片。现在,移动端的图像处理应用层出不穷,愈加优秀的手机硬件性能为图像类应用创造了更多可能;新一代的单反、存储卡自带wifi可与手机传输,也让图片分享更快捷;利用手机自带的硬件传感器以及一些应用的智能算法,甚至可以在手机上完成数码相机做不到的功能。

毫无疑问,手机拍摄、移动端处理图像,已成为社交平台图片分享的主要路径。本文将通过一些案例,和大家探讨下A从PC端转向移动端,图像处理体验将如何更好地适应小屏操作,以及不同类型的图像处理应用在功能设计上不同的偏重。

一、效果一键实现

Photoshop、Lightroom等PC最常用的专业后期软件在功能上大而全,每个细节调整都可能由不同的工具,分多步实现,满足精细调整的需要,处理时间较长。而在移动场景要处理复杂任务,就显得负担过重了,需要更简单高效的操作方式。

各图像APP里的滤镜即是打包了曲线、色调、饱和度等调整的预设,在PC里需要的多步调整简化为了APP里的一键操作,成为了手机图像处理里最常用的功能。

足迹更是整合了图像的剪裁、滤镜、边框、文字和文案功能,一键将普通照片转换成了电影风。虽然早在足迹前,其他应用通过多步操作也可以实现同样效果,但足迹的一键在效率和效果上的提升为它带来了用户的爆发式增长。

以往HDR(即高动态范围图像:利用每个曝光时间相对应最佳细节的低动态范围图像合成的最终图像)在PC上的实现需要将图像的高光压暗,阴影提亮,调高中间调的对比度来还原图像中的更多细节。或是将多张同一构图不同曝光的照片中,每个元素曝光正确的部分选出,合成在一张图像里,过程较为复杂。而Snapseed的HDR效果则只需要一键即可完成,在大大提高效率,降低了后期门槛的同时,实现了非常棒的效果。

二、 使用智能算法,减少手动操作

最早先的人像美容APP更多地依赖用户的手动调整,Facetune需要手动磨皮,点击斑点祛痘祛痣,Line Camera(现为Aillis)常常需要手动定位眼鼻口位置。而当人脸识别算法被大量引入人像处理APP后,磨皮瘦脸只需拉拉滑竿,甚至一键美容即可实现。人脸识别的优势在人像美妆尤为明显。天天P图火爆的疯狂变妆、时尚美妆,自动进行人脸识别五官定位,使得素材妆容完美贴合五官,秒速完成上妆。

PC上常用的抠图方法是用钢笔工具或其他选区工具将主体的轮廓完整地勾勒出来,在移动端受限于屏幕大小和输入设备,没办法用手指轻松涂圈出主体的轮廓。在天天P图的魔法抠图中,则只需要涂一下需要抠出的主体,程序会自动根据色彩信息分辨出主体的轮廓,将其选中。

Anticrop在重新构图,延伸图像的使用上非常简单。在PC上延伸图像起码4步,扩展画布,选中可以复制或延伸的画面,将其复制到空白处,使用仿制印章等修补工具使复制的图像与原图像完美结合。而在Anticrop中,需要复制延展的元素都会直接被计算出来,你所需要做的只是拖动到你想延展的边界为止,填补的活儿就交给它吧。

三、利用手机传感器,在拍摄时就搞定麻烦的后期

早些时候实现一张全景照片非常费劲。需要三脚架固定机位,以便拍摄的多张照片能保持同一水平。同时需要使用相同的曝光、白平衡、ISO,设置较小的光圈才能拍出方便拼接的原片。还需要使用PS进行后期拼接。

而iPhone的全景功能则让全景照片的视线变得非常容易。拍摄全景时,手机自动锁定曝光,根据你移动的轨迹和速度提醒你调节水平和移动速度,并在拍摄同时完成拼接,整个过程仅需几秒。

Camera+在拍摄照片时,会记录下水平仪信息。后期只需要点一下拉直,即可自动完成水平。

四、拆分复杂操作

PS中修正图像畸变是对四个角进行拖拽操作。而在小尺寸屏幕上,对图像四个角进行拖拽的体验并不佳,为了给图像留足够的拖拽空间,画面必须缩小,做细微的调整变得很不便。于是Skrwt将透视拆解成两个纬度,上下透视和左右透视,拖动滑竿来改变透视程度,一次只调整一个纬度,既便于把控细节,操作上又较为方便。

而同样是调整透视和形变的Skew,复制了PC上的交互,操作体验上大打折扣。

五、 专业级APP倾向隐藏功能,大众级APP需要全功能曝光

后期APP如Snapseed,Vscocam是众多摄影师的心头好,但对初次接触的用户来说门槛较高。由于功能多,为了减少干扰,让用户更聚焦在当下效果的调整,菜单项往往被隐藏。例如Snapseed中,添加某一效果时,需通过左右滑动调整效果程度,上下滑动来切换其他平级菜单,界面上并不会有常驻的滑杆和菜单。

Vscocam中要调整滤镜的强度需要二次点击所选滤镜,才会出现强度调整滑杆。在它之前很少有APP隐藏滑杆,而当这种方式逐渐被接受时,越来越多的APP也选择用这样的方式隐藏滑杆,减少画面遮挡。

Skrwt作为图像畸变纠正APP,面向强迫症更强的专业群体。当对当前调整程度不满意时,需要两次点击滑竿来恢复初始值,隐藏了“还原”按钮。

相比之下,Aillis(原为line camera)则是更为大众的一款图像处理APP。所有操作都在界面上有对应的按钮。如下例所示,点击添加渐晕时,出现了调整程度的“详细”按钮,进行程度调整后,出现了取消调整的“重置”按钮。虽然界面元素较多,但方便用户找到他们需要的操作。

六、小众级APP更聚焦单点功能和社交分享

做大而全的功能需要很大人力投入与技术积累,小团队要在功能上对齐,吃力,但不一定讨好。能够让大家眼前一亮的小众APP多是专注在某个特定功能,将体验和效果做到独树一帜。在推广上,引导用户做社交分享,或是专为社交分享设计产品。 Fused是一款专注做重曝(多重曝光:摄影中一种采用两次或者更多次独立曝光,然后将它们重叠起来,组成单一照片)的应用,功能专注,界面布局专为多重曝光而设计。底部有选择前景图片和背景图片的操作区域,可以随时重新选择前景图片和背景图片,也可以方便地进行前后对调。中间的工具可对前景图片、背景图片分别进行调整,操作的逻辑清晰。

而Enlight则是一款多功能应用,重曝在它的操作里是一个叫“合成器”的工具。Enlight的界面布局是为单图后期而设计的,在使用“合成器”时,只能添加前景图片,对前景图片做调整,无法修改背景图片,也无法对调前后图片,这样两图要充分融合会有一定困难。

Frontback是一款为社交而生的图片应用,功能非常简单。用前置摄像头拍下你,后置摄像头拍下你看到的场景,拼成一张图,叙述了一个完整的“你在干什么”的故事,非常适合分享。

小结

专业的数码相机和数码后期在摄影的地位虽无法撼动,但在移动时代,数码图像处理的变化已经悄然发生,“手机摄影”已然成为了一种新的标签。在做移动端的图像处理APP设计时,要更多地考虑移动场景对效率和分享的追求,充分利用平台优势,创造更适合的图像处理体验。

感谢你的阅读,本文由 腾讯ISUX 版权所有,转载时请注明出处,违者必究,谢谢你的合作。 注明出处格式:腾讯ISUX (http://isux.tencent.com/origami.html)

原文发布于微信公众号 - 腾讯ISUX(tencent_isux)

原文发表时间:2015-06-05

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏知晓程序

你的字好看吗?这款小程序,让你重新爱上提笔写字

今天,「知晓程序」给大家推荐一款文艺范的小程序「手写咖」,带你认识那些漂亮的字,和写得一手好字的人。

681
来自专栏MixLab科技+设计实验室

App之“文字”的设计技巧

题外话:最近在忙着app上线,太忙了,没顾得上写文章,后面空了会继续更新~ ? 随着互联网技术的高速发展、传播媒体的国际化、信息资讯的大量膨胀,以及人们多元化需...

2714
来自专栏互联网数据官iCDO

别蛮干!优化转化除了转化漏斗,你的弹药库还需要几种分析武器

  转化分析是我讲的最多的领域。五六年前我讲的时候,大家不是很在乎,因为那时候流量不是事儿。今天,大家似乎都开始意识到,地上钻个孔就能喷出油的日子似乎离我们越来...

3559
来自专栏理论坞

60个设计师必备APP(下)

对设计师而言,好用的不仅是最好的iPad app,苹果的Marvel也是相当便利的设计工具。组合使用最好的iPhone app将为创意工作室创造更多可能性-更重...

883
来自专栏理论坞

跟随这10个趋势,你可以在2018年设计出出众的网页

年底最后一个月是总结头一年,思考和展望下一年的月份。经过2017年一整年的沉淀和总结,在最近的这些设计作品,重设计甚至小幅度的设计改版中,窥见一些即将在2018...

511
来自专栏理论坞

60个设计师必备APP(上)

尽管安卓手机上免费的app极具诱惑力,iPhone仍然是设计圈首选的智能手机。对设计师而言,好用的不仅是最好的iPad app,苹果的Marvel也是相当便利的...

532
来自专栏腾讯大讲堂的专栏

行为·设计·转化率——通过设计引导用户行为提升转化率

设计是感性的,还是理性的?都有,在理性的基础上,增加感性的元素。这个设计师们都了解,但理性的设计点具体体现在哪些地方呢?如何通过理性的设计影响用户行为,提升转...

2126
来自专栏知晓程序

买不起 iPhone X?这个上榜小程序,能让你马上「拥有」它!| 晓榜 #30

昨天,知晓程序为大家了介绍了一个薅微信「羊毛」的方法:扫描电子发票,就可以领红包,最高有 188 元!

823
来自专栏量子位

谷歌新推三款AI拍照App:短视频变漫画、自动抓拍、暴走风格剪辑

原作 Alex Kauffmann,谷歌研究中心的小哥哥 Root 编译自 Google Research Blog 量子位 出品 | 公众号 QbitAI 现...

2585
来自专栏腾讯社交用户体验设计

来自星星的花朵 - 腾讯ISUX

1005

扫码关注云+社区