項(xiàng)目背景：

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

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

影像環(huán)境：

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

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

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

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

影像本身：

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

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

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

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

貫穿始終的圖片：

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

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

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

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

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