第 209 期「豌豆莢設(shè)計(jì)獎(jiǎng)」，我們頒給了一款拍照加字應(yīng)用「黃油相機(jī)」。簡(jiǎn)單而直觀的操作，讓每個(gè)人都能輕松的給照片加上文字，豐富的幾何圖形和字體更給你無限的創(chuàng)作空間。為什么會(huì)有這款應(yīng)用的誕生？為什么是「黃油」？創(chuàng)始人斯日來到「豌豆莢設(shè)計(jì)獎(jiǎng)」，跟我們聊聊「黃油相機(jī)」背后你一定不知道的故事。
初衷 | 發(fā)現(xiàn)有趣的字體，讓用戶放棄「微軟雅黑」
做「黃油相機(jī)」這樣一款拍照加字應(yīng)用，創(chuàng)始人斯日的初衷是為了介紹更多有意思的中文字體、并讓照片加字在手機(jī)上變得方便。從前身「食日談」到現(xiàn)在的「黃油相機(jī)」，可以看做一次從文藝到生活的轉(zhuǎn)型。
使用合適的字體、合適的字號(hào)、將文字放在照片上合適的位置——在一切都調(diào)整到「剛剛好」的時(shí)候，文字和圖片不再是「一加一等于二」，而是產(chǎn)生奇妙的化學(xué)作用。以「黃油相機(jī)」創(chuàng)始人斯日的話來說，就是「相輔相成的感覺」。
第二個(gè)「刺激」來自于在豆瓣上的「雨前羽街」，他有很多「中華小當(dāng)家」的菜式作品，并會(huì)為之配上葉根友的毛筆字體。斯日發(fā)現(xiàn)，導(dǎo)出照片再用 Photoshop 加工特別麻煩，這件事為什么不能在手機(jī)上完成？于是「黃油相機(jī)」的前身——「食日談」誕生。
但這種文藝性卻逐漸讓產(chǎn)品變得單一化，與大眾拉開了距離，「食日談的核心應(yīng)該是在字體不是美食，這種認(rèn)知離我們想的有點(diǎn)遠(yuǎn)」。然后「食日談」變成了「黃油相機(jī)」。
這是一次從文藝到生活的轉(zhuǎn)型，「文藝只是一個(gè)切入點(diǎn)，先讓用戶記錄一面，形成習(xí)慣了，就會(huì)展現(xiàn)更多面。隨著這種變化，慢慢讓普通人也加入進(jìn)來。」
設(shè)計(jì) | 「歪打正著」的黃油圖標(biāo)
「黃油」是百搭的，并且沒有「食日談」那么強(qiáng)烈的美食性，同時(shí)代表黃油的淡黃色，不會(huì)讓用戶有強(qiáng)烈的沖突感。
選擇主色調(diào)、選擇名字、選擇圖標(biāo)，調(diào)整每一個(gè)版本的交互形態(tài)——「黃油相機(jī)」的設(shè)計(jì)團(tuán)隊(duì)在做每一個(gè)決定的時(shí)候，除了考量整體的搭配與美感，分析用戶數(shù)據(jù)、聽取用戶的意見，更是決定過程中很重要的一環(huán)。
從以藍(lán)色為主色調(diào)的「食日談」轉(zhuǎn)向另一個(gè)顏色不應(yīng)該有沖突感，因此設(shè)計(jì)團(tuán)隊(duì)選擇了藍(lán)色的對(duì)比色黃色。另一方面，黃油本身有很好的搭配性，這個(gè)名字相較于「食日談」比較不容易讓用戶直接聯(lián)想到美食。
內(nèi)測(cè)的過程中，引發(fā)了不少對(duì)「一塊黃油」的討論，兩極的評(píng)價(jià)讓設(shè)計(jì)團(tuán)隊(duì)決定用它作為正式 icon——「有人特別喜歡，有人特別不喜歡，這種有沖突感兩極分化很有意思。我們轉(zhuǎn)型成黃油相機(jī)也是希望看到這種雙導(dǎo)向性，不同的人看到的是不同的感覺?！?/div>
從「黃油相機(jī)」的第一版設(shè)計(jì)到現(xiàn)在，設(shè)計(jì)團(tuán)隊(duì)也不斷在根據(jù)用戶的使用習(xí)慣做出調(diào)整，一個(gè)很小的例子是私信入口的改變。
第一版設(shè)計(jì)中，當(dāng)用戶收到私信時(shí)會(huì)在頭像上顯示一個(gè)小紅點(diǎn)，用戶需要點(diǎn)擊「頭像」才能進(jìn)入私信列表。但在分析數(shù)據(jù)的時(shí)候，設(shè)計(jì)團(tuán)隊(duì)發(fā)現(xiàn)，進(jìn)入私信列表的用戶特別少，說明許多用戶不知道如何使用這個(gè)功能。設(shè)計(jì)團(tuán)隊(duì)隨即拋棄了這個(gè)看似 fancy 的設(shè)計(jì)，將私信入口提出來，放在了「關(guān)注」頁的右上角成為常駐入口。
現(xiàn)在的斯日，認(rèn)為最重要的是「度的把控」：「作為一名設(shè)計(jì)師，經(jīng)常會(huì)陷入一種「自以為是」的錯(cuò)覺，自以為用戶就會(huì)知道該如何操作、該如何找到入口，于是將許多按鈕和提示都藏起來，追求簡(jiǎn)單和優(yōu)雅」。設(shè)計(jì)更多的是一個(gè)權(quán)衡的過程，一味的追求優(yōu)雅會(huì)讓用戶迷失、完成不了任務(wù)，但完全將操作按鈕展現(xiàn)出來，又會(huì)對(duì)用戶產(chǎn)生太多的干擾，「在這兩個(gè)極端中是很難找到平衡點(diǎn)的，這時(shí)候就需要數(shù)據(jù)來幫助設(shè)計(jì)師更加了解用戶，更好的達(dá)到平衡?！?/div>
