照片也能講故事:水印相機(jī)設(shè)計(jì)小結(jié)

0 評論 10386 瀏覽 7 收藏 10 分鐘

Brandon Stanton是一名混跡于紐約街頭的攝影師,他從2010年起拍攝紐約市民和游客,并把這些肖像照配上當(dāng)事人的話或小故事發(fā)到FB上,迄今他的博客已有近400萬粉絲。在接受采訪時(shí)他說:“于其說我的博客是個(gè)照片博客,不如說是講故事的博客”。照片配以文字構(gòu)成了形象的故事,故事傳達(dá)出人細(xì)膩的情感。

1

水印相機(jī)是國內(nèi)首款智能水印應(yīng)用,嘗試通過簡單的操作就能讓照片講故事,為照片添加符合使用場景的水印,或用心情水印一訴衷腸,或用地點(diǎn)海拔水印一覽眾山小,記錄一份心情,促進(jìn)人與人的溝通。水印本身靠信息的排布與取舍、圖形的創(chuàng)意與表達(dá),并不斷平衡水印與照片的關(guān)系,讓水印融入并強(qiáng)化照片的故事性;為照片搭配水印的交互過程則是平衡水印數(shù)量與選擇效率。

0

圖文如何才能并茂

文之于圖,從簡單點(diǎn)綴到塊面覆蓋、從鏤空透明到大面積遮蓋,我們對水印與照片的比例做了大量嘗試。最后結(jié)合數(shù)據(jù)統(tǒng)計(jì)和用戶反饋,放棄了頗“前衛(wèi)藝術(shù)”的風(fēng)格化大面積修飾,采用遮擋有限、易融入畫面的水印,并配以部分比例適當(dāng)以給足表達(dá)心情空間的遮擋型水印。

2-1
2-2

每個(gè)水印分類中都會(huì)默認(rèn)有一枚基本款水印,它通常采用最普適的素材、圖形簡單、空間比例適當(dāng),影響拍攝者對該類水印特征認(rèn)知的同時(shí),也不易造成審美疲勞,簡單地表達(dá)當(dāng)下的心情。

3

用圖形演繹文字

文字作為一種情感的表達(dá)方式,就像它本初時(shí)的象形文字的形象表達(dá),我們也為水印文字添加了情感化的、更直觀的圖形,沉淀并演繹文字的述說

水印相機(jī)的分貝水印,用隨著分貝值波動(dòng)而變更的可愛圖形(飄落的葉子、歌唱的小鳥、喧囂的喇叭等)直觀闡述了這一物理概念,配合拍攝的場景,給拍攝者帶來一些使用的驚喜。

4

水印相機(jī)的一款“戀愛心情”水印中,拍攝者可以選擇符合當(dāng)前心境的圖形文案,含蓄地融合在照片上,渲染照片表達(dá)的故事,看水印照片的人也獲得了一種聯(lián)想的空間。

5

亂花漸欲迷人眼

隨著4個(gè)版本的迭代,各場景分類下的水印達(dá)150余款,原有的針對水印較少時(shí)的架構(gòu)已難承載日漸增多的內(nèi)容。在歷次調(diào)研中,用戶也反映:選擇水印步驟多、常用水印難翻找。這些問題潛伏在早期版本的兩個(gè)交互設(shè)定中:橫向滑動(dòng)的類內(nèi)選擇和點(diǎn)擊分類按鈕后的類間選擇。

橫向滑動(dòng)的類內(nèi)選擇能鼓勵(lì)用戶嘗試不同水印,但滑動(dòng)的操作方式不利于對特定水印的查找和多款水印間的對比選擇,尤其在水印排序變動(dòng)時(shí)。

6

點(diǎn)擊分類按鈕后的類間選擇也存在步驟較多、干擾多、多款水印間對比難的缺點(diǎn)。如在水印庫中選擇水印時(shí),通常需要3次點(diǎn)選(紅)和幾次滑動(dòng)(藍(lán))才能定位某已下載水印。

7

收納為了更好地選擇

經(jīng)由問題的分析,矛盾集結(jié)在如何有效率地選擇水印,這就需要使水印展示更加清晰,操作更加便捷。

在2.0改版中,點(diǎn)擊分類按鈕呼出的界面豐富了早前版本的設(shè)計(jì),將其設(shè)定為“已下載水印”,與水印庫的“在線水印”相區(qū)分。水印展示區(qū)用于改善水印間的比較選擇;分類切換區(qū)繼承早前版本的位置和操作方式,便于用戶單手操作;窗口操作區(qū)提供水印庫的統(tǒng)一入口和關(guān)閉窗口按鈕。在線水印庫的設(shè)定與已下載水印類似,只將分類選擇區(qū)移至導(dǎo)航欄下,以示區(qū)分。

8

微縮故事的選擇

承載故事關(guān)鍵的水印需要以什么形式供用戶選擇呢?在水印展示區(qū)的設(shè)計(jì)中,將水印微縮在方寸縮略圖中,并排定為3×3的形式。一屏9張縮略圖滿足短時(shí)記憶原則,可使用戶在一般性水印比較時(shí)對各個(gè)水印有基本的印象;同時(shí)3×3的排布也是清晰展示水印內(nèi)容和有效利用空間的綜合考慮結(jié)果。當(dāng)某分類下已下載水印多于9張時(shí)不采用向下連續(xù)滑動(dòng)而增加分頁符,保證用戶在受控的9個(gè)選項(xiàng)中選擇。不同分類間采用和分類內(nèi)部一致的橫向滑動(dòng)切換方式。同時(shí)增加“最近”分類,方便用戶查找常用的水印。

?9

在縮略圖的設(shè)定上,一些水印做了特征部分加大的處理以凸顯水印特色;用規(guī)范所有元素投影大小、顏色、角度的方式讓一屏顯示多張縮略圖時(shí)不至太混亂;1:1的縮略圖也可兼容日后水印選擇界面支持橫屏?xí)r縮略圖的旋轉(zhuǎn)。

選擇中的環(huán)境呼應(yīng)

在最初的設(shè)計(jì)中,希望用水印的使用環(huán)境(取景框中圖像)配合縮略圖代表的水印的選擇, 即水印展示區(qū)背景采用取景框圖像模糊這種符合iOS7設(shè)計(jì)的方式。在具體實(shí)現(xiàn)中,Android側(cè)較難實(shí)現(xiàn)這樣的效果而采用了“優(yōu)雅降級”的黑色半透明蒙板方式,反而比模糊背景更能體現(xiàn)拍攝環(huán)境與水印的呼應(yīng),因此最后設(shè)定為黑色半透明蒙板的方式。

10

但在水印庫中,沒有采用透明背景的水印縮略圖,而采用有示例背景圖片的方式,主要出于部分水印(如人像類水?。┬枰鞔_的拍攝場景才能傳達(dá)水印的特色的考量。

?11

結(jié)語

水印是故事的演繹,照片是故事的影像,水印照片由此成為故事的意向載體。結(jié)合用研中用戶需求的挖掘,在水印的展示和操作流程上為故事的表達(dá)服務(wù)。最新版本的界面簡潔、水印操作方便得到了用戶認(rèn)可,部分非運(yùn)營、非首位水印的使用比例也增長約兩成。部分細(xì)節(jié)體驗(yàn)如橫屏操作等仍需改善,讓水印更好地融入有故事的照片。

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發(fā)揮!