美食類APP界面UI設(shè)計(jì)創(chuàng)新與創(chuàng)意研究
——《移動(dòng)UI設(shè)計(jì)實(shí)戰(zhàn)》評(píng)述

由張磊等編著，人民郵電出版社出版的《移動(dòng)UI設(shè)計(jì)實(shí)戰(zhàn)》一書(shū)，對(duì)IOS系統(tǒng)和Android系統(tǒng)兩種移動(dòng)設(shè)備界面的結(jié)構(gòu)、設(shè)計(jì)規(guī)范、設(shè)計(jì)案例進(jìn)行了深入淺出的講解，理論與實(shí)踐緊密結(jié)合，強(qiáng)化了該書(shū)內(nèi)容的實(shí)用性，促使該書(shū)在各類APP界面設(shè)計(jì)工作中都能夠發(fā)揮出一定的指導(dǎo)價(jià)值。

該書(shū)以項(xiàng)目引入的方式對(duì)理論內(nèi)容進(jìn)行講解、對(duì)實(shí)踐技巧進(jìn)行呈現(xiàn)。該書(shū)主要分為5部分：第1部分為移動(dòng)UI界面設(shè)計(jì)基礎(chǔ)，該部分對(duì)移動(dòng)UI設(shè)計(jì)平臺(tái)及工具、產(chǎn)品需求、視覺(jué)效果等作了詳細(xì)介紹；第2部分為移動(dòng)UI圖標(biāo)設(shè)計(jì)，該部分對(duì)圖標(biāo)設(shè)計(jì)必要性及制作流程、制作裝飾圖標(biāo)設(shè)計(jì)等進(jìn)行了講解；第3部分為IOS系統(tǒng)電子商務(wù)APP界面設(shè)計(jì)；第4部分為IOS系統(tǒng)美食APP界面設(shè)計(jì)；第5部分為Android系統(tǒng)創(chuàng)意家居APP界面設(shè)計(jì)。各部分圍繞具體項(xiàng)目，在分析項(xiàng)目背景、繪制用戶畫(huà)像的基礎(chǔ)上，從草圖制作、色彩搭配、頁(yè)面元素分析、界面設(shè)計(jì)、交互設(shè)計(jì)等方面，闡釋了不同種類APP界面UI設(shè)計(jì)重點(diǎn)與設(shè)計(jì)實(shí)踐技巧。通過(guò)案例對(duì)理論知識(shí)與實(shí)踐方法進(jìn)行講解，促使該書(shū)內(nèi)容具備了更好的趣味性與實(shí)用性，這也決定了該書(shū)能夠?yàn)槊朗愁怉PP界面UI設(shè)計(jì)工作帶來(lái)一些啟示。

結(jié)合該書(shū)，美食類APP界面UI設(shè)計(jì)新意與創(chuàng)意的呈現(xiàn)，可以從以下方面入手。

(1) 合理進(jìn)行色彩搭配。在美食類APP界面UI設(shè)計(jì)工作中，色彩是極具視覺(jué)沖擊力的部分，也直接影響著用戶對(duì)APP產(chǎn)生的第一印象。《移動(dòng)UI設(shè)計(jì)實(shí)戰(zhàn)》指出，色彩搭配工作主要包括主色設(shè)計(jì)、輔色設(shè)計(jì)、文本色設(shè)計(jì)3項(xiàng)內(nèi)容。其中，主色可以選擇與食品類別、味道緊密相關(guān)的顏色，如類似于蘋(píng)果的紅色、香蕉的黃色、橙子的橙色等。由于主色需要大面積的使用，因此，設(shè)計(jì)者需要避免選擇會(huì)給人帶來(lái)煩躁感與過(guò)強(qiáng)動(dòng)感的色彩，從而確保APP用戶可以長(zhǎng)時(shí)間地對(duì)APP進(jìn)行瀏覽。輔色設(shè)計(jì)可以選擇中性色，如黑色、白色、灰色等，這些顏色能夠有效避免APP用戶的注意力產(chǎn)生分散。文本色則需要呈現(xiàn)出層次感，如使用深灰色作為標(biāo)題色彩，使用淺灰色作為說(shuō)明文本色彩，使用強(qiáng)烈的顏色或者使用主色作為強(qiáng)調(diào)性文本內(nèi)容具有的色彩。

(2) 頁(yè)面元素設(shè)計(jì)。美食類APP界面UI設(shè)計(jì)中的頁(yè)面元素包括圖片、文字以及圖標(biāo)。在圖片設(shè)置中，設(shè)計(jì)者既需要重視依托圖片內(nèi)容激發(fā)APP用戶食欲，又需要對(duì)圖片比例進(jìn)行合理設(shè)計(jì)。如在首頁(yè)設(shè)計(jì)中，為了能夠更好地突出食品的主體性地位，設(shè)計(jì)者可以選擇使用1∶1比例的圖片對(duì)食品進(jìn)行呈現(xiàn)。在文字設(shè)置中，設(shè)計(jì)者需要根據(jù)文字種類的不同，在字號(hào)大小上呈現(xiàn)出差異性，從而強(qiáng)化信息內(nèi)容的層次性。如在基于IOS系統(tǒng)開(kāi)展APP界面UI設(shè)計(jì)時(shí)，設(shè)計(jì)者可以選擇使用蘋(píng)方字體，根據(jù)標(biāo)題層級(jí)分別使用12～18 pt字號(hào)的文字。在圖標(biāo)設(shè)置中，設(shè)計(jì)者既需要對(duì)系統(tǒng)圖標(biāo)、功能圖標(biāo)的尺寸進(jìn)行合理設(shè)計(jì)，又有必要根據(jù)APP主題有針對(duì)性地選擇圖標(biāo)形狀，如設(shè)計(jì)者可以使用奶酪、漢堡等食品的卡通形象作為圖標(biāo)，確保美食類APP的視覺(jué)效果與信息內(nèi)容呈現(xiàn)出統(tǒng)一性。

(3) 做好交互設(shè)計(jì)。在用戶使用美食APP過(guò)程中，交互過(guò)程既能夠幫助用戶更為深入地獲取信息、保持注意力，又可以為APP多元化功能的實(shí)現(xiàn)奠定基礎(chǔ)。與此同時(shí)，從設(shè)計(jì)角度來(lái)看，強(qiáng)調(diào)交互設(shè)計(jì)的重要地位，不僅是設(shè)計(jì)者貫徹以人為本原則的重要體現(xiàn)，也能夠幫助設(shè)計(jì)者獲取用戶反饋信息，為APP界面UI設(shè)計(jì)的持續(xù)優(yōu)化提供依據(jù)。在交互設(shè)計(jì)實(shí)踐中，設(shè)計(jì)者需要將簡(jiǎn)單易懂、優(yōu)化用戶使用體驗(yàn)作為出發(fā)點(diǎn)，通過(guò)為用戶提供更大的自定義設(shè)置空間，促使用戶能夠根據(jù)自身習(xí)慣、喜好對(duì)APP界面UI進(jìn)行調(diào)整。與此同時(shí)，美食APP需要具備激勵(lì)機(jī)制與任務(wù)機(jī)制，鼓勵(lì)用戶開(kāi)展交互，在參與任務(wù)和完成任務(wù)的過(guò)程中掌握交互技巧、獲得良好體驗(yàn)。