基于近视防治功能性食品App的界面设计研究

张洪民 张春迎 傅维

摘 要 对近视防治功能性食品App界面融合现代化设计理念进行研究，通过传统而新颖的设计概念和方式创新近视防治功能性食品App界面的设计和实用性创新，使其以新颖独立的存在形式伫立在大众生活中，紧跟时代步伐，以新鲜的设计形式创造具有时代性的功能性智能App界面，以更加人性化的姿态为大众生活提供便利。

关键词 简约化；功能性；创新性；情感化

中图分类号 G2 文献标识码 A 文章编号 2096-0360（2020）23-0017-04

基金项目：天津市自然科学基金企业科技特派员项目（19JCTPJC59100）。

App作为深入参与进人们生活的产品，在设计它的“外观”的时候自然需要考虑到用户的感受，对于近视防治功能性食品App的界面设计，既要考虑近视防治功能性食品本身的特点，又得考虑现在的界面设计要点，以良好的形象展示给用户，吸引用户的关注，提高App的使用率。

1 简约化设计

简约化设计有很多方面，结合本文主题只谈一下简约化设计中的极简艺术主义。极简艺术主义按定义解释即极少主义、减少主义。简约主义又被译为Minimal Art，该流派作为一种艺术和设计风格，是12世纪60年代西方兴起的一场现代艺术流派，倡导以一种冷静、客观、理性的眼光和形式，开展艺术和思想的表达，并意图消释作者自身和作者个人风格对其作品的影响，将一种国际主义设计风格快速推及[ 1 ]。极简主义崇尚从简约到极致。

在App的界面设计过程中要考虑到没有多少用户愿意花时间在满篇繁杂内容的界面上寻找自己想要的信息。即使有，也会在枯燥的搜寻过程中失去耐心，最终对App的印象变坏。但是App作为一款交互式产品，给用户的印象是极为重要的，从古至今，人们都有第一印象定好坏的心理和习惯，最初的印象是深刻的。所以极简主义的设计风格就显得尤为重要。在设计史上极简主义主要有两大理论：

第一，装饰即是罪恶。它是现代主义处于社会发展初期竞争最强烈、最激烈的定义。罗斯一直秉承的装饰概念是指在自身附加的物体摆脱其功能和价值的点缀，属于一种极度幼稚的行为。他曾经明确提到超负荷装饰带来的只是资源的浪费，也会给社会带来极大的负面影响，更会成为阻碍社会发展的最严重消极因素之一。这种思想对设计师自身发展，力求达到和谐、平淡，使用以舒适为主的理念具有重要的指导意义。

近视防治功能性食品App的优势就是帮助用户快速筛选所需的近视防治功能性食品，并提供相应的信息，所以在内容上不需要对近视防治功能性食品所能做成的食物做过多的介绍，只需要列出必要的信息。多余的装饰都是“罪恶”，会给用户带来不舒适感，过多的装饰给用户的印象就是一个“打广告”的App，这是设计者所不愿意看到的。

第二，出自现代著名建筑大师米斯·凡德罗的著名设计观点，少即是多理论。它是极简主义思想的代表，时至今日对当今社会艺术界以及设计领域，依旧影响深远，米斯·凡德罗大师认为建筑的内在结构是评判美的标准重要因素，与其自身的外在形式没有重要关联。当前设计的极简理念并不是随意的删减，而是能够更加准确和直接地将深层次的意义和思想传达下去。

例如，近视防治功能性食品的图标。一款应用带给用户的第一印象最直观的来自于App的图标，一个“熊掌”印记让人们很容易想到百度搜索引擎，一个蓝色的e就可以让用户在脑海里浮現IE浏览器。这些都是比较成功的A pp图标设计，App图标设计的目的也正是如此——让用户“见图识应用”。但是图标设计又不能仅为追求新颖性而失去了图标的本质，即最直观的表达它想呈现给用户的信息。马浮说：“从直观之此象如何能够表达直观之彼象的内在本质？一切学术的关键即在此也。”近视防治功能性食品App的图标并不需要多么复杂的结构，简单的绿色小芽（如图1）”既表明了对绿色的追求，又涵盖了一款App的内容主题——近视防治功能性食品。近视防治功能性食品被定义为绿色的保健食品，而人们对于绿色的根源印象是灰暗地表的一抹绿芽，所以说App的图标设计为简单的绿色嫩芽也符合大多数人喜欢先入为主强行为未知事物定义的习惯。

2 情感化设计

情感化设计的必然性：

1）基于社会发展的视角，单纯从理论上分析，随着时代的飞速发展，各种理论知识也随之成熟。设计哲学的出现为情感化设计的发展奠定了坚实的理论基础，完善了情感化设计的理论内容和现实意义。“当标准化设计思想结束以后，社会中的商品意义和生活形态都转变成以社会大众心态为主的行为了。”[ 2 ]所以我们必须把握住全新的发展趋势，并使它与现代设计进行完美融合。在产品设计流程中，要将消费者的情感需求和自我意识放在首位。从平凡中挖掘激情，并通过产品进行体现，使消费者在享受产品的同时可以带来心灵上的愉悦和满足。给产品赋予一种自然的亲和力，打动消费者的心理。

