移動場(chǎng)景下的(de)圖像處理(lǐ)應用(yòng)設計(jì)

文(wén)章(zhāng)分(fēn)類:設計(jì)前沿 發布時間2015-05-20 原文(wén)鏈接:騰訊ISUX 閱讀(dú)(179)


那個(gè)“興沖沖地(dì)在電腦(nǎo)上(shàng)導入相(xiàng)機剛拍(pāi)攝的(de)照(zhào)片,打開(kāi)PS處理(lǐ)照(zhào)片,再上(shàng)傳至圖片社區”的(de)日子仿佛離(lí)我們越來越遠。 随著(zhe)社交平台移動化,我們更關心是否能(néng)及時、快速地(dì)分(fēn)享照(zhào)片。現在,移動端的(de)圖像處理(lǐ)應用(yòng)層出不窮,愈加優秀的(de)手機硬件(jiàn)性能(néng)爲圖像類應用(yòng)創造了更多可(kě)能(néng);新一代的(de)單反、存儲卡自帶wifi可(kě)與手機傳輸,也(yě)讓圖片分(fēn)享更快捷;利用(yòng)手機自帶的(de)硬件(jiàn)傳感器(qì)以及一些應用(yòng)的(de)智能(néng)算法,甚至可(kě)以在手機上(shàng)完成數碼相(xiàng)機做不到(dào)的(de)功能(néng)。

毫無疑問,手機拍(pāi)攝、移動端處理(lǐ)圖像,已成爲社交平台圖片分(fēn)享的(de)主要路(lù)徑。本文(wén)将通過一些案例,和(hé)大(dà)家探討(tǎo)下從PC端轉向移動端,圖像處理(lǐ)體驗将如(rú)何更好地(dì)适應小(xiǎo)屏操作,以及不同類型的(de)圖像處理(lǐ)應用(yòng)在功能(néng)設計(jì)上(shàng)不同的(de)偏重。

一、效果一鍵實現

PhotoshopLightroom等PC最常用(yòng)的(de)專業(yè)後期軟件(jiàn)在功能(néng)上(shàng)大(dà)而全,每個(gè)細節調整都(dōu)可(kě)能(néng)由不同的(de)工(gōng)具,分(fēn)多步實現,滿足精細調整的(de)需要,處理(lǐ)時間較長。而在移動場(chǎng)景要處理(lǐ)複雜任務,就顯得負擔過重了,需要更簡單高(gāo)效的(de)操作方式。

各圖像APP裏的(de)濾鏡即是打包了曲線、色調、飽和(hé)度等調整的(de)預設,在PC裏需要的(de)多步調整簡化爲了APP裏的(de)一鍵操作,成爲了手機圖像處理(lǐ)裏最常用(yòng)的(de)功能(néng)。

移動場(chǎng)景下的(de)圖像處理(lǐ)應用(yòng)設計(jì)

足迹更是整合了圖像的(de)剪裁、濾鏡、邊框、文(wén)字和(hé)文(wén)案功能(néng),一鍵将普通照(zhào)片轉換成了電影風。雖然早在足迹前,其他(tā)應用(yòng)通過多步操作也(yě)可(kě)以實現同樣效果,但(dàn)足迹的(de)一鍵在效率和(hé)效果上(shàng)的(de)提升爲它帶來了用(yòng)戶的(de)爆發式增長。移動場(chǎng)景下的(de)圖像處理(lǐ)應用(yòng)設計(jì)

以往HDR(即高(gāo)動态範圍圖像:利用(yòng)每個(gè)曝光(guāng)時間相(xiàng)對應最佳細節的(de)低動态範圍圖像合成的(de)最終圖像)在PC上(shàng)的(de)實現需要将圖像的(de)高(gāo)光(guāng)壓暗(àn),陰影提亮,調高(gāo)中間調的(de)對比度來還原圖像中的(de)更多細節。或是将多張同一構圖不同曝光(guāng)的(de)照(zhào)片中,每個(gè)元素曝光(guāng)正确的(de)部分(fēn)選出,合成在一張圖像裏,過程較爲複雜。而Snapseed的(de)HDR效果則隻需要一鍵即可(kě)完成,在大(dà)大(dà)提高(gāo)效率,降低了後期門檻的(de)同時,實現了非常棒的(de)效果。

移動場(chǎng)景下的(de)圖像處理(lǐ)應用(yòng)設計(jì)

二、 使用(yòng)智能(néng)算法,減少(shǎo)手動操作

最早先的(de)人(rén)像美(měi)容APP更多地(dì)依賴用(yòng)戶的(de)手動調整,Facetune需要手動磨皮,點擊斑點祛痘祛痣,Line Camera(現爲Aillis)常常需要手動定位眼鼻口位置。而當人(rén)臉識别算法被大(dà)量引入人(rén)像處理(lǐ)APP後,磨皮瘦臉隻需拉拉滑竿,甚至一鍵美(měi)容即可(kě)實現。人(rén)臉識别的(de)優勢在人(rén)像美(měi)妝尤爲明(míng)顯。天天P圖火(huǒ)爆的(de)瘋狂變妝、時尚美(měi)妝,自動進行(xíng)人(rén)臉識别五官定位,使得素材妝容完美(měi)貼合五官,秒速完成上(shàng)妝。

