靜電說：今天的案例解析欄目我們推出的是美食類應(yīng)用“懶飯”設(shè)計(jì)思路的解析。懶飯是一款設(shè)計(jì)舒適優(yōu)雅，易用性強(qiáng)的美食類應(yīng)用，目前已經(jīng)獲得了APP Store的推薦。靜電也是抱著試試看的心態(tài)下載來用的，沒想到用起來還是很爽的，今天就跟大家來一起進(jìn)行這個(gè)應(yīng)用的解析。

打開后，這個(gè)應(yīng)用是這樣的，畫面清爽，每一幅畫面都會(huì)勾起我們的食欲，因?yàn)樗雌饋韺?shí)在是太好吃了。色香味俱全。所以，美食類應(yīng)用的第一要義，就是配圖要精心選擇，否則這個(gè)應(yīng)用就毀了一半。

另外，我們可以注意一些場(chǎng)景化設(shè)計(jì)的小巧思，比如大家在使用這款產(chǎn)品的時(shí)候，都是想要做菜的時(shí)候，至少大部分的時(shí)候是吧，此時(shí)鍋在火上，油已經(jīng)冒煙，所以不能有絲毫的耽擱，因此，最快速度把做飯的技巧交給用戶，不嘮叨，這就是對(duì)用戶最好的方式。

懶飯?jiān)谠O(shè)計(jì)上，會(huì)在頁面配圖上使用又大又粗的文字提升用戶的閱讀效率。另外，還有菜譜也會(huì)直接在圖片上簡(jiǎn)單粗暴的顯示出來，但看起來卻非常有設(shè)計(jì)感，比如下圖這些細(xì)節(jié)。

接下來是菜譜詳情頁面，懶飯這款應(yīng)用對(duì)于功能區(qū)塊的信息規(guī)劃非常簡(jiǎn)單明了，用料模塊，甚至可以區(qū)分出就餐人數(shù)給出合適的配料數(shù)量。而步驟的每一步都會(huì)進(jìn)行視頻講解，非常直觀。大家可以注意到，應(yīng)用的頁面留白是相對(duì)偏大的，可讀性更好。

下方大大的收藏按鈕和寫筆記按鈕則是用戶最常用的，設(shè)計(jì)師采用懸浮的方式將其放置在頁面下方，并且采用了大圓角的大面積按鈕，方便用戶點(diǎn)擊使用。而收藏按鈕更是標(biāo)藍(lán)顯示。

作為一款需要盈利的應(yīng)用，會(huì)員欄目是必須得有的，會(huì)員專屬內(nèi)容被放在首頁的二級(jí)菜單的第二個(gè)欄目，足見其重要性。這個(gè)欄目中的內(nèi)容只能看個(gè)簡(jiǎn)短的視頻，不提供做飯步驟，這樣可以吸引用戶去購買。

最后，這款應(yīng)用的配圖非常講究也有很多小訣竅，你會(huì)發(fā)現(xiàn)它的所有背景都是純色的，并且會(huì)去切換顏色，不同的食物會(huì)使用跟其相配的背景顏色來展示。是不是非常誘人啊？

會(huì)員購買頁面依然延續(xù)大留白的簡(jiǎn)單風(fēng)格，每一塊的信息都經(jīng)過整理，有效不冗余。通過特權(quán)，專屬飲食計(jì)劃，專家定制，營養(yǎng)顧問審核等方式吸引用戶去購買，而下方的立即訂閱按鈕更是大而明顯。

值得注意的是，頁面大部分的內(nèi)容都會(huì)采用抽屜式彈出菜單來展示，交互效果非常統(tǒng)一，而“計(jì)劃欄目”，貼合了現(xiàn)代用戶的營養(yǎng)訴求，減脂，低碳等等訴求，通過不同場(chǎng)景的信息搭配，提升用戶的購買欲望。

我的頁面和設(shè)置界面，其中設(shè)置界面的欄目全部字體都采用加粗設(shè)計(jì)，但個(gè)人感覺有點(diǎn)怪怪的，不過，也算它自己的風(fēng)格吧。

靜電特意搜了一下懶飯的官方主頁，非常簡(jiǎn)單，但也有設(shè)計(jì)感，特別是對(duì)于logo文字的處理，非常用心。仔細(xì)觀察，發(fā)現(xiàn)網(wǎng)址域名是下廚房，原來它是下廚房旗下的一款應(yīng)用啊，怪不得內(nèi)容很豐富。

總體來說：簡(jiǎn)約，注重信息精簡(jiǎn)與處理，貼合用戶場(chǎng)景化需求，精心設(shè)計(jì)的配圖和視頻，都是它做的非常好的點(diǎn)，各位設(shè)計(jì)師可以多多觀察，取長補(bǔ)短，作出自己心目中的優(yōu)秀應(yīng)用。我們也會(huì)推出更多的優(yōu)秀應(yīng)用賞析欄目，讓各位設(shè)計(jì)師小伙伴學(xué)的更精準(zhǔn)，畢竟多看多思考，才能有更好的提升，大家加油！

《靜電的UI設(shè)計(jì)教室-2022新課》

為數(shù)不多的插班名額等你來搶

備戰(zhàn)2022春期求職高峰

專注設(shè)計(jì)思維能力提升和作品質(zhì)量打造

歡迎咨詢下方靜電的微信咨詢報(bào)名

↓↓長按二維碼加靜電老師咨詢↓↓