交互式品牌APP视觉优化设计应用研究——以“时尚传媒集团”品牌为例教案资料.docx

此文档收集于网络，如有侵权请联系网站删除分类号密级鲢学校代码学号曲泣脚g目一交互式品牌APP视觉优化设计应用研究以“时尚传媒集团品牌为例 Application Research on Interactive Brand APP Visualized De signThe Case of“TRENDS指导教师姓名、职称贺量里壅噬学科专业遮盐堂湖南师范大学学位评定委员会办公室二。一五年五月万方数据此文档仅供学习和交流摘要随着科技技术的不断发展，人类对信息资源的需求日益膨胀。信 息化革命经历了语言、文字、纸、印刷术和互联网这五个阶段，到现 在进入了全媒体的人工智能时代。基于交互式平台的APP产业也随着 智能终端的普及而逐步兴起。传统纸质媒介的时尚资讯类企业也向交 互式全媒体转型，创立属于自身品牌的APP，让用户不再需要到报刊 亭购买厚重的纸质印刷品，在智能移动终端上即可阅读期刊。同时还 可以分享感兴趣的内容或产品到社交网络，甚至可以足不出户购买在 杂志中看到的产品，形成了信息获取信息再传播价值转化， 这一完整的利益链条。而在这个链条中视觉化设计成为了不可或缺的 一环。视觉是人类获取外部信息的主要媒介，视觉化的目标不仅是完成 简单的视觉信息的传递，更是要给人以情感上的感染和满足，实现视 觉沟通。信息化发展到今天，用户对信息的需求不再单纯停留在数量 上，而更为重视信息的质量，视觉化设计就是对信息质量的把控。视 觉化通过设计将视觉元素所包含的各种信息准确清晰地传达给受众， 同时给予受众更多的审美感受。本文正是基于信息时代这一大的前提下，以视觉化设计进入交互 式平台的发展和基本特征为原点，着重探讨了视觉化应用于交互式品 牌APP的表现形态，提出了视觉化在品牌APP领域具有交互式特色的T万方数据设计法则。其研究价值就在于视觉化设计能够在交互式品牌APP这个 不断成熟的领域里使信息传达得更加直观和生动，摆脱单纯的纸质元 素“数字化”的藩篱，传达平面元素和文字难以传达的内容，梳理其 阅读流程，完成较好的用户体验。同时对国内较为成熟的时尚资讯类 企业“时尚传媒集团”现有的品牌APP进行案例分析，解读其设计框 架与细节，通过分析这个典型案例对时尚资讯类品牌APP视觉化设计 的不足和存在的问题形成理论性的认知，得出交互式品牌APP视觉优 化的必要性和可行性。针对存在问题提出视觉化设计的要求及优化方 式。最后，以“时尚传媒集团”品牌APP为例进行相关设计与实践应 用探索。关键词：视觉化；交互式设计；品牌APP；应用研究万方数据ABSTRACTVision is a main medium for humans to acquire external informationVisualized targets are not only simple transmission of visual informationThey are more about givingpeople emotional affection and satisfaction to realize visual communicationVisual design is to deliver various information contained in the visual elements to the audiences through design and give the audiences more aesthetic feelingsAlong with the constant deve lopment of the soc i ety and the appl i cat ion of new technologies，visual design has been far beyond the traditionalmeaning of design art and is no longer the“language”in the conventional sense of designVisual design now is a brand new expression of the allround comprehensive cultural phenomenon of the current societyS existencesocial civilization andprogresSAlong with the rapid development of the communication industry and the constant emerging of the Internet innovative services，the era of Mobi le Internet has been announced to come， and the APP industry based on the Mobile Internet has also comeinto a highspeed development periodThe appearance of the1II万方数据Mobi le Internet and the popularization of APP have urged the humancomputer interface to become superior to the previous web page form，and thi s has brought the users experience better than before，and promoted the explosive development of APPIn the authorS opinion，visual design of APP interface is significant for the intuitive feel ings that the brands bring to usersHowto combine brands own characteristics with the most popular APP interface visual design to promote the brand communication and development becomes the main direction of what this article discussesResearch and discussion of this paper are mainly divided into three partsFirst，this paper carries out research on the microlevel，proceeding with concepts and characteristics of interactive design，brand APP and visual design to study the necessity and feasibility of applying visual design to interact ive brand APPSecond，the author focuses on the bas i c principles，components，visual psychology and other matters of applying visual design to interface，and also does case studies towards the relatively mature domestic visual media group，Trends GroupBased on an overall visual analysiS，this papercarefully analyzes its design framework and details throughaspects like static dynamic pictures，words，interface color万方数据design and SO onThrough analysis of this typical case，this article has acquired some rough cognition and understanding of deficiency and points worthy of notice in interactive media APPdesign，then the APP visual design framework can be defined and unfoldedThird，based on opinions brought up in the second part， this article presents modes of visual design for interactivebrand APPLast，taking Trends GroupS APP as an example，this article carries out exploration of relative design and practical appl ication。Keywords：Visuaized；Interaction Design Brand APP：appl ied researchV万方数据目录摘要1ABSTRACTI I l第一章绪论1第一节论题研究的背景l一、论题来源j一l二、选题依据：l第二节研究目的和意义2一、研究目的2二、研究的意义3三、研究的创新点3第三节现状研究4一、纸质传播模式的数字化4二、移动交互式平台现状研究4三、时尚资讯类品牌交互式发展的现状研究4 第四节研究方法5第二章交互式品牌APP视觉化设计概述9第一节相关概念解析9一、交互式设计9二、品牌APP10三、视觉化设计10万方数据四、基于交互式平台下的视觉化设计11 第二节相关特征的解析11一、交互式品牌APP的优势及特点11二、视觉化应用于交互式品牌APP的功能和优势14第三章品牌APP的视觉化设计法则1 6第一节构成要素16一、图形要素16二、文字要素17三、色彩要素18四、动态要素18第二节基本原则19一、一致性原则19二、差异性原则21第三节视觉心理。21一、视觉心理21二、视知觉具有选择性22三、视觉记忆22四、视觉思维及想象23第四节“时尚传媒集团”品牌设计典型案例分析23 一、整体视觉形象分析25二、静态图形与动态图形26三、文字要素分析27万方数据四、色彩要素分析 29五、“时尚传媒集团”交互式APP典型案例分析总结 一30 第四章基于“时尚传媒集团”品牌APP的视觉优化应用设计 32第一节针对存在问题提出视觉化设计的要求 32 一、品牌的有效推广与传播 32二、满足用户对于品牌APP的视觉期待 34第二节“时尚传媒集团品牌APP视觉优化应用设计方式 34一、界面优化的视觉化设计 34二、界面优化的设计要求 35三、界面优化的设计表现形式探索 38 第五章视觉化设计应用于交互式平台的展望与思考 49 第一节未来的发展前景 49第二节继承与创新 49结语 51参考文献 52附录 54致谢 一55湖南师范大学学位论文原创性声明 56湖南师范大学学位论文版权使用授权书 56万方数据交互式品牌APP视觉优化设计应用研究以“时尚传媒集团”品牌为例第一章绪论第一节论题研究的背景一、论题来源(一)新媒体时代的兴起与发展新媒体是指在新的技术支撑体系下出现的交互式媒体形态，如数字杂志、数 字报纸、数字广播、手机短信、移动电视、网络、桌面视窗、数字电视、数字电 影、触摸媒体等。新媒体的兴起未必具有偶然性，其秉承交互式设计的理论，在 伦理上和用户保持友好，而面对用户的目标和渴望能够给出具体和有效的应答， 在组织上帮助用户实现他们的目标。 (二)科技技术推动品牌视觉化设计方案的改革视觉作为人类最高级的感官器官，以直观和生动的方式向用户展示丰富多彩 的现实世界，通常用视频、图像等视觉信息来使人类感知世界，而承载这些视觉 信息的媒体则统称为“视觉化媒体”。1从本质上来说，视觉化设计之所以发展， 正是基于人们对于美好的生活、生存环境乃至人类社会的理想不断追求的过程。随着计算机辅助设计和传达媒介的日益产业化，一大批诸如：高清视频监控 识别、城市街景成像、人脸识别分辨技术等早年间只停留于前瞻科技的技术开始 深入到人们的日常生活中，并且正在改变着人们的生活方式，产生了巨大的社会 影响和经济效益。科技作为商业的最大驱动力量，从视觉设计而言，就要求设计 师必须对他们的受众所面临的时间限制和压力有一个更高的认识，即资讯的传播 应该更便捷并且更易于受众接收。二、选题依据随着纸质媒介的功能优势逐步弱化，资讯类品牌纷纷将目光聚焦于全媒体的 交互式平台。而在资讯信息呈井喷发展的时代，如何实现资讯信息的有效传播，杜世英著，视觉化设计原理MI，上海，上海人民出版社，2009，10-11l万方数据硕士学位论文如何避免“信息超载”的窘状，成为亟待解决的问题。而视觉设计为我们提供了 一个可行的解决方案，而值得欣喜的是市面上已有不少资讯类品牌已经迈出了视 觉化设计应用于交互式品牌APP的步伐，例如“时尚传媒集团”他们的尝试和实 践为我们提供了视觉化设计新的研究方向。第二节研究目的和意义一、研究目的(一)丰富视觉化设计的内涵视觉化设计进入交互式领域，不仅仅给信息传播的媒介平台带来了新的机遇 与挑战，也拓展了自身的概念内涵，而在快速发展的同时也面临诸多的问题，例 如：构成元素的增减，表现形式与技术手段的结合，视觉设计法则的革新与应用， 跨学科领域研究的界定等等。本文希望通过案例分析、理论分析、对比研究等方 法来解决如何将视觉化设计发展成为交互式平台功能优势的强力助推器，更重要 的是要丰富基于交互式平台下视觉化设计本身的概念、构成、表现形式等理论内 涵。(二)探索新型视觉化模式回顾人类进化的过程，一直想要解决沟通的问题。视觉媒体就是人类用来沟 通、传递信息的形式之一。视觉是人类获取外部信息的主要媒介，视觉化设计的 目标不仅是完成简单的视觉信息的传递，更是要给人以情感上的感染和满足，实 现视觉沟通。传统的观点往往将视觉化设计等同于平面设计，但是随着社会的不断发展以 及新技术的应用，视觉化设计已经不能被局限在平面设计的范围内，视觉化设计 已逐步形成新型的模式，在当代信息社会条件下，视觉化设计已经远远超出设计 艺术的传统涵义本身，已经不仅仅是传统设计意义上的“语言”，而是一种综合 性质的表达。本文希望通过对案例分析，理论总结，最后针对己存在的视觉化问 题对研究案例“时尚传媒集团”的品牌APP形成一套可行性的视觉优化设计方案， 以探索新型信息视觉化的模式。2万方数据交互式品牌APP视觉优化设计应用研究以“时尚传媒集团”品牌为例二、研究的意义人类身处这个数字信息化社会，每个品牌都在寻求更好的传播方式，用户也 在寻找更适合自己的接受讯息的手段，四周都充斥着杂乱的信息、五花)kf3的媒 介渠道以及令用户难辨明细的品牌。在这种大环境下，视觉化设计成为了所面临 问题的可行性解决方案。本课题是以“时尚传媒集团”这类资讯类品牌APP的视觉化设计作为研究对 象，通过对“时尚传媒集团”已有的品牌APP案例的调查及现状分析，从视觉化 的角度，借助平面设计的视觉语言去重新探索交互式平台中所呈现出的不同形态 以及设计方式，进行再认识与再创造，从而更好的进行传播与推广，具有积极和 现实的研究意义。三、研究的创新点信息技术让全世界的人们可以资源共享，当人们互相共享概念和想法的时候 就需要更为清晰的视觉交流方式。网络不仅打破了空间的壁垒，同时也使理想与 现实之间的距离和阻隔渐渐消失，这也意味着我们要将信息通过更有效、更快速 的方式处理和传播。品牌传播的最终目的是实现品牌利益的最大化。视觉化设计 是为了解决品牌信息传播的问题。所以当用户在使用品牌APP时，如果能够看到 视觉化更为整体的界面设计，不但有利于品牌信息的有效传播，同时也能改变以 往简单的纸质内容数字化的问题。因此本论文要着重解决的关键问题是：(1)视觉化设计应用于交互式领域。 (2)针对现行的资讯类品牌APP存在的视觉化问题提出一个优化设计的实践方案。我想通过以上两个问题，从视觉传达的层面来剖析视觉化设计在交互式品牌 APP领域应用的必要性。万方数据硕士学位论文第三节现状研究一、纸质传播模式的数字化都市生活节奏增快的特点决定了现代都市人已经没有过多的时间去留意身边 的细节，也很少有耐心去花费大量时间去读完一份报纸或是静下心细细品读一本 书，跳跃式地简单过滤图片和标题己成为普遍的阅读习惯。生活方式的变化使读 者的阅读习惯、阅读取向都发生变化，图片和文字相比越来越受到青睐。通过图 片获取信息，并享受感官刺激，“读图时代”就这样潜移默化的走进我们的生活。 而今的图书、报纸、杂志等纸制出版物己不同于传统的出版物，不必像过去 那样耗费大量的人力、物力，通过激光排版、电脑编辑、网络传输等新传播技术 在印刷出版领域的广泛应用，曾经繁忙的工作如今变得轻松便捷，其信息内容也 都被以数字化形式进行保存，实现了存储量迅猛扩张和高速的迁移，这些都为纸 质媒介的数字化转变奠定了坚实的基础。互联网为纸媒介提供建立了一个与读者 直接互动联系的的数字平台，运用数字信息技术，在提高纸质媒介的传播效率的同时也降低了运营成本。二、移动交互式平台现状研究随着移动互联网的行业分工的进行，各种具有交互式功能新型服务的出现， 整个互联网市场迎来了更为强劲的增长。2011年智能手机销售量首次超过PC， 用户花在手机端上的时间是PC端的3倍以上。同时，越来越多的网站建立移动 设备的终端应用，移动互联网用户平均每天启动交互式平台时间长达116分钟， 经常使用卜5个APP的用户占比例的472。2而与此对应的则是Pc端用户规模 的增长率的减缓，对比移动端和PC端得用户比例来看，我们不难得出移动端在 未来可预见的视野内必将成为交互式平台的主要载体。三、时尚资讯类品牌交互式发展的现状研究2010年苹果公司的推出iPad这一全新的移动终端设备，它拥有更加高清的 分辨率，更多彩的色彩显相，更强大的处理器，更多的储存空间，更成熟的交互 式平台系统。正是因为这些优势吸引了许多传统纸质媒体中的“大牛”们争相入 驻。美国(Vogue)杂志就在当年的6月登陆了iPad平台，g,JTIJ号达到了10万数据来源于大数据管理平台万方数据交互式品牌APP视觉优化设计应用研究以“时尚传媒集团”品牌为例 份的发行量，后来平均每期发行量达到80万份，成为当时媒体圈热议的话题。短短几年的发展，几乎所有的大型时尚资讯品牌都开发了自己的交互式应用，在 各种智能手机以及iPad，Kindle等移动终端设备上都能找到时尚资讯品牌的身 影。而在时尚综合类APP中，以“时尚传媒”“瑞丽”“Vogue”等主流一线传 媒品牌加入APP市场，使得该类型的交互式传播设计进入到了一个新的运作模式。 (图1-2)IJI。E+钵锇 突蛐jt柬的枉鞋满翁震。攀一1翟“莲 算蓬黧鬻黧黧麓戮塑塑露警缀i*骚戳一。蕾r心图1-2IOS平台中的报刊杂志专业应用(来源于网络截图)诚然，交互式的平台的品牌传播具有其独特的优势。但在界面设计和功能改 善方面还有很大的提升的空间。比如，功能按键在界面中的设置是否明确清晰， 是否让用户轻松自如的找到；功能按键的易操作范围是否设计得当，当用户单手 操作的时候否会遇到不便；界面的分布和阅读流程是否清晰；主要的内容是否在 用户的最佳视域范围区域；界面的色彩应用是否符合整体的品牌理念和主题内 容；文本信息和图文信息的穿插是否能引导用户进行更好的阅读体验等等。这一 系列看似细枝末节的问题是影响一个品牌APP是否能起到传播品牌理念，实现品 牌价值，最终达到利益最大化目的关键因素。第四节研究方法以定性研究为本文的主要研究方法，通过认知走查和评估以及案例分析等手 段和步骤最终得出一些对设计有用的定性数据和结论。定性研究应用于交互式平 台的设计过程如下：万方数据硕士学位论文定性研究的方法主要呈现在两个方面：第一是受众，任何设计的目的都是为 人服务，交互式的视觉化设计也是一样，而且因为其独特的人机交互方式决定了 设计师在设计交互式产品时必须以人的需求为主要原则和标准，而定性研究方法 在该领域的应用就显得尤为重要。在设计前期就必须的设计对受众人群进行采样 和分析，获取受众数据，从而得出用户在使用产品前的预期，对其行为、情感、 思想等领域里的一系列问题进行较为系统和科学的收集整理，了解这些问题的变 量给设计师提供用户信息参考。第二是品牌，品牌其实是另一种表现形式的“人”它和人一样有着差异性和 独一性，好的品牌传播就是将品牌的差异性和独一性放大，以求更多的潜在用户 关注，从而转化产品的使用者。因此定性研究的第二个方面是研究和确认品牌的 差异性特征和独一性组成结构，让设计者在设计产品的时参考，为更好地设计出 交互式平台方案提供重要的前期分析资料。交互设计绝不仅是审美学的范畴。理解交互设计的关键是对用户行为的研究 和对认知原理的理解，交互设计说到底是对用户行为的设计与引导，其本身即是 一种设计的方法论，是一种思维，好的交互设计影响的不是你的某一种行为，而 是改变你的一种生活方式，以智能手机为例，以前手机是通讯工具，打电话，发 信息，这是一种交流行为。而现在的智能手机不仅是通讯工具，也是你的移动办 公室，移动个人银行，多终端的够物品台等等。这样的交互设计已经不是单纯的 影响客户的行为，而是改变你的思维和生活方式，你想的不再是怎样沟通交流， 你想的是如何让沟通交流更加便利和快捷，在一步想到除了这种形式的交流是否 还可以多种形式的交流，在交流沟通的同时是否还能完成别的行为，随着用户需 求的不断变化，交互不再是单纯把一个产品数据化，也不是一个平台到另一平台 的简单移植。而是去解决用这个产品如何让用户更为高效和快捷的解决问题，同 时提供个性化的选择性。同样，APP产品的交互设计应该是强调如何让品牌APP 实现流畅操作，而不是设计出看起来很炫很复杂的功能模块。从某个层面来讲，交互不是和工业设计平面设计平行的一个设计门类，而是 可以应用在各个设计门类里的方法论和设计思维。Alan Cooper认为： “交互设 计师们要通过设计恰当的产品行为来实现用户目标，这种面向行为的设计旨在处理并满足用户的目标和动机，称之为“目标导向设计”(goaldirecteddesign)。6万方数据交互式品牌APP视觉优化设计应用研究以“时尚传媒集团”品牌为例 为了理解目标导向设计，我们首先需要理解用户的目标，以及这些目标如何有助于设计适当的交互行为。”3在情感化设计一书中，Don Norman提出了认知处理三层次理论，“即设 计要考虑三个不同层次的认知和情感处理过程：本能的、行为的、反思的。4而Alan Cooper也在(About Face)中提出三种用户目标对应Norman的本能、行为和反 思层次。首先，体验目标用户想要感受什么?在使用产品的时候，用户在与产品进行 交互的时候，他所期望的感受，体验目标使得用户去关注于产品的外观、声音等 感官信息。其次，最终目标用户想要做什么?最终目标的背后是用户在使用某个具体产 品完成某些任务的动机和缘由，最终目标是决定产品用户体验最为显著的因素， 直接和用户行为相关。最后，人生目标一一用户想要成为什么?表达了用户使用了产品或服务后内 心的渴望，是深层次的内在驱动力。”5上述三个用户目标综合后对产品的用户体验感起着决定性作用。人生目标体验目标鬟最终疆标图l_6 Don Norman提出的目标三层次对应认知三层次理论 (来源于情感化设计插图) 成功的产品必须首先满足用户目标。用户目标是用户使用产品的动机，用户动机驱动产品使用模式。目标必须由定性数据得出。所以对用户进行定性研究是必要的，只有建立了完善的用户需求数据模型，才能定义产品设计方向，从而完美】库伯，瑞宁，克罗林交互设计精髓3M】北京：电子工业出版社，200811【美】唐纳德诺曼，情感化设计M】北京：电子工业出版社，20055【美】Alan Cooper，About Pace，【M】北京：人民邮电出版社，20077万方数据硕士学位论文成目标导向的设计。目标导向设计也是回答设计交互式平台类产品过程中出现的重要问题最有说服力的依据。万方数据交互式品牌APP视觉优化设计应用研究以“时尚传媒集团”品牌为例第二章交互式品牌APP视觉化设计概述第一节相关概念解析一、交互式设计交互设计，又称互动设计，(Interaction Design，缩写IxD或者IaD)， 是定义、设计人造系统的行为的设计领域。人造物，即人工制成物品，例如，软 件、移动设备、人造环境、服务、可佩带装置以及系统的组织结构。交互设计在 于定义人造物的行为方式相关的界面。6那么，交互式平台设计的媒介就是诸如计 算机、电信以及移动终端等所提供的交互式科技。在与用户互动的基础上，大致 可分为三个阶段来分析：第一阶段，是狂热者(Enthusiast)，对应的是技术从业人员和开发者，他 们涉及的是计算机辅助设计领域，不在意技术面操作的难易，而把更多的重点放 在技术本身的原理和效率上。第二阶段，是专业考虑(Professional)，对应的是专业领域的理论研究者， 他们的重点在现象和现象背后的理论依据。其特征是和使用者不是一个族群。第三阶段，是消费端，仅仅是为了切合生活的需要，不会花大量的时间成本 区学习操作，而关心该产品是否能满足预期的目的和需求。而本文主要研究的应 用设计就是针对的这个阶段。数字化技术的发展，使得用户的数量群在以迅猛的数量增长，使得技术门槛 降低，带来的是设计理念的更新。交互式设计具有一个清晰、具体的模式。通过 回应的动作来确认，让用户知道在何时执行了什么操作，而且其回应的动作并非 单单局限于视觉上，从听觉和感官这样多冲的回应动作会让用户的工作更有效 率。李四达著，交互设计概论，【M】北京，清华大学出版社，2009，60669万方