照片也能講故事:水印相機設計小結
Brandon Stanton是一名混跡于紐約街頭的攝影師,他從2010年起拍攝紐約市民和游客,并把這些肖像照配上當事人的話或小故事發到FB上,迄今他的博客已有近400萬粉絲。在接受采訪時他說:“于其說我的博客是個照片博客,不如說是講故事的博客”。照片配以文字構成了形象的故事,故事傳達出人細膩的情感。
水印相機是國內首款智能水印應用,嘗試通過簡單的操作就能讓照片講故事,為照片添加符合使用場景的水印,或用心情水印一訴衷腸,或用地點海拔水印一覽眾山小,記錄一份心情,促進人與人的溝通。水印本身靠信息的排布與取舍、圖形的創意與表達,并不斷平衡水印與照片的關系,讓水印融入并強化照片的故事性;為照片搭配水印的交互過程則是平衡水印數量與選擇效率。
圖文如何才能并茂
文之于圖,從簡單點綴到塊面覆蓋、從鏤空透明到大面積遮蓋,我們對水印與照片的比例做了大量嘗試。最后結合數據統計和用戶反饋,放棄了頗“前衛藝術”的風格化大面積修飾,采用遮擋有限、易融入畫面的水印,并配以部分比例適當以給足表達心情空間的遮擋型水印。
每個水印分類中都會默認有一枚基本款水印,它通常采用最普適的素材、圖形簡單、空間比例適當,影響拍攝者對該類水印特征認知的同時,也不易造成審美疲勞,簡單地表達當下的心情。
用圖形演繹文字
文字作為一種情感的表達方式,就像它本初時的象形文字的形象表達,我們也為水印文字添加了情感化的、更直觀的圖形,沉淀并演繹文字的述說。
水印相機的分貝水印,用隨著分貝值波動而變更的可愛圖形(飄落的葉子、歌唱的小鳥、喧囂的喇叭等)直觀闡述了這一物理概念,配合拍攝的場景,給拍攝者帶來一些使用的驚喜。
水印相機的一款“戀愛心情”水印中,拍攝者可以選擇符合當前心境的圖形文案,含蓄地融合在照片上,渲染照片表達的故事,看水印照片的人也獲得了一種聯想的空間。
亂花漸欲迷人眼
隨著4個版本的迭代,各場景分類下的水印達150余款,原有的針對水印較少時的架構已難承載日漸增多的內容。在歷次調研中,用戶也反映:選擇水印步驟多、常用水印難翻找。這些問題潛伏在早期版本的兩個交互設定中:橫向滑動的類內選擇和點擊分類按鈕后的類間選擇。
橫向滑動的類內選擇能鼓勵用戶嘗試不同水印,但滑動的操作方式不利于對特定水印的查找和多款水印間的對比選擇,尤其在水印排序變動時。
點擊分類按鈕后的類間選擇也存在步驟較多、干擾多、多款水印間對比難的缺點。如在水印庫中選擇水印時,通常需要3次點選(紅)和幾次滑動(藍)才能定位某已下載水印。
收納為了更好地選擇
經由問題的分析,矛盾集結在如何有效率地選擇水印,這就需要使水印展示更加清晰,操作更加便捷。
在2.0改版中,點擊分類按鈕呼出的界面豐富了早前版本的設計,將其設定為“已下載水印”,與水印庫的“在線水印”相區分。水印展示區用于改善水印間的比較選擇;分類切換區繼承早前版本的位置和操作方式,便于用戶單手操作;窗口操作區提供水印庫的統一入口和關閉窗口按鈕。在線水印庫的設定與已下載水印類似,只將分類選擇區移至導航欄下,以示區分。
微縮故事的選擇
承載故事關鍵的水印需要以什么形式供用戶選擇呢?在水印展示區的設計中,將水印微縮在方寸縮略圖中,并排定為3×3的形式。一屏9張縮略圖滿足短時記憶原則,可使用戶在一般性水印比較時對各個水印有基本的印象;同時3×3的排布也是清晰展示水印內容和有效利用空間的綜合考慮結果。當某分類下已下載水印多于9張時不采用向下連續滑動而增加分頁符,保證用戶在受控的9個選項中選擇。不同分類間采用和分類內部一致的橫向滑動切換方式。同時增加“最近”分類,方便用戶查找常用的水印。
?
在縮略圖的設定上,一些水印做了特征部分加大的處理以凸顯水印特色;用規范所有元素投影大小、顏色、角度的方式讓一屏顯示多張縮略圖時不至太混亂;1:1的縮略圖也可兼容日后水印選擇界面支持橫屏時縮略圖的旋轉。
選擇中的環境呼應
在最初的設計中,希望用水印的使用環境(取景框中圖像)配合縮略圖代表的水印的選擇, 即水印展示區背景采用取景框圖像模糊這種符合iOS7設計的方式。在具體實現中,Android側較難實現這樣的效果而采用了“優雅降級”的黑色半透明蒙板方式,反而比模糊背景更能體現拍攝環境與水印的呼應,因此最后設定為黑色半透明蒙板的方式。
但在水印庫中,沒有采用透明背景的水印縮略圖,而采用有示例背景圖片的方式,主要出于部分水?。ㄈ缛讼耦愃。┬枰鞔_的拍攝場景才能傳達水印的特色的考量。
?
結語
水印是故事的演繹,照片是故事的影像,水印照片由此成為故事的意向載體。結合用研中用戶需求的挖掘,在水印的展示和操作流程上為故事的表達服務。最新版本的界面簡潔、水印操作方便得到了用戶認可,部分非運營、非首位水印的使用比例也增長約兩成。部分細節體驗如橫屏操作等仍需改善,讓水印更好地融入有故事的照片。
- 目前還沒評論,等你發揮!