2）基于社会心理学的视角，依据马斯洛曾经提出的人本主义心理学内容，将五个需求依次列举出来，分别为最基本的生理需求、安全需求、归属与爱的需求、尊重需求以及自我实现的需求。单纯从马洛斯的观点出发，假使当人的以上五种需求中有某种需求没有得到满足，那么就会产生心理与生理的不平衡。当上述所讲的平衡消失以后，人会产生莫名的驱力。即想得到磨难中需求而表现出的具体行为。通过上述论述可以得出情感化因素融入到设计中的重要性。与人有种特别的关联性，也正是由于这个关联，对设计师自身的素质要求也就越来越高，需要更多的了解人群心理，并将心理学作为创作的出发点和关键。

对于登录界面，作为一款贴近生活的应用，内容接地气是非常必要的。现在网络流行词“吃货”被广大市民所喜爱，很多人都以自己是一名“资深吃货”为荣。既然是一款美食App，尽管App的主要内容是近视防治功能性食品，但是食物美味健康才能吸引顾客，就像模特与衣服联系在一起，人们对于食物时常产生联想，联想，即各种观念之间的关联性。联想一直遵循的定律中以相似律、对比律最为重要。吃货在App界面存在的必要性就是让人们产生联想，有吃货，必有美食，在加上背景图片的吸引力，自然能够对用户形成第一波“攻势”[3]，为用户更好的了解App打下坚实的基础。同样，在一个快节奏的生活中，登录界面做得简约是有必要的。简约的设计会让消费者从杂乱的App开启界面中感觉到新意，从广告的轰炸中解脱出来。直接选择登录，或者注册。对于注册界面生活中的很多人都是对注册应用存在一定的排斥心理，究其原因，是各类不合法应用附带非法插件造成用户信息泄露等事件给用户带来不安全感。充分查看那些带有非法插件的不安全应用，就会发现那些应用的注册界面大多“花里胡哨”，降低了用户的辨识度，误点了非法插件的运行。以至于用户对类似注册界面产生了心理阴影，所以App十分有必要将注册界面做得简明扼要，最大程度降低用户的抵触心理，让App的注册成功率大幅上升。

“产品设计中功能性是首位，但是所生产的产品能够让人愉悦也十分重要”[4]。情感化设计在App的界面设计涉及到色彩的选择，构图元素的安排，以及界面文字设计等方面。

色彩选择方面：App的界面是产品给用户最直观的印象（如图2），色彩在整体的框架中具有十分重要的地位，色彩和谐的界面才是一个优秀的设计，如果一个界面设计其他方面都做的很不错，但是色彩方面出了问题那么这个失败的点就会被无限放大，最终影响到整个设计的评分。色彩可以唤起人们的各种情绪，甚至是生理感受。很久之前的酒店经营者就发现了色彩的重要性，快餐店的装饰会选择鲜艳的红色，以保证客流量，而茶馆、咖啡厅则会选择蓝色或者是褐色等令人安静的颜色来追求客人的滞留时间和满意度。App在进行界面设计的过程中，首先应该对App的整体设定一种整体的颜色方案，根据不同颜色的选取表达不同的功能模块，体现App的整体效果，除此之外，还应该在颜色设计的整体方案上确定用户的心理反应和感受。

构图元素的安排：App的首要面向群体是界面设计中必须要考虑的，大多数App的面向对象主要都是华人，而且中国文化也被许多国家的人民认可，所以在构图元素的安排上就不得不参考一下中国人的传统审美观。“中国古代讲究天圆地方，虽然这种学说被科学推翻了，但是它涉及到的生活应用一直受设计者的青睐，例如中国的房屋建筑格局，亭台园林设计都融合了天圆地方等的思想，最为明显的是——对称美学”[5]。上至皇家园林的建造，下至平民百姓所居房屋的构建，都明显应用了对称美学。所以说在App界面设计中构图元素的安排上还是多多参考古典美学为好，最坏的打算，至少这份设计不会引起用户的反感。近视防治功能性食品本身就附有中国古代养生的概念，在近视防治功能性食品App中能够将中国元素考虑在内，那么它的界面构图元素安排就十分契合了[6]。