移動場(chǎng)景下的(de)圖像處理(lǐ)應用(yòng)設計(jì)

PC上(shàng)常用(yòng)的(de)摳圖方法是用(yòng)鋼筆(bǐ)工(gōng)具或其他(tā)選區工(gōng)具将主體的(de)輪廓完整地(dì)勾勒出來,在移動端受限于屏幕大(dà)小(xiǎo)和(hé)輸入設備,沒辦法用(yòng)手指輕松塗圈出主體的(de)輪廓。在天天P圖的(de)魔法摳圖中,則隻需要塗一下需要摳出的(de)主體,程序會(huì)自動根據色彩信息分(fēn)辨出主體的(de)輪廓,将其選中。

移動場(chǎng)景下的(de)圖像處理(lǐ)應用(yòng)設計(jì)

Anticrop在重新構圖,延伸圖像的(de)使用(yòng)上(shàng)非常簡單。在PC上(shàng)延伸圖像起碼4步,擴展畫布,選中可(kě)以複制(zhì)或延伸的(de)畫面,将其複制(zhì)到(dào)空白處,使用(yòng)仿制(zhì)印章(zhāng)等修補工(gōng)具使複制(zhì)的(de)圖像與原圖像完美(měi)結合。而在Anticrop中,需要複制(zhì)延展的(de)元素都(dōu)會(huì)直接被計(jì)算出來,你(nǐ)所需要做的(de)隻是拖動到(dào)你(nǐ)想延展的(de)邊界爲止,填補的(de)活兒就交給它吧(ba)。

移動場(chǎng)景下的(de)圖像處理(lǐ)應用(yòng)設計(jì)

三、利用(yòng)手機傳感器(qì),在拍(pāi)攝時就搞定麻煩的(de)後期

早些時候實現一張全景照(zhào)片非常費勁。需要三腳架固定機位,以便拍(pāi)攝的(de)多張照(zhào)片能(néng)保持同一水(shuǐ)平。同時需要使用(yòng)相(xiàng)同的(de)曝光(guāng)、白平衡、ISO,設置較小(xiǎo)的(de)光(guāng)圈才能(néng)拍(pāi)出方便拼接的(de)原片。還需要使用(yòng)PS進行(xíng)後期拼接。

移動場(chǎng)景下的(de)圖像處理(lǐ)應用(yòng)設計(jì)

而iPhone的(de)全景功能(néng)則讓全景照(zhào)片的(de)視線變得非常容易。拍(pāi)攝全景時,手機自動鎖定曝光(guāng),根據你(nǐ)移動的(de)軌迹和(hé)速度提醒你(nǐ)調節水(shuǐ)平和(hé)移動速度,并在拍(pāi)攝同時完成拼接,整個(gè)過程僅需幾秒。

Camera+在拍(pāi)攝照(zhào)片時,會(huì)記錄下水(shuǐ)平儀信息。後期隻需要點一下拉直,即可(kě)自動完成水(shuǐ)平。

移動場(chǎng)景下的(de)圖像處理(lǐ)應用(yòng)設計(jì)

四、拆分(fēn)複雜操作

PS中修正圖像畸變是對四個(gè)角進行(xíng)拖拽操作。而在小(xiǎo)尺寸屏幕上(shàng),對圖像四個(gè)角進行(xíng)拖拽的(de)體驗并不佳,爲了給圖像留足夠的(de)拖拽空間,畫面必須縮小(xiǎo),做細微的(de)調整變得很不便。于是Skrwt将透視拆解成兩個(gè)緯度,上(shàng)下透視和(hé)左右透視,拖動滑竿來改變透視程度,一次隻調整一個(gè)緯度,既便于把控細節,操作上(shàng)又(yòu)較爲方便。

移動場(chǎng)景下的(de)圖像處理(lǐ)應用(yòng)設計(jì)

而同樣是調整透視和(hé)形變的(de)Skew,複制(zhì)了PC上(shàng)的(de)交互,操作體驗上(shàng)大(dà)打折扣。

移動場(chǎng)景下的(de)圖像處理(lǐ)應用(yòng)設計(jì)

五、 專業(yè)級APP傾向隐藏功能(néng),大(dà)衆級APP需要全功能(néng)曝光(guāng)

後期APP如(rú)SnapseedVscocam是衆多攝影師(shī)的(de)心頭好,但(dàn)對初次接觸的(de)用(yòng)戶來說門檻較高(gāo)。由于功能(néng)多,爲了減少(shǎo)幹擾,讓用(yòng)戶更聚焦在當下效果的(de)調整,菜單項往往被隐藏。例如(rú)Snapseed中,添加某一效果時,需通過左右滑動調整效果程度,上(shàng)下滑動來切換其他(tā)平級菜單,界面上(shàng)并不會(huì)有(yǒu)常駐的(de)滑杆和(hé)菜單。

