APP下载

美食类APP界面UI设计创新与创意研究
——《移动UI设计实战》评述

2022-07-08刘民娟

食品与机械 2022年6期
关键词:界面设计图标设计者

由张磊等编著,人民邮电出版社出版的《移动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产生的第一印象。《移动UI设计实战》指出,色彩搭配工作主要包括主色设计、辅色设计、文本色设计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需要具备激励机制与任务机制,鼓励用户开展交互,在参与任务和完成任务的过程中掌握交互技巧、获得良好体验。

猜你喜欢

界面设计图标设计者
中医养生APP界面设计
“共享员工”平台界面设计
中国传统元素在界面设计中的应用
面向智能手机的UI界面设计
2020德国iF设计奖
2019德国IF设计大奖
Android手机上那些好看的第三方图标包
博远设计:“城市有机更新”设计者
图标
基于设计者竞赛平台的UG建模案例教学实践