項目背景：

如果說有什么可以隨時隨地記錄生活的點滴，那一定非手機(jī)莫屬了。手機(jī)的看家本領(lǐng)就是移動性，再加上卡片機(jī)似的成像效果，通過手機(jī)拍照、處理、分享的需求在日益增長。去年圣誕季上線的QQ影像 for iPhone（以下簡稱iPhone影像）應(yīng)運(yùn)而生，跟在了經(jīng)過一段時間試水的QQ影像 for iPad之后。經(jīng)過幾個版本的迭代，先是濾鏡的精細(xì)打磨，再是交互流程上的陪伴式圖片編輯的改版，iPhone影像逐漸從編輯工具為重心轉(zhuǎn)換到圖片感情表達(dá)為重心上來，清晰了一切為了圖片記錄的生活的app理念。

接下來選取一些iPhone影像在視覺、交互和產(chǎn)品創(chuàng)意上的點滴與大家分享。

影像環(huán)境：

營造一個具有帶入感的影像處理環(huán)境是視覺處理的首要目標(biāo)。

首頁的變遷是體現(xiàn)影像環(huán)境營造的代表。最初的首頁利用擬物的手法搭建生活中處理圖片的場景達(dá)到沉浸的目的，但在可擴(kuò)展和清晰表義上仍有欠缺。隨后，圖標(biāo)+文字這種可用性較強(qiáng)的設(shè)計占據(jù)了較長時間的首頁，盡管表義清晰、擴(kuò)展性也有一定的保證，但此種導(dǎo)航工具感強(qiáng)。因此在最近的版本中，將首頁進(jìn)一步發(fā)展為編輯生活瞬間的入口，將功能入口融入生活場景，增強(qiáng)影像處理帶入感。

為了將影像處理工具融入影像處理的大環(huán)境，工具欄舍棄了常規(guī)的不透明背景，代替以半透明甚至漸變透明的工具承載背景，使工具與圖片相得益彰。同時，為了賦予圖片以盡可能大的視覺空間，將普通（3：4比例圖片如相機(jī)拍攝照片）圖片以系統(tǒng)相冊般全屏呈現(xiàn)。

整體界面UI采用暗環(huán)境突出圖片主體。經(jīng)過一系列對比實驗，暗環(huán)境最廣泛適合各種照片的編輯，也在一定程度上提升app的專業(yè)感。

影像本身：

濾鏡作為便捷的一步見效圖像處理操作，特別適合在調(diào)節(jié)空間有限的移動設(shè)備上應(yīng)用。經(jīng)過文藝范濾鏡處理過的圖片可以增強(qiáng)互動性，評論積極性也更高，在sns時代更是如此，因此圖像處理類app都爭相加入濾鏡。

經(jīng)過對幾十款圖像處理app的分析，總結(jié)出濾鏡的8個維度：

在以上8個維度基礎(chǔ)上，將原創(chuàng)濾鏡在軸線上做了可視化排布。從中可以看出，iPhone影像濾鏡在顏色傾向上已經(jīng)覆蓋到冷、暖色調(diào)，個別特效也涉及了紅色、紫色傾向；一些軸線如顏色飽和度、復(fù)古做舊、攝影膠片等從弱到強(qiáng)分布均勻；繪畫藝術(shù)化緯度在項目初期沒有深入嘗試，主要靠引進(jìn)Q拍的濾鏡補(bǔ)齊，后續(xù)版本則進(jìn)行了更符合iPhone影像產(chǎn)品氣質(zhì)的優(yōu)化；失焦和扭曲這兩緯度上均未深入，只有柔光、移軸、魚眼等比較保守的特效。

在濾鏡縮略圖的選擇上，經(jīng)歷了固定圖像縮略圖 -> 當(dāng)前圖像濾鏡后縮略圖 -> 固定圖像縮略圖的回歸性調(diào)整�？偨Y(jié)出，用實時處理出的當(dāng)前圖像做縮略圖，盡管在一定程度上反映濾鏡用于該圖像后的效果，但這種效果一般并不顯著，不能全面詮釋濾鏡本身的特色，因此，給出一個最能平衡反映各濾鏡特色的縮略圖成為最終選擇。下圖即為在固定圖像縮略圖上的iPhone影像原創(chuàng)濾鏡。

貫穿始終的圖片：

圖片是影像處理的核心，怎么讓它成為陪伴全程的主線、怎么給它以最大的展示空間是需要思考的問題。

為了讓圖片自身提起選擇->編輯->分享的功能主線，為用戶營造影像處理的掌控感，時時可見圖片算是一種解決方案，而動畫就成為該方案的最佳載體。在分享部分，改進(jìn)了較早版本的單獨分享頁面，代之以畫板抽動露出功能的動畫方式。在該主線的最后一步，加入從畫板拿下圖片并分享的動畫，使圖片作為生活印記的存在感一氣呵成。

在最大空間展示圖片上，如"影像環(huán)境"中所述，將普通圖片全屏呈現(xiàn)，并讓其具有系統(tǒng)相冊的基本操作。只有在進(jìn)入具體編輯功能時，才在導(dǎo)航區(qū)隱去的同時動態(tài)縮小顯示，盡量保證圖片的最大化。

標(biāo)簽： 交互設(shè)計 視覺設(shè)計 QQ影像 

版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請與原作者聯(lián)系。