Same 應用中所使用的 icon 風格是如何確定下來的?


same的icon現在呈現出來的形態,其中經歷了好幾個人,大都是我的摯友,在我創業過程中給了我很大的支持,我一一列舉,一則回答題主的問題,二則銘感不忘。

2011年5月
金虎,非常可愛又嚴謹的設計師,在日本做了多年的設計,創建了OR工作室,做事一絲不苟,幫我們做了設計上的規劃,並設計了same的logo,這個logo是所有icon的源頭。

在path找到些紀錄的碎片,2011年我們在靜安一個弄堂里,畫了same的logo。

最初的logo

leon和海濤,是非常有才華的設計師,他們創立了數字媒體及職業招聘社交平台,在他們工作之餘幫我做same第一版的設計。整理資料,看path的時候有張照片記錄了個細節,我和leon每天下班,都正好樓下的包子鋪開門,買兩個包子吃著回家,真他媽的懷念那時的充實。他幫忙設計了第一版的same和same的icon。

2011年5月凌晨5點的包子

第一版same的UI與icon設計

崔星,這傢伙是個傻逼,也是個天才,2011年我們一起創立了「亂」工作室,給他文案直接就出視頻,整天到處惡搞塗鴉,記得有一次半夜出去把希爾頓門前的熊貼了兩個泡沫眼珠,萌出血,可惜我找不著照片。他幫忙做了icon的動畫,現在在艾未未那兒幫他做風箏。

視頻封面same式社交理念—在線播放—優酷網,視頻高清在線觀看視頻

same第一版的icon動畫

視頻封面2face Unchained—在線播放—優酷網,視頻高清在線觀看視頻

他的塗鴉

2012年
leon太忙,沒有人做設計,故讓做視頻的崔星做了第二版設計,icon和演示視頻,中間還有兩位設計師好友windy和lane幫忙補了小部分icon。這是實誠的一年,設計上我們做了最實誠的嘗試,沒有太多規則,跟隨用戶的行為去創作icon,最滿意的icon也出自於那時候。

視頻封面same 分享生活的微論壇(廣告篇)—在線播放—優酷網,視頻高清在線觀看視頻

第二版icon動畫

2013年7月
@@princeno剛畢業就加入same,重新規整的設計規則,線條,顏色,規範,簡化了same的logo,一人之力完成了same的UI,icon的進化與擴展,第三版的same上線,延續至今。

一路上和@princeno聊天,在設計上她時常覺得困惑和沮喪,互聯網中的設計一直在跟隨著業務和工程,不停的完成一個又一個的需求,看不到效果,無從考核,沒有鼓舞,慢慢變得被動和乏味。設計上我並沒有太多的見解,但我們深信,表現設計不是一個頁面,不是一個功能,是一個整體。日子過去,有一天我們回頭看走過的路,殊不知芳草鮮美,落英繽紛。於此與互聯網的設計師共勉。

(知乎不支持gif )


有沒,有人,吐槽過,same的吉祥物像套套 。這樣的話,我看整個產品都是邪惡的。尤其,發來消息那個聲音,像特么,套套跟我打招呼了,弄得我沒轍沒轍的。你知道,一個塑膠的,還是打開的,長柱型的,圓頭的東西,突然說話了,還跟你打招呼的感覺么



可拓展性很多,品牌色執行的很規範,個人很喜歡,不過似乎有段時間刪減過了?
希望same能繼續發揚這個特色,我覺著有精力有個性的samer們可能需要一次自定義表情設計大賽XD


第一次看到的時候,就覺得是TT,是我太邪惡了嗎_(:зゝ∠)_


我一直默認是小黃人拉長版…


你比我有想像力,我一直以為這是中指,但是很喜歡。

但是......貌似你是對的。


推薦閱讀:

為什麼現在扣圖喜歡用多邊形套索工具,難道是我不用心了嗎?
为什么二维码不能设计得美一点?能不能再转个码后,用好看一点的几何图形替代?
如何擬合製作一個 Apple Aperture 圖標?
PS 線性圖標畫法 ?
Touch ID 的圖標是怎麼樣畫的?

TAG:圖標設計 | same移動應用 |