新型SEO思维就是从一个全新的层次上提升seo优化的水平,达到网络信息最佳化的展示效果!
马海祥博客 > 网站制作 > 交互设计 > 移动场景下不同类型的图像处理应用设计

移动场景下不同类型的图像处理应用设计

时间:2015-05-24   文章来源:马海祥博客   访问次数:

随着社交平台移动化,人们更关心是否能及时、快速地分享照片,现在移动端的图像处理应用层出不穷,愈加优秀的手机硬件性能为图像类应用创造了更多可能,比如:新一代的单反、存储卡自带wifi可与手机传输,也让图片分享更快捷;利用手机自带的硬件传感器以及一些应用的智能算法,甚至可以在手机上完成数码相机做不到的功能。

移动场景下不同类型的图像处理应用设计-马海祥博客

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

1、效果一键实现

Photoshop、Lightroom等PC最常用的专业后期软件在功能上大而全,每个细节调整都可能由不同的工具(具体可查看马海祥博客《Photoshop工具界面介绍及使用说明》的相关介绍),分多步实现,满足精细调整的需要,处理时间较长,而在移动场景要处理复杂任务,就显得负担过重了,需要更简单高效的操作方式。

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

移动场景下不同类型的图像处理应用设计-马海祥博客

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

移动场景下不同类型的图像处理应用设计-马海祥博客

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

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

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

移动场景下不同类型的图像处理应用设计-马海祥博客

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

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

移动场景下不同类型的图像处理应用设计-马海祥博客

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

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

移动场景下不同类型的图像处理应用设计-马海祥博客

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

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

4、拆分复杂操作

PS中修正图像畸变是对四个角进行拖拽操作,而在小尺寸屏幕上,对图像四个角进行拖拽的体验并不佳,为了给图像留足够的拖拽空间,画面必须缩小,做细微的调整变得很不便。

于是Skrwt将透视拆解成两个纬度,上下透视和左右透视,拖动滑竿来改变透视程度,一次只调整一个纬度,既便于把控细节,操作上又较为方便。

移动场景下不同类型的图像处理应用设计-马海祥博客

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

移动场景下不同类型的图像处理应用设计-马海祥博客

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

后期APP如Snapseed,Vscocam是众多摄影师的心头好,但对初次接触的用户来说门槛较高,由于功能多,为了减少干扰,让用户更聚焦在当下效果的调整,菜单项往往被隐藏。

例如Snapseed中,添加某一效果时,需通过左右滑动调整效果程度,上下滑动来切换其他平级菜单,界面上并不会有常驻的滑杆和菜单。

移动场景下不同类型的图像处理应用设计-马海祥博客

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

移动场景下不同类型的图像处理应用设计-马海祥博客

Skrwt作为图像畸变纠正APP,面向强迫症更强的专业群体,当对当前调整程度不满意时,需要两次点击滑竿来恢复初始值,隐藏了“还原”按钮(更多信息可查看马海祥博客《基于滑动维度的交互设计变化》的相关介绍)。

移动场景下不同类型的图像处理应用设计-马海祥博客

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

移动场景下不同类型的图像处理应用设计-马海祥博客

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

做大而全的功能需要很大人力投入与技术积累,小团队要在功能上对齐,吃力,但不一定讨好,能够让大家眼前一亮的小众APP多是专注在某个特定功能,将体验和效果做到独树一帜,在推广上,引导用户做社交分享,或是专为社交分享设计产品。

Fused是一款专注做重曝(多重曝光:摄影中一种采用两次或者更多次独立曝光,然后将它们重叠起来,组成单一照片)的应用,功能专注,界面布局专为多重曝光而设计,底部有选择前景图片和背景图片的操作区域,可以随时重新选择前景图片和背景图片,也可以方便地进行前后对调,中间的工具可对前景图片、背景图片分别进行调整,操作的逻辑清晰。

移动场景下不同类型的图像处理应用设计-马海祥博客

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

移动场景下不同类型的图像处理应用设计-马海祥博客

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

移动场景下不同类型的图像处理应用设计-马海祥博客

好了,对于移动场景下的图像处理应用设计暂时就为大家介绍这么多吧,你是不是也从这些应用设计中得到很多的启发呢!

马海祥博客点评:

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

本文为马海祥博客原创文章,如想转载,请注明原文网址摘自于http://www.mahaixiang.cn/jhsj/1172.html,注明出处;否则,禁止转载;谢谢配合!

相关热词搜索: 应用设计 图像处理 图像设计

上一篇:触控设备中Hover效果的互动设计
下一篇:交互设计是什么?

今日话题更多>

SEO研究院 更多 >>