豌豆荚

豌豆荚设计奖第 175 期

食色

分享味蕾的快乐

用微信扫描二维码,就可以分享到好友或朋友圈了

食色

《食色》是一个给热爱美食的人分享美食的社区,在这里你可以美化美食图片,让分享出来的美食令人更加垂涎欲滴;记录生活,方便回味曾经的一粥一饭;亦或是通过美食结识同好,发现更多身边的美食。

本次我们邀请到了食色的产品设计师刘少楠,让他和我们一起来聊聊《食色》背后的故事。

最开始我们是从 AnimeTaste 动画社区和 EverMemo 中认识的你们,后来又是出于什么样的想法做美食应用的呢?

其实说来话长,我和我搭档为了练手先合作了 EverMemo,但 EverMemo 这个产品我们喜欢、我们擅长、但是市场不够大,所以我们做到了去年 11 月就停止了。但是我们继续琢磨,什么东西我们擅长、我们喜欢、市场大?因为两个人(加上我们俩的老婆)都喜欢吃,然后又都喜欢 Instagram,而且看到朋友圈经常有人分享美食,所以就觉得,做个和美食相关的水印相机会很好玩吧,顺便将来用的人多了,还能互相推荐下美食这样。

做《食色》时在交互设计方面有什么默默遵守的原则么?

遵循的原则就是「不设计」。首先是符合 Android 平台特性,我们并没有完全照搬 iOS 的东西,而是仔细思考了 Android 平台的用户习惯,为此我自己提前一个多月就开始完全切换到 Android 的状态,体验里面的产品,尤其是仔细研究了 Google 家族的设计,比如 Google+,虽然没人用,但是产品设计的确实不错。

然后回到我们的产品,我希望是尽量的简单,让所有的 UI 退居幕后,只呈现图片本身的内容。现在应用中的这个灰色是日本吃面时那种深色的碗的颜色,因为这种深色中性的色调,才能让食材更美妙。最早其实想过红色、黄色等鲜艳的颜色,但是测试了下,由于食材本身比较多变,所以还不如索性低调点好。

另外就是整个产品卡片化,我们应用内有 17 种卡片,服务器传输数据的时候同时还要传递样式,这样我们可以在不迭代版本的时候随时更换界面布局,比如个人页面的、我赞过的、我的食单等都可以随时的切换样式或者增删改。这样对设计的要求很高,因为不能随意创建,所以在样式的选择上看似平实,实则是在很多布局中精挑细选之后采用最能复用的样式。

关于水印方面,我设计之初就希望能围绕东方元素来设计。因为应用中加水印好看的那些几乎都是外文。我大学时代也知道,中文排版是最难设计的(简体中文尤甚),所以我想挑战下自己。加上大学时代受到我们学院偏日系设计风格的影响(江南大学设计学院),就奠定了《食色》中偏东方文字设计的风格。

《食色》的制作过程中有什么印象深刻的功能点?

有,上线被吐槽最多的,就是图片水印不能拖动、缩放、变色、旋转的问题。

我是这么看的,其一,我虽然不是我们学院顶尖的那一批设计师,但是好歹也学了四年,深知「布局」这件事的难处——这些布局是我仔细设计过的,不是谁都能随便拖动下就能找到好的布局的。其二就是,从产品的角度来看,用户虽然这么说,但是让他连续处理 10 张照片的时候,他肯定就会觉得每个都要自己布局太麻烦了,麻烦就会导致不用,所以并不是我们做不出来这些,而是不想做。总而言之,不想做的原因一来是希望保持美感(会丧失部分个性),二来是保证用户使用的简洁。

开发或者设计背后有什么有意思的故事么?

一个是卡片结构的确立,这让我们把应用抽象为一个类似于「浏览器」的感觉,这样既能保证用户体验到原生应用的流畅感,又能保证我们对于内容有极大的控制权,可以随意迭代东西。

还有一个就是当时我和我的搭档赵君两个人躲在民宅里开发,期间他突然接起电话,虽然语气非常平静但是面色越来越凝重,挂了电话之后说:「我要去当爹了!」,然后马上放下手头上的东西走了。前一分钟还在开发,后一分钟立马去医院当爹了……

嘉宾点评

数字尾巴
民以食为天,每顿饭都能享受到美食是一件及其幸福的事情。「食色」这款软件能够让我们了解到世界各地的美食,更可以将我们自己喜欢的美食拍摄出来分享。拥有多款美食专属的滤镜和水印,让你的‘放毒’更加犀利。

少数派sspai
和许多相对小众的应用一样,「食色」没有像一些大公司那样直接移植 iOS 版,而是为 Android 版重新设计了界面。首页同样是来自用户的美食分享,拍照按钮和设置则被放到了右上角。最初作为美食相机登场的「食色」把水印和滤镜完整地带到了 Android,加上水印的美食依旧逼格十足。

食色
11.4M · 25 万人安装 · 5月18日更新

分享味蕾的快乐

随便看看