移動場(chǎng)景下的(de)圖像處理(lǐ)應用(yòng)設計(jì)

Vscocam中要調整濾鏡的(de)強度需要二次點擊所選濾鏡,才會(huì)出現強度調整滑杆。在它之前很少(shǎo)有(yǒu)APP隐藏滑杆,而當這種方式逐漸被接受時,越來越多的(de)APP也(yě)選擇用(yòng)這樣的(de)方式隐藏滑杆,減少(shǎo)畫面遮擋。

移動場(chǎng)景下的(de)圖像處理(lǐ)應用(yòng)設計(jì)

Skrwt作爲圖像畸變糾正APP,面向強迫症更強的(de)專業(yè)群體。當對當前調整程度不滿意時,需要兩次點擊滑竿來恢複初始值,隐藏了“還原”按鈕。

移動場(chǎng)景下的(de)圖像處理(lǐ)應用(yòng)設計(jì)

相(xiàng)比之下,Aillis(原爲line camera)則是更爲大(dà)衆的(de)一款圖像處理(lǐ)APP。所有(yǒu)操作都(dōu)在界面上(shàng)有(yǒu)對應的(de)按鈕。如(rú)下例所示,點擊添加漸暈時,出現了調整程度的(de)“詳細”按鈕,進行(xíng)程度調整後,出現了取消調整的(de)“重置”按鈕。雖然界面元素較多,但(dàn)方便用(yòng)戶找到(dào)他(tā)們需要的(de)操作。

移動場(chǎng)景下的(de)圖像處理(lǐ)應用(yòng)設計(jì)

六、小(xiǎo)衆級APP更聚焦單點功能(néng)和(hé)社交分(fēn)享

做大(dà)而全的(de)功能(néng)需要很大(dà)人(rén)力投入與技術(shù)積累,小(xiǎo)團隊要在功能(néng)上(shàng)對齊,吃力,但(dàn)不一定討(tǎo)好。能(néng)夠讓大(dà)家眼前一亮的(de)小(xiǎo)衆APP多是專注在某個(gè)特定功能(néng),将體驗和(hé)效果做到(dào)獨樹一幟。在推廣上(shàng),引導用(yòng)戶做社交分(fēn)享,或是專爲社交分(fēn)享設計(jì)産品。 Fused是一款專注做重曝(多重曝光(guāng):攝影中一種采用(yòng)兩次或者更多次獨立曝光(guāng),然後将它們重疊起來,組成單一照(zhào)片)的(de)應用(yòng),功能(néng)專注,界面布局專爲多重曝光(guāng)而設計(jì)。底部有(yǒu)選擇前景圖片和(hé)背景圖片的(de)操作區域,可(kě)以随時重新選擇前景圖片和(hé)背景圖片,也(yě)可(kě)以方便地(dì)進行(xíng)前後對調。中間的(de)工(gōng)具可(kě)對前景圖片、背景圖片分(fēn)别進行(xíng)調整,操作的(de)邏輯清晰。

移動場(chǎng)景下的(de)圖像處理(lǐ)應用(yòng)設計(jì)

Enlight則是一款多功能(néng)應用(yòng),重曝在它的(de)操作裏是一個(gè)叫“合成器(qì)”的(de)工(gōng)具。Enlight的(de)界面布局是爲單圖後期而設計(jì)的(de),在使用(yòng)“合成器(qì)”時,隻能(néng)添加前景圖片,對前景圖片做調整,無法修改背景圖片,也(yě)無法對調前後圖片,這樣兩圖要充分(fēn)融合會(huì)有(yǒu)一定困難。

移動場(chǎng)景下的(de)圖像處理(lǐ)應用(yòng)設計(jì)

Frontback是一款爲社交而生的(de)圖片應用(yòng),功能(néng)非常簡單。用(yòng)前置攝像頭拍(pāi)下你(nǐ),後置攝像頭拍(pāi)下你(nǐ)看到(dào)的(de)場(chǎng)景,拼成一張圖,叙述了一個(gè)完整的(de)“你(nǐ)在幹什(shén)麽”的(de)故事,非常适合分(fēn)享。

移動場(chǎng)景下的(de)圖像處理(lǐ)應用(yòng)設計(jì)

小(xiǎo)結

專業(yè)的(de)數碼相(xiàng)機和(hé)數碼後期在攝影的(de)地(dì)位雖無法撼動,但(dàn)在移動時代,數碼圖像處理(lǐ)的(de)變化已經悄然發生,“手機攝影”已然成爲了一種新的(de)标簽。在做移動端的(de)圖像處理(lǐ)APP設計(jì)時,要更多地(dì)考慮移動場(chǎng)景對效率和(hé)分(fēn)享的(de)追求,充分(fēn)利用(yòng)平台優勢,創造更适合的(de)圖像處理(lǐ)體驗。

 

感謝你(nǐ)的(de)閱讀(dú),本文(wén)由 騰訊ISUX 版權所有(yǒu),轉載時請注明(míng)出處,違者必究,謝謝你(nǐ)的(de)合作。


原文(wén)來自:騰訊ISUX