1、第 44 卷 第 8 期 包 装 工 程 2023 年 4 月 PACKAGING ENGINEERING 429 收稿日期：20221128 基金项目：西南壮族少数民族文化符号在国潮设计中的应用与传播研究(202110341017)；大学生国创项目 作者简介：孙悦（1998），女，硕士生，主攻设计学。通信作者：臧勇（1972），男，硕士，教授，主要研究方向为视觉传达设计理论研究与实践。基于爱奇艺图标与界面设计为例的无意识设计研究 孙悦1，潘越2，臧勇1（1.浙江农林大学，杭州 311300；2.浙江工业大学之江学院，浙江 绍兴 312030）摘要：目的目的 以爱奇艺 APP 图标和手机界面为
2、研究对象，通过分析其不同时期的设计特点以及对无意识设计的应用，提出适用于视频平台的无意识设计建议。方法方法 基于对无意识设计的研究，对爱奇艺不同时期的标志使用方式、图形和界面的运用规律以及所呈现的视觉效果进行分析，总结出适用于视频平台图标和界面的运用规律和共通原理，将无意识的设计转化为有目的的设计启发。结论结论 设计师应积极探索受众的无意识心理和需求，顺应受众的趋同性，用无意识设计来培养受众稳定的无意识行为，将无意识的设计总结成有形的设计方法，培养出有特色的视频平台。关键词：爱奇艺；图标界面；无意识 中图分类号：TB472 文献标识码：A 文章编号：1001-3563(2023)08-0429
3、-05 DOI：10.19554/ki.1001-3563.2023.08.049 Unconscious Design Based on iQIYI Icon and Interface Design SUN Yue1,PAN Yue2,ZANG Yong1(1.Zhejiang A&F University,Hangzhou 311300,China;2.Zhijiang College of Zhejiang University of Technology,Zhejiang Shaoxing 312030,China)ABSTRACT:The work aims to take iQI
4、YI APP icon and interface on mobile phone as the research object to analyze the design characteristics in different periods and the application of unconscious design,and put forward some suggestions for unconscious design of video platform.Based on the study of unconscious design,the ways of using i
5、cons,the rules of ap-plying graphics and interfaces and the visual effects presented by iQIYI in different periods were analyzed.The rules and common principles applicable to the icon and interface of video platform were summarized,and the unconscious design was transformed to the purposeful design
6、inspiration.Designers should actively explore the audiences unconscious mind and needs,conform to the convergence of the audience,use unconscious design to cultivate the audiences stable uncon-scious behavior,and summarize unconscious design into tangible design methods to develop a unique video pla
7、tform.KEY WORDS:iQIYI;icon interface;unconscious 视频网站的发展存在无限可能，随着电脑的迭代完善和移动端受众群体不断扩大，人们对视频基本的功能提出更高、更个性化的要求，许多新媒体视频平台不断创新突围，特别是自媒体以及短视频平台的成熟更是让竞争进入白热化的阶段。受众的无意识表达，被叠加在意识策略中得不到凸显，而实际上自媒体的无意识领域存在于情感、思维、记忆相互关联的 种种意识流中，这些意识流控制着人们的思想和行为，产生着极为强大的影响。研究无意识设计，洞察人们的无意识行为，这种无意识行为是人类进化的本能所决定的，在有意识反应之前这种本能行为决定了设
8、计师的设计方向1。研究无意识设计，实则是在文化和意识的共同基底之上，将规律转化成可用于实际操作的经验，将无意识的设计转化为有意识的设计启发。430 包 装 工 程 2023 年 4 月 1 爱奇艺现状 爱奇艺视频网站的发展走在行业前沿，自 2010年上线以来，超越了许多在市场上打拼多年的视频网站。爱奇艺的品牌定位十分精准，以年轻化和轻奢化的方式打造了爱奇艺“悦享品质”的品牌特性。与此同时，爱奇艺利用自身强大的数据优势，在品牌宣传方面不断创新，始终站在受众的角度进行设计策划2-4。与此同时，像爱奇艺这样的平台也需要寻求突破点，各大视频平台都在竞争发展，在满足基本传播需求的同时逐步迎合受众的其他体
9、验。针对无意识的设计研究则可以帮助同类平台寻求个性化的方向，贴近受众需求。2 爱奇艺 LOGO 及其色彩特点 爱奇艺的标志对整个品牌形象来说十分重要，一个优秀的标志设计能够给予受众安全感，赢得品牌信赖。随着互联网的发展，标志的作用也越来越大，主要应用于宣传推广、平台交流、文化建设等方面，并且随着企业集团或个体的发展壮大，标志的影响会更加深远。爱奇艺标志的设计理念是“爱奇艺，屏生活”，人们的生活无时无刻不被各种屏幕所包裹，爱奇艺洞察其现象，选择了象征环保自然、青春活力的绿色作为标志的主色，与优酷带有流动感的蓝白标志以及腾讯带有科技感的暂停键标志之间有很好的区分5。2.1 具有亮丽色调的爱奇艺标志
10、 爱奇艺的标志主体以绿色呈现在受众面前，以灰色、黑金色为辅助色，代表 VIP。在 2018 年底为配合过节气氛，其 APP 标识有一段时间改为红色。在4.0-7.0 版本中，爱奇艺独播的标志也为红色，其目的是凸显出独播的特点。其余辅助颜色会根据首页推荐的影视海报主色调进行调整。总体上讲，除特殊情况外，“爱奇艺绿”的主题颜色不会有较大的改变，因为经过多年的熏陶人们已经将绿色的爱奇艺标志上升为固定的认知形象了。2.2 爱奇艺影业标志 爱奇艺影业标志的主色也是绿色，因为是动态的显示方式，其间也会有不同颜色的呈现方式，但最后呈现在受众面前的视觉影像始终是绿色为主，或是白底绿字、黑底绿字，也有绿底白字等
11、效果，总而言之绿色是不可或缺的。在确定标志的主色调之后，在其他媒介的应用开始呈现渐变色，在画面的效果上有时会选用互补色，如黑底绿标、白底绿标等。在爱奇艺品牌宣传片中，标志形象以亮丽的绿色凸显出来，即使是在动态且色彩丰富的背景下，标志仍然能够凸显出来。不同的呈现方式构成了宣传片中的爱奇艺标志，其间掺杂着其他颜色，但是最终展现的那一帧标志一定是绿色的，并且很容易在画面中跳脱出来。3 爱奇艺图标分析 3.1 导航栏中的图标 图标本身是介于文字表达和设计图案之间的传播交流媒介，用可视化的方式来代替文字进行表达，突出了图标本身的功能性。设计师根据服务对象的不同选择其表现方法，找出面向大众视角的语言、色彩
12、、认知图形等共性来赋予图标鲜明的特性。优秀的图标具有多方面的作用，第一，能为品牌做宣传，附属标志成就好形象；第二，被受众普遍认可接受，符合大众的生活经验；第三，简洁大方；第四，一个成功的视觉符号，与同类竞争者具有明显区分。爱奇艺上下部分均为导航栏，前期图形略显单调，从人机交互的使用功能层面出发，注重实用性，美国著名学者唐纳德A诺曼（Donald Arthur Norman）曾言：“当技术满足了基本需求，用户体验便开始支配一切。”6随着平台的发展和互联网技术的强大，爱奇艺的交互功能逐渐完善，在能够满足受众的功能体验的前提下，开始以用户体验为出发点，图标的色彩逐渐丰富起来，界面设计开始注重用户体验
13、的视觉和心理感受，并且随着爱奇艺生态链范围的扩大，图标种类也开始变多，见图 1。图 1 爱奇艺导航栏变化 Fig.1 Change of iQIYI navigation bar 历年来爱奇艺图标的选中状态都为绿色，笔者认为有以下几个作用：1）配合爱奇艺标志特色。2）配合爱奇艺的绿色色彩，起到深入人心的作用，象征青春阳光的绿色已经成为不少用户分类、识别爱奇艺 APP 的依据，所以在后续图标的颜色选择上不会做轻易的更改。3）符合爱奇艺的主题思想与功能定位7。3.2 图标的增值功能 爱奇艺 7.0 版本开始出现增值服务，提高了受众第 44 卷 第 8 期 孙悦，等：基于爱奇艺图标与界面设计为例的无
14、意识设计研究 431 黏度。图标前期的整体性较弱，图案外形、风格、颜色不完全统一，后期图案的外形风格得到了较好的统一。比较来说前期视觉感受较散乱，后期视觉呈现上更为整体，见图 2。图 2 增值服务图形类别对比 Fig.2 Comparison of graphic categories of value-added services 在增值服务的呈现方式方面，从各版本中可以看出爱奇艺做过不同的尝试。1）滑动呈现，是目前呈现的方式，不占用界面太多的板块也可以容纳很多的增值图标，用户只需要滑动屏幕就能看到更多的增值服务。2）整体呈现，受众可以直接看到增值服务的种类，但占据了软件界面太多的篇幅，相比
15、较热播剧推荐版块，这些增值服务是次要的，占据界面篇幅太大的版块是不合理的。3）文字呈现，主题加文字解读，有利于阅读，但 APP 整体界面的文字已经很多了，受众的第一选择多为视频推荐下的文字解读，色彩丰富的图片加上更为有趣的文字解读，增值服务版块很难被注意到。总而言之，滑动的呈现方式加上统一风格的图标最为合适，既占用了合适大小的版块，也不会过于抢眼或者弱化。其次，动态化的呈现方式，增强了与受众之间的交互感。根据爱奇艺针对受众体验进行的不同方向的尝试，开发了受众稳定的无意识行为，通过对无意识设计结果的对比，有效地避免了不符合人们需求与期望的设计的出现8。4 爱奇艺移动端首页界面分析 4.1 移动端
16、界面状态 爱奇艺首页中的搜索栏上下部分均有一个导航栏，上部分是搜索栏和观看记录的一个快捷导航，搜索栏下方则是一个视频频道导航。banner 图显示在视频导航栏的下方。爱奇艺首页中间部分则是一个增值服务的入口。最下面的部分则主要是一些视频推荐。自 8.0 版本取消了今日资讯版块后，爱奇艺界面信息版块的分类基本固定下来，版块整体性较强，虽然没有明显的划分线，受众也很容易用肉眼区分出不同的版块。8.0 和 12.1.0 版本比较，见图 3。8.0 版本界面的点、线成分较多，版块分界不清晰；上端的导航栏占比太多，主推的 banner 不抢眼，与热播剧的单个图片占比是一样的，没有层次，受众第一眼无法聚焦；排版留白太多，界面得不到合理利用，白色留白部分也很亮眼，排版方式会分散受众视觉。中间部分排版“今日资讯”，笔者认为在视频 APP 内不宜用太大的版块来呈现。图 3 8.0 版本和 12.1.0 版本对比 Fig.3 Comparison between versions 8.0 and 12.1.0 12.1.0 版本中 banner 视觉得到强化，尺寸放大，去除白边；搜索栏和其他快捷键重新排版
