《互联网技术在美食类APP界面中的应用》由会员分享，可在线阅读，更多相关《互联网技术在美食类APP界面中的应用（25页珍藏版）》请在金锄头文库上搜索。
1、摘要：在互联网技术的不断进步的前景下，大众的生活方式在不停的发生着改变，信息图形设计被更多人映入眼帘。步入信息时代，各种电子设备的不断兴起，时代的飞速发展与生活方式的不断进步，人们获取信息的方式和途径也越来越多种多样，信息图形充斥了我们的生活，地铁站的指示牌、商品的包装袋、手机内安装的各种应用软件等等。在我们身边日常的学习和生活中的各种不同方面，信息图形都在不断进步，发挥着不可取代的作用。在互联网时代的进程下，科学技术飞速发展，人们对身边事物的追求不断提升。食品包装既要高端大方，彰显品质，又不能脱离大众化，失去烟火气。手机机身要线条流畅，机身轻薄，体积重量小，颜色青春跳脱。手机应用要界面的简洁
2、大方，逻辑感强，使用顺畅，注重使用者的交互体验等等。本文分析了现有美食类信息图形的使用，根据信息图形设计的理论知识与APP界面设计规范相结合，通过不断分析与研究，尝试设计了一个美食类APP“O&O”的部分界面，并不断探究信息图形在APP界面的应用。在整个美食类APP“O&O”界面的信息图形设计和交互研究过程中，对美食类APP的功能有了新的尝试与突破，使得推荐功能更突出，更精准分析用户需求，帮助用户健康饮食，戳中用户痛点，从而提高APP使用频率和知名程度。关键字：信息图形设计；APP界面；健康饮食；美食社交第1章 绪论1.1课题研究的目的与意义在互联网迅速发展的背景下，信息图形作为传达信息的一个
3、重要的体现工具，表现形式逐渐丰富。在对信息图形进行更深层次的不断研究的过程中, 它在实际应用中的设计方面和用户体验方面的优点也慢慢显现。本文将当下火爆的两款美食类APP界面中信息图形设计方面进行分析，研究信息图形在APP界面中的优缺点，从而提高APP界面使用的容易程度和方便程度。在不断的对信息图形的充分理解和分析后，能够相对准确的表达信息内容及图形使用的容易程度,对信息传递的效率不断的提升,使信息图形的识别度更高，但仍然还没有出现清晰的风格语言和更成熟的理论体系。在不断的对信息图形进行应用和实践之后，通过对色彩的把控和对表现手法的明确分类，传达给用户的不再是冗杂又繁密的信息的堆砌，而是条例清晰
4、、方便理解的信息，从而不断提升用户体验。本文的研究意义在于，通过互联网的不断发展，借助手机网络的不断进步，提供给更多用户更方便的美食类服务，但由于目前国内的信息图形仍在不断的发展中，并没有完全体现出它的全部作用。所以，本课题在对信息图形相关的理论分析了解后，通过研究后对美食类APP界面的设计，提升信息图形的使用效率，让其更容易被理解和被使用，减少用户对文字信息的烦躁感，从而达到用户对产品的期望。1.2国内外研究现状信息图形一直是国内外艺术类学科所关注的一个主题。早期的信息图形是用图来进行交流的，主要功能是辅助人们对文字的理解。在人类文明经过一段时间发展到一定程度后，这种将文字转化为形象的表现方
5、式出现在人们的视野中。西方的一些国家对信息图形的重视远远早于国内，并且在不断尝试改良的过程中，逐渐形成了鉴于自己国家文化、针对自己国家社会的独立的信息图形理论体系和许多作品。相对国外来说，国内对信息图形设计学科的接触是从20世纪90年代开始的，在公共场所和物品包装上都有体现，这也意味着国内信息图形进入萌芽阶段。由于起步时间不够早，在我们国内信息图形方面不断发展的过程中，有大部分作品是参考、模仿国外的信息图形作品，但由于国内外的生活环境、社会因素等不尽相同，故而需要对信息图形有更进一步的了解与深入的研究，并根据我们国内的情况进行调整与适应。随着互联网的不断发展，信息图形设计被更多的主流媒体所意识
6、到，在信息图形更广泛的应用后，越来越多的出现在我们身边。1.3主要研究内容本文在对信息图形的充分学习和钻研后，将信息图形作为一种表达方式运用在美食类APP界面中，并对流程设计进行了规划，得出所要进行的过程，具体如下：（1）对市面上美食类APP中的信息图形分析针对市面上流行的美食类APP，通过对界面中信息图形部分的分析与深入研究，仔细思考每一种信息图形所代表的含义，是否能让使用者直观的理解其中的含义。（2）关于“O&O” APP构想“O&O”多是使用信息图形设计，通过图形在视觉上产生引导，来代替文字的繁杂，增加订单分析功能，通过图表的形式将需要传达的信息传递给用户。界面中运用简洁易懂的信息图形来
7、代替文字，减少用户的使用和学习成本，方便用户操作，从而提高使用效率。（3）界面设计 在对APP的构想反复整理，对可行性进行分析之后，进行流程图、线框图的确定，进一步设计APP主要功能界面及其他必要功能界面，通过模拟流程，对界面进行审查，查缺补漏。第2章 信息图形2.1信息图形的概念德国信息图形学教授马库斯斯洛普曾说过：“信息图形是一种集合信息、数据和知识的视觉表现手段，讨论它的发展过程就像讨论人类的发展过程。”信息图形就是通过对图形的再设计将要表达的文字以信息图形的方式表现出来，从而简化人们的理解过程，便于沟通。简单来说就是，信息图形减短了人们在接收到信息之后理解、消化的时间，从而提高信息的使
8、用效率，如图1所示。图1 信息图形举例2.2信息图形的发展趋势随着社会的发展和进步，人类文明主要分为三大时期。图2 原始文明时期原始文明时期（图2）：在人类文明出现后，在考古学家对研究结果的不断分析中发现，远古人类通过在树枝、石头上留下划痕来记录数量，在越来越多的生活场景中，开始用绳子系扣的方式来记录信息。经过考古学家一段时间的研讨，发现了岩壁上的狩猎等场景，将这种在岩壁上相互摩擦而留下的痕迹称为岩画，这就是目前发现的信息图形最早期的表现形式，如图，在许多文化遗址中，不断的发现了岩画，这为考古学家对当时环境的研究提供了必要的基础和证据。图3 工业文明时期工业文明时期（图3）：随着人们生活方式和
9、社会生产力的不断提升，在人类进入英国工业时代以来，逐渐由机器代替生产，慢慢的发展到机器工业文明时代。随着文字的出现，它的精简、准确、稳定等优点迅速被人类发现并开始使用。而由于每个人的社会文化背景、对事物的理解力不同，文字的缺点也逐渐显露。同一段文字可以表达不同的含义，这使得人们在理解上出现偏差。而运用信息图形来代替文字表达数据的表现方式，解决了文字的缺点，图形、图表的表达更加清晰明了，促使信息图形得到了普遍的应用。而这其中最突出的表现形式就是地图，运用轮廓清晰的线条来代替“想左走1000米，右转，再走800米”的表述，配以简洁的文字，从而轻易的达到指引的作用。信息文明时期：在获取信息手段越来越
10、多的情况下，信息图形开始走进民众的视野。怎么能让界面的信息图形被更多的用户注意到？怎么能轻松的被看懂？变成了人们对信息图形的新一轮挑战。通过将文字尽可能多的转化成信息图形的方式，方便大众更直观的获得信息，减少文字的阅读量，缓解人们的“文字焦虑”，使用户从“看字操作”向“看图操作”的方向转化，减少过度信息带来的压力，从而使用户的整个操作过程更加简短便捷。2.3信息图形的作用2.3.1直观、准确文字本身是抽象的，是需要接受主体通过视觉或者听觉感受，通过大脑进一步的分析，最后转化成形象的一种表达方式。在这个过程中，不同的人会有不同的分析，从而形成不同的理解方式，导致结果产生分歧。而信息图形是具象的，
11、它可以准确生动的表现出需要表达的信息，可以直观的将需要传达的信息以形象的方式传递给使用者，从而加快对信息的识别度，使用户更容易相信。毕竟“耳听为虚，眼见为实”，视觉系统所传达的信息远比文字传达的信息更容易让用户相信。2.3.2记忆深刻随着时代的发展，各个学科之间都有一些很难理解的专业术语，而信息图形可以在中间代替文字，起到纽带的作用，通过将复杂的信息转化成信息图形的方式，帮助需要的学生理解、接收信息。并且，与文字相比，信息图形对大脑更有记忆点，不需要逐字理解、传达再进行记忆，关联性强，使学生印象深刻。2.3.3加强统一性经过时间的沉淀和历史的变迁，每个国家、民族都有自己的独一无二的风土人情和特
12、殊的生活习惯，由此产生了独特的语言文字。这也导致同样的内容，却有不同的表达方式，而信息图形的使用就会减少这类问题发生的机会，运用统一的标识设计来进行表达，方便各种用户获得消息，使得信息传达的误差率大大降低。2.4信息图形的设计原则美国设计学理论家维克多.帕帕奈克在为真实世界设计书中说过：在设计之前，设计师需要：深入洞察用户的真实需求，而不是波动需求；考虑到使用者的社会地位、文化背景等方面的情况不同，越简易越方便操作理解；考虑不同的使用场景和环境，加深下沉市场程度；为所有人设计，面向全部群体，而不是因人而异，只针对某部分情况的人进行设计，更普遍化。因此得出结论，设计师在设计美食类APP中的信息图
13、形前，应注意界面的信息图形简单大方，容易理解，表达含义准确，操作逻辑顺畅，从而使得应用的产品用户体验升级。2.4.2简单易懂原则由于用户文化程度、生活习惯等的差异性，用信息图形的表达方式来代替文字，减少不同用户在看到相同文字时所引起歧义。优秀的信息图形设计，一定是用户第一眼看到能够快速理解出其中的含义，不需要进行反复的思考与理解，或询问他人等操作，所以在设计时，要把握简单易懂的原则，用简单的信息图形轻而易举的表达出想要表达的有一定复杂程度的文本信息。2.4.2准确原则文字具有复杂性，设计师在制作信息图形时，要想准确的传达信息，就一定要在制作之前，充分了解每一个信息的内容以及他们背后的逻辑联系，
14、深入理解想要传达的信息，从而保证用户接收到的信息不是错误的。2.4.3易用原则在互联网的发展下，用户越来越在意对产品使用后的自我感受，根据用户心理分析，检测用户在产品使用过程中的交互是否顺畅，是否需要增加一些趣味性的互动，在用户等待时，缓解无聊的情绪，从而方便用户的使用。第3章 信息图形在美食类APP界面中的应用分析3.1美食类APP界面中的信息图形在美食类APP中，信息图形主要指的是图形和图表两个部分。而图形主要指界面图标，是为了让用户在挑选口味时，更加简单易懂的查看，简洁的做出选择，避免对口味的描述不准确。将繁杂的文字信息简单化，减少大量的文字，从而避免不必要的误解出现。在互联网越来越发达
15、、手机越来越普及的情况下，市场上美食类APP也逐渐出现了竞争。怎样的信息图形能获取到更多的用户的好感度？怎样能让用户一眼就明白这个图形的含义？这都是现阶段需要设计方面思考和深入研究的部分。图表在美食类APP中，主要应用在对用户过往订单数据的剖析，通过图表的形式展现可以更直观的让用户了解自己的饮食习惯，进而进行分析与调整。随着人们对健康重视程度的不断增高，美食类APP的发展势头迅猛。相对于自己在家动手下厨，年轻人更偏向于采取外卖的形式，等外卖小哥把做好的饭菜送过来，这既大大解决了不会做饭的痛苦，又减少了买菜、炒菜等繁琐的步骤，是当下年轻人的普遍选择。而当下大众最常用的美食类APP主要有：美团外卖
16、和饿了么，本文将尝试对其进行分析。3.2美团外卖界面分析美团外卖logo延续美团的黄色，将一只狗狗的头放在logo上，体现出美团外卖的口号，“美团外卖，送啥都快”。美团外卖APP主界面下有四个一级界面，分别是首页、会员、订单、我的。界面如图4，根据界面的信息图形分析如下。3.2.1风格不统一根据截图，可看出此款美食类APP界面的图形风格并没有完全统一。功能区上半部分，采用卡通拟物的风格，立体感强，并配有强烈的投影。功能区下半部分，采用扁平的风格，配以不同的颜色和文字，而颜色上又采取渐变色，上浅下深。底部金刚区部分，图标采用线框的风格，配以深灰色辅助。这三个部分的信息图形风格各不相同，并都配有文字解释，无法体现信息图形的功能。3.2.2界面版式过于复杂界面功能区中分类区有两个部分，而每个分类又有5-10个分支。个人觉得整体分类混乱，导致界面版
