移动场景下不同类型的图像处理应用设计
随着社交平台移动化,人们更关心是否能及时、快速地分享照片,现在移动端的图像处理应用层出不穷,愈加优秀的手机硬件性能为图像类应用创造了更多可能,比如:新一代的单反、存储卡自带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效果的互动设计
下一篇:交互设计是什么?
您可能还会对以下这些文章感兴趣!
-
交互设计是什么?
从用户角度来说,交互设计是一种如何让产品易用,有效而让人愉悦的技术,它致力于了解目标用户和他们的期望,了解用户在同产品交互时彼此的行为,了解“人”本身的心理和行为特点,同时,还包括了解各种有效的交互方式,并对它们进行增强和扩充,通过对产品的界面和行为……【查看全文】
阅读:792关键词: 交互设计 日期:2015-06-19 -
如何将需求还原成情景变成可用性设计?
可用性是交互式IT产品或系统的重要质量指标,主要用来表示产品对用户来说有效、易学、高效、好记、少错和令人满意的程度,即用户能否用产品完成他的任务,效率如何?主观感受怎样?实际上是从用户角度所看到的产品质量,是产品竞争力的核心。为了优化产品,提升用户体验……【查看全文】
-
动效设计的物理法则及应用
动效设计可以拓展空间内容,简化引导流程,降低学习成本,更重要的是给用户带来意想不到的惊喜,它就像人类的肢体语言,通过肢体语言传达更多的抽象信息和性格展现,动效作为当今提升网页感官效果的利器,在各种类型的网页中已经全面开花,如何做到自然流畅让用户感觉舒……【查看全文】
阅读:572关键词: 动效设计 日期:2015-09-25 -
交互设计中最常见的10个基础术语
交互设计起源于网站设计和图形设计,但现在已经成长为一个独立的领域。现在的交互设计师远非仅仅负责文字和图片,而是负责创建在屏幕上的所有元素,所有用户可能会触摸,点按或者输入的东西:简而言之,产品体验中的所有交互。随着移动互联网的迅猛发展,移动产品UI设计人员也开始面临紧缺起来。很多其他行业设计师也转行做UI设计,那么,作为一名UI设计师新手应掌握哪些知识,下面,我就带着大家先知道一下交互设计中最常见的10个基础术……【查看全文】
-
基于交互设计的默认值分类和设定
一般来说,在交互设计过程中涉及到系统缺省的都需要默认值,它起到引导、补救、宣传等作用。“默认值”这个词来自工程师术语,因为系统有很多默认操作。有了默认值用户就不会觉得慌乱,也就是给用户一个常态,在现实中我们也可以看到这样的例子:电脑默认值是关闭的:省……【查看全文】
-
交互式视频设计的分类和实现工具
交互式视频是指通过各种技术手段将交互体验融入到线性的视频的新型视频。它风靡起源于2005年,随着当时宽带接入速度的提升和多媒体播放技术的成熟,交互式视频越来越多,最初主要是由广告商赞助的广告视频,借用各种新奇的交互方式来吸引人们点击观看,增加产品的曝光度……【查看全文】
-
交互设计案例:产品结构化繁为简的设计理念
化繁为简,从不是件简单事,如何既保证功能体验完整,又体现WP平台自身极简、轻量的特点,成了贯穿我们设计始终的思考。“真正的简洁不是删繁就简,而是在纷繁中建立秩序”,打造全功能版的云音乐WP端,无论是设计还是开发都经历了从混乱到有序的过程。……【查看全文】
-
交互设计的三大隐形机制:加载、刷新和缓存
刷新、加载、缓存机制的设计,我不清楚是否应该归纳进交互设计师的职业范畴,但是作为一名用户体验设计师,这些点或多或少地影响着用户的使用体验,我们都应该给予足够多的重视。这些机制,独立来看都有现有模式可参考,但是交互设计师不应该把他们割裂地设计,不同机制……【查看全文】
-
如何制定交互设计效果的可量化考核方案
作为一名交互设计师,我一直在思考如何让我们每天的工作内容能够更直观体现其价值或效果的量化考核,如何将你的技能和除网站之外的知识运用到搜索设计工作中去,这也正是大多数用户体验真正开始的地方。其实交互设计师,视觉设计师,开发人员,信息架构师,搜索引擎优化……【查看全文】
-
网站分页导航的10大交互设计因素
在进行产品设计的时候,我们一切都是从用户需求的角度出发来进行思考和设计的。但是,产品是同时满足用户需求和公司需求(通常是盈利)的东西,所以,有时候,不得不考虑其它的一些东西。比如,在你浏览某些新闻资讯类网站的时候,你会发现,每一页的内容只有可怜的一两……【查看全文】
分类目录
互联网更多>>
- 互联网思维的一些特征 如今,互联网迅猛发展已经渗透人们生活各个方面,尤其是互联网正加快向传统行业渗透和融合,对传统行业提出严……
- 基于高斯模糊原理的模糊图片的研究 高斯模糊(Gaussian Blur)的原理中,它是根据高斯曲线调节象素色值,它是有选择地模糊图像。说得直白一点,就是高……
- 盘点2010年代这10年的重大网络安全事件 二十一世纪的第2个十年即将过去,在过去十年里有很多的重大网络安全事件发生,我们见证了过去十年,大量的数据……
SEO优化 更多>>
-
今年网站SEO优化要注意的6大策略
通俗的来说,SEO技术就是一种达到SEO效果所采用…… -
移动端手机站做站内优化的要点
随着移动流量的与日俱增,移动搜索引擎的功能…… -
百度搜索将推出飓风算法2.0:严厉打
为了营造良好的搜索内容生态,保护搜索用户的…… -
百度冰桶算法5.0:保障移动搜索用户
为了提升移动搜索落地页体验,营造优质的移动…… -
网站收录量对于网站排名的影响作用
很多做SEO的朋友都会问,是不是网站收录越多网…… -
SEO是什么?
对于刚入SEO行业的新人来说,要想做好网站的s…… -
如何使用留言评论进行推广引流
随着新媒体的快速发展,留言评论变得随处可见…… -
史上最全的网站SEO策略方案
在搜索引擎优化中,一个网站的SEO策略能最终影……