由張磊等編著,人民郵電出版社出版的《移動UI設計實戰》一書,對IOS系統和Android系統兩種移動設備界面的結構、設計規范、設計案例進行了深入淺出的講解,理論與實踐緊密結合,強化了該書內容的實用性,促使該書在各類APP界面設計工作中都能夠發揮出一定的指導價值。
該書以項目引入的方式對理論內容進行講解、對實踐技巧進行呈現。該書主要分為5部分:第1部分為移動UI界面設計基礎,該部分對移動UI設計平臺及工具、產品需求、視覺效果等作了詳細介紹;第2部分為移動UI圖標設計,該部分對圖標設計必要性及制作流程、制作裝飾圖標設計等進行了講解;第3部分為IOS系統電子商務APP界面設計;第4部分為IOS系統美食APP界面設計;第5部分為Android系統創意家居APP界面設計。各部分圍繞具體項目,在分析項目背景、繪制用戶畫像的基礎上,從草圖制作、色彩搭配、頁面元素分析、界面設計、交互設計等方面,闡釋了不同種類APP界面UI設計重點與設計實踐技巧。通過案例對理論知識與實踐方法進行講解,促使該書內容具備了更好的趣味性與實用性,這也決定了該書能夠為美食類APP界面UI設計工作帶來一些啟示。
結合該書,美食類APP界面UI設計新意與創意的呈現,可以從以下方面入手。
(1) 合理進行色彩搭配。在美食類APP界面UI設計工作中,色彩是極具視覺沖擊力的部分,也直接影響著用戶對APP產生的第一印象?!兑苿覷I設計實戰》指出,色彩搭配工作主要包括主色設計、輔色設計、文本色設計3項內容。其中,主色可以選擇與食品類別、味道緊密相關的顏色,如類似于蘋果的紅色、香蕉的黃色、橙子的橙色等。由于主色需要大面積的使用,因此,設計者需要避免選擇會給人帶來煩躁感與過強動感的色彩,從而確保APP用戶可以長時間地對APP進行瀏覽。輔色設計可以選擇中性色,如黑色、白色、灰色等,這些顏色能夠有效避免APP用戶的注意力產生分散。文本色則需要呈現出層次感,如使用深灰色作為標題色彩,使用淺灰色作為說明文本色彩,使用強烈的顏色或者使用主色作為強調性文本內容具有的色彩。

(2) 頁面元素設計。美食類APP界面UI設計中的頁面元素包括圖片、文字以及圖標。在圖片設置中,設計者既需要重視依托圖片內容激發APP用戶食欲,又需要對圖片比例進行合理設計。如在首頁設計中,為了能夠更好地突出食品的主體性地位,設計者可以選擇使用1∶1比例的圖片對食品進行呈現。在文字設置中,設計者需要根據文字種類的不同,在字號大小上呈現出差異性,從而強化信息內容的層次性。如在基于IOS系統開展APP界面UI設計時,設計者可以選擇使用蘋方字體,根據標題層級分別使用12~18 pt字號的文字。在圖標設置中,設計者既需要對系統圖標、功能圖標的尺寸進行合理設計,又有必要根據APP主題有針對性地選擇圖標形狀,如設計者可以使用奶酪、漢堡等食品的卡通形象作為圖標,確保美食類APP的視覺效果與信息內容呈現出統一性。
(3) 做好交互設計。在用戶使用美食APP過程中,交互過程既能夠幫助用戶更為深入地獲取信息、保持注意力,又可以為APP多元化功能的實現奠定基礎。與此同時,從設計角度來看,強調交互設計的重要地位,不僅是設計者貫徹以人為本原則的重要體現,也能夠幫助設計者獲取用戶反饋信息,為APP界面UI設計的持續優化提供依據。在交互設計實踐中,設計者需要將簡單易懂、優化用戶使用體驗作為出發點,通過為用戶提供更大的自定義設置空間,促使用戶能夠根據自身習慣、喜好對APP界面UI進行調整。與此同時,美食APP需要具備激勵機制與任務機制,鼓勵用戶開展交互,在參與任務和完成任務的過程中掌握交互技巧、獲得良好體驗。