详细解析移动场景下的图像处理应用设计

2016-02-16 20:26 10 1 收藏

只要你有一台电脑或者手机,都能关注图老师为大家精心推荐的详细解析移动场景下的图像处理应用设计,手机电脑控们准备好了吗?一起看过来吧!

【 tulaoshi.com - 平面设计 】

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

详细解析移动场景下的图像处理应用设计,PS教程,图老师教程网

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

一、效果一键实现

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

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

详细解析移动场景下的图像处理应用设计,PS教程,图老师教程网

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

详细解析移动场景下的图像处理应用设计,PS教程,图老师教程网

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

详细解析移动场景下的图像处理应用设计,PS教程,图老师教程网

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

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

详细解析移动场景下的图像处理应用设计,PS教程,图老师教程网

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

详细解析移动场景下的图像处理应用设计,PS教程,图老师教程网

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

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

详细解析移动场景下的图像处理应用设计,PS教程,图老师教程网

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

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

详细解析移动场景下的图像处理应用设计,PS教程,图老师教程网

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

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

详细解析移动场景下的图像处理应用设计,PS教程,图老师教程网

四、拆分复杂操作

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

详细解析移动场景下的图像处理应用设计,PS教程,图老师教程网

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

详细解析移动场景下的图像处理应用设计,PS教程,图老师教程网

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

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

详细解析移动场景下的图像处理应用设计,PS教程,图老师教程网

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

详细解析移动场景下的图像处理应用设计,PS教程,图老师教程网

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

详细解析移动场景下的图像处理应用设计,PS教程,图老师教程网

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

详细解析移动场景下的图像处理应用设计,PS教程,图老师教程网

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

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

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

详细解析移动场景下的图像处理应用设计,PS教程,图老师教程网

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

详细解析移动场景下的图像处理应用设计,PS教程,图老师教程网

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

详细解析移动场景下的图像处理应用设计,PS教程,图老师教程网

小结

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

来源:http://www.tulaoshi.com/n/20160216/1573721.html

延伸阅读
App Store和Google Play里的app多如牛毛。很难说未来的趋势是什么,不过显然我们可以轻易选出当下的5种趋势并加以分析。今天十萬個為什麽同学简单归纳了当下的5种移动APP设计趋势,来涨姿势吧。 看看时下的app中的颜色、创意和简单朴素,我们能从中学到一些设计移动app的技巧。 App中的色彩 公认的,色彩始终是设计的一部分。不过,近来很多...
关于手机APP的导航设计讨论已经有很多了,特别是针对汉堡菜单的讨论。今天翻译的这篇文章,是原作者在真实的APP中对导航进行改版,观察数据并进行分析的一则小文,实战意义很强,可供借鉴。 在移动界面设计中,使用各种菜单控件来简化界面,对设计师来说很有吸引力 特别是在小屏幕的设备上。但是,将 App 的核心部分隐藏在这些菜单里,可能会...
很多人说:好的产品不需要引导页。在我看来,这是一个伪命题。首先,这反应了一个产品的态度,引导页充当的并不仅仅是功能说明;其次,除非你的APP名字叫微信,更何况微信这样的产品偶尔也会有引导页。 引导页之于APP的重要性,可以用毕业证书之于应届毕业生的关系来形容。 一流院校的毕业证书能够助你更好地敲开企业的大门。虽然学校的好坏不...
标签: 电脑入门
身处目前这个读图时代,无论是表现自己、朋友分享经历、还是记录生活、整理资料等等,都离不开图片处理。现在已经有不少朋友升级了Win8系统或者购置了Win8设备,并逐渐熟悉和喜欢上Win8系统酷炫的新界面、丰富的新功能以及流畅的使用体验,这里和大家一起分享Win8系统中比较好用的中文版免费图片处理应用,比如好照片以及美图秀秀等。 当我...
手绘元素通常是用在纸上的,但是它们被越来越多的用在网站设计上面,这些速写元素令网站极具个性并能为访问者提供有趣的体验。手绘风格的引入,对于互联网应用作品起到了一个积极的影响。不同的主题和绘画风格,使其表现形式具有原创性,给设计带来了多元化,人性化的特征。 我们先来看一些网络中的案例: 节庆主题插画 GOOGLE每一次节日...

经验教程

840

收藏

13
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部