界面文字设计：在App界面设计中，文字是信息传递比较重要的方式。“App中的文字可以起到促进用户与App之间沟通交流的作用，现在的文字设计方式多种多样，所起到的作用也大不相同，但是文字设计还是要以用户的主观感受为主要参考，注重文字的便于理解性”[7]。如今App界面文字主要以静态文字和动态文字为主。静态文字所表达的信息相对比较单一，不宜过长，不然静态文字的可读性会下降许多，言简意赅的文字最适合用作静态文字[8]。当然，并不是说动态文字就可以繁琐，动态文字可以从整体上增强界面的动感，动态文字更适合那些朗朗上口的文字，这样用户可以有效把握信息，不会产生过多的误解。这些字体形式的设计都是以心理学的表达为基础，所以用户的心理可以决定字体的选择。近视防治功能性食品App的文字自然少不了对近视防治功能性食品具体功能的介绍，但是繁杂的介绍很少会引起用户的兴趣，一些顺口溜是更好的选择。

3 自然化设计

自然化用户交互界面（Natural User Interface，简称NUI）是移动范式发展过程中的第三个阶段。前两种阶段主要讲述的内容是以图形化界面设计以及命令型交互界面为主。NUI是传统的人类本能交互模式[9]。所有交互方式的学习成本都非常低，而且十分容易识别和记忆。在界面设计过程中，设计者都希望模拟真实世界中的自然流畅的感覺。“自然化设计过程中涉及到一些原则，比如我们所知道的虚拟实现原则、过程美学原则等。以图形化为主的用户交互界面，主要是侧重于用户操作任务的完成，NUI体验则关注的是在完成任务操作过程中所获得的愉悦感”[10]。NUI体验的美妙感觉来源于用户的交互过程，所以它的目标并不仅限于完成任务。比如以下App中的“摇一摇”功能，借鉴微信的摇一摇功能（如图3），满足用户在使用过程中的过程参与感。很多人对于新奇事物特别感兴趣，对于美食，同样如此。面对千篇一律的界面，用户大多会产生厌倦感，界面新奇是一方面，保证实时的新鲜感尤为重要，比如微信的摇一摇功能，它让很多陌生人相识成为可能，美食App同样可以借鉴微信，让用户每天都有机会与不同的美食相遇。

关于虚拟现实原则：人在不同时段对不同颜色的感觉是不一样的。食品App需要对用户做出饮食推荐，在近视防治功能性食品App中的体现就是每日食谱推荐。而对于事件的安排来说都是在做事之前，在推荐每日食谱当然就是早晨，早上的人还处于半清醒的迷蒙状态，蓝色作为每日食谱的主色调可以使用户产生眼前一亮的感觉，蓝色是永恒的象征，它是最冷的色彩，但是对用户的刺激不是很强烈，在早晨可以体现出清新的美感。在用户进入食品搜索界面时，用户本身是出于饥饿状态的，红色对于用户的刺激十分强烈，此时用户急需补充热量，而红色本身就有热的含义，因此在不同的界面需要采取不同的色调搭配，以保证用户的满意指数。

当然，近视防治功能性食品App还是得以其本身的特性为主，可以考虑对不同身体素质的个体有特定的食品种类推荐，根据用户兴趣推出类似的互动方式（摇一摇）等等，最终设计出让用户满意的界面。

4 结语

各种各样的App已经围绕在人们生活的各个角落，极大程度地便利了人们的生活。但是各种各样的App还是以人们的衣食住行为主题来设计的，App的界面设计就像是一件产品的外衣，人们都有对与美好事物的向往，拥有一件美丽的外衣，会使更多的用户有兴趣去探索产品内部的信息，对于App来说，也就是App本身想要为用户提供的东西。近视防治功能性食品慢慢会成为人们食物的主流，这是一种大的趋势，便捷的医疗条件和科学的食物搭配对个人的健康保持都是十分重要的环节，所以近视防治功能性食品App的设计就十分重要，而近视防治功能性食品App界面设计作为一件美丽的外衣，设计就更为重要了。不过，结合设计的原则和一些独特而创新的想法，完成一件令人满意的作品还不是很难，秉持着设计的原则，App的界面设计满意度应会逐步的上升。

参考文献

[1]徐蕾.简约主义[M].北京：科学出版社，2011.

[2]黑川雅之.世界设计田设计未来的考古学[M].上海：上海人民美术出版社，2003.

[3]唐纳德？诺曼.情感化设计[M].北京：电子工业出版社，2005：34.

[4]陈丹丹.摄影构图之美[M].北京：人民邮电出版社，2016.

[5]史蒂·鲁克.点石成金[M].北京：机械工业出版社，2006.

[6]詹青龙，郭永灿.网页设计与制作[M].北京：清华大学出版社，2010.

[7]伊达千代.色彩设计的原理[M].北京：中信出版社，2011.

[8]Dan Saffer.交互设计指南[M].北京：机械工业出版社，2010.

[9]邵秋瞳，林旭怡.基于用户体验的智能手机交互设计研究[J].数码设计，2017（7）：33-34.

[10]以用户为中心的手持移动设备App界面设计研究[J].山东社会科学，2015（2）：97-99.