中文摘要
“熬夜”和“养生”，这两个截然不同性质的词汇，现在却成了大部分青年人，特别是九零后群体生活状态的突出象征。正在经历这两种状态的年轻人，对这两个词语背后的影响，或一知半解，或一窍不通。本次研究将通过挖掘90后“熬夜”和“养生”两大现象背后的原因，结合对90后这一群体的世界观、人生观和价值观的理解，将视觉设计的元素，融汇在H5的载体中，完成90后养生方式H5交互设计与研究。
关键词：熬夜 养生 视觉设计 交互设计 H5
第一章 项目的目的与意义
1.1目的
1.1.1 社会层面
90后作为XXX的生力军，在推进国家政治经济文化各方面的发展中扮演着重要的角色，人们会更多的将焦点放在九零后这一群体所取得的成就，而对于他们的成长，或许只是一笔带过的认知，更别说其成长中正遭受着的一些麻烦。随着互联网的发展，90后“熬夜”这一现象已经为大部分人熟知，同时就在近两年，90后“养生”的说法也应运而生。当“养生”一词与“90后”这个仍然象征着年轻的代名词放在一起，虽是调侃，却也读出其中的心酸。此次研究需要基于90后“熬夜”和“养生”两大现象背后深层次的解读和传播效应的考虑，只有深入研究这两大现象，并结合图形图像语言的综合运用，才能创作出能够精准传播且深入人心的优秀作品。
1.1.2 受众层面
部分90后已经意识到身体健康的重要性，然而却常常身不由己——用最近流行的话说就是“熬最久的夜，缺最多的觉”。这群90后常调侃自己是“熬夜冠军”，他们渴望身体健康，也会抽时间进行锻炼，但是常常是三天打鱼两天晒网，而且也缺乏相应的健康常识。
1.2 意义
1.2.1 理论意义
90后养生方式H5交互设计与研究，是深入探究90后养生方式和养生背后的故事，侧面展示90后这一群体的生活方式和价值观念，对其进行针对性的艺术创作是文化推广的一个手段。H5是一个十分新鲜的载体，作为创作的尝试与探索，带来的惊喜是令人期待的。
1.2.2 实践意义
90后养生的现象，可以说是一种互联网亚文化。这文化本身包含且反映着90后这一群体的世界观、人生观和价值观，是笼统的、难以概括的。而这一文化所表现出来的现象，即90后熬夜或是养生的例子却是信手拈来且容易引起共鸣的。笔者希望90后养生方式H5交互设计能让更多人了解到90后这一群体养生的行为以及其背后的故事，同时也帮助90后的“熬夜群体”“养生群体”能够更加清楚地了解自己的身体状态，并引起重视，从而真正提高强身健体的意识。
第二章 90后养生现象分析
在互联网一波波更新的浪潮中，越来越多年轻人通过新媒体，直接或间接接触到了养生的概念和养生的常识。据《国人健康关注度大数据》显示，90后养生已然成为当下一个热门的现象。
年轻人里“保温杯里泡枸杞”也并非调侃之言：数据显示，在年龄30岁以下的人群组中“十大最受关注的养生热词”选项里，“枸杞”高居第4位，前三位则分别是“血管”“血糖”“高血压”，后面的关键词分别为养肝、尿酸、补肾、泡脚、生姜、肠胃。而数据分析认为，90后对生姜的青睐，可能与生姜这一药材常与治疗脱发的偏方相联系有关。
2.190后养生方式
根据2018年“谷雨x知微数据”的调查报告表明，90后年轻人“喜爱泡养生茶”的占比高达41.3%，紧随其后的是“好的生活习惯”，占比40.3&，接着是“中医养生”，占比9%，而通过运动或美容养生的比例加起来不到2%。从以上数据分析可以得出，90后基本上还是希望能够“慵懒地”养生，能不动就不动。而对养生方式进行细分，对90后来说，保温杯泡茶则是最典型的代名词。而诸如理疗、泡脚、防脱发等常见于中老年人群的养生方式，也在90后这一群体中形成一个潮流并使90后去学习与效仿。
然而年轻人虽然关注到了养生本身，却也常常不愿意或不尝试去改变当前的生活状态，于是就有了“朋克养生”的说法。那么何为“朋克养生”呢——“朋克养生”专指90后一边作死、又极其怕死的独特的养生方式。比如朋友圈里让人哭笑不得的炸鸡配红茶、可乐放党参、熬夜敷面膜、蹦迪穿护膝等行为。而对于90后热衷于疯狂熬夜的行为，用X歌手萧敬腾歌曲中的一句歌词调侃便是——“夜太美，尽管再危险，总有人黑着眼眶熬着夜。”
“朋克养生”这一时下热词也很真实地反映了当下年轻人既沉迷在不健康却无法自拔的生活，又害怕由于长期经历这样的生活可能会带来身体上的痛苦甚至更糟糕的结果的矛盾。之所以出现这样的现象，笔者认为也和互联网的快速发展，社交媒体尤其是自媒体的崛起息息相关。90后作为XXX的生力军，逐渐背负起建设社会和成家立业的重任，而在成长的过程中由于价值观缺乏足够多正确的引导，加之自控能力相对较弱，容易放纵自己，从而主动或被迫形成不健康的生活习惯。与此同时，由于不健康生活带来的种种危害如皮肤问题大、脱发严重、身体重大疾病甚至猝死的这些结果通过各种各样的新闻或者文章走进了大家的视野里，使人触目惊心。XXX的媒体舆论威力是不可小觑的，在这样的威力下，90后不得不一边收敛起自己内心的“狂”，选择关注起以前可能闻所未闻甚至嗤之以鼻的“养生”。
2.2 90后养生性别分布
根据2018年“谷雨x知微数据”在微博中抽取年龄标签为90、95、00后的养生群体及其发布的养生微博形成的调查报告，数据显示参与调查的90后养生群体中，男性占其中比例32%，反之女性则高达68%；话题名为“养生少女”的阅读量为31.3万，相反，“养生少年”的话题量却只有1.6万。从以上数据我们可以分析得出，对于90后的年轻女性来说，养生已慢慢成为一个需要重点关注的话题。
造成男女数据差距的原因有很多，笔者认为和一般情况下，女性比男性更重视美这一因素联系十分紧密。虽说爱美之心人皆有之，但由于成长过程中无论是男性还是女性，接收到的各方声音常把“美”这一字眼与女性联系在一起，使得女性对于与美联系得一切事物比男性要相对敏感得多。譬如说女性视角下，养生常会孜然地与养颜、变美联系在一起，而养生的反面即不健康xxxx带来肤质变差、气色不佳等问题。这些常识经过包装后，通过媒体的传播如广告或是一些安利文章，进入到女性的视野中，并使得女性开始理解养生的重要性并重视起来。
而调查结果中男性的比例虽然远不如女性，却也不在少数，笔者认为同样和当下媒体舆论与文章离不开关系。90后男性正值人生的起步期，无论是已在职场打拼的上班族又或是还在象牙塔里的学生党，在这一时期里，都会不自觉地透支自己有限的精力。而透支精力的危害也随着越来越多的文章曝光在90后的男性面前，一些事关生命危机的冷冰冰的事实也确实让天不怕地不怕的男子汉们后背发凉，重视起养生来。
第三章 90后养生现象的视觉演绎设计路径
此次针对90后养生现象的创作载体是H5，H5设计由视觉设计和开发交互组成，两者相辅相成共同影响着H5的展示效果。视觉设计是H5设计中十分值得关注的一个问题，这是因为当用户打开H5时，首先感受到的就是H5页面的视觉设计。正因为这样，可以说视觉效果如何直接体现用户对一款H5的印象的好与否，以及H5本身能否完整传递信息给每一个用户。
本着保证H5能最大效率地让受众接收到H5希望传达的内容的原则，视觉上的设计需要同时满足美观和准确的原则——画面丰富美观且能准确反映出对应的场景。
3.1 H5受众定位
此次H5设计是针对90后养生现象展开的，顾名思义，H5的受众定位就是90后的年轻男性与女性。细分到受众人群特征，则受众包含：生活习惯不健康的90后（如图3、4），希望了解养生知识的90后，“朋克养生”的90后（如图5）等。通过此次H5设计，用有趣的视觉及交互让阅读体验到该H5的受众感受到自己当前的生活状态，并从中收获一些养生小常识。
3.2 H5视觉风格
此次H5的视觉设计采用矢量扁平化的绘画风格，贴合互联网潮流审美，结合H5希望传达的内容，呈现出让受众易于接受乐于吸收的作品。
3.2.1 H5画面风格
H5画面总体的设计的内容灵感来源于网络上现有的各种H5问答测试等（如图6、7），通过丰富的带有问答的插图配合选定选项后触发的弹窗动画实现H5的展示。
3.2.2 H5人物形象风格
人物形象的外型设计借鉴了大众较为熟悉的IP“旺仔”（如图8），分别有男女两种性别的人物形象。其外形特点则夸张化了90后群体的一些“共性”——不健康生活带来的脱发、双目红血丝和黑眼圈严重、容易疲惫等问题（如图9、10），通过再设计后的夸张的视觉特征表现出来（如图11以H5中男性人物形象）。
第四章 90后养生现象的视觉演绎设计实践方案
4.1H5背景
随着互联网日新月异的发展和电子设备的快速更新换代，人们的生活越来越丰富多彩。而科技的发展给人们带来便利，提升幸福感的同时，也带来了一系列问题，以90后这一群体为例——90后作为国家新生代的骨干力量，肩负着建设国家和成家立业的责任，在这一过程中，受到各方面的压力与影响，90后们主动和被动地走上了不健康生活的道路，并在这条路上越走越远。年轻的90后血气方刚，可能没有办法马上感受到不健康生活将会带来什么可怕的后果，当然在看到相关新闻报道或文章后，会沉默会错愕，但也因办法改变现状感到彷徨或只能无所谓。
以文章或单独的插图来传达鼓励引导90后养生的做法在网络上已屡见不鲜，无论是鸡汤软文又或是魔性的表情包大家已经见过不少，而这一方面的H5却相对缺乏。笔者通过设计本H5，希望用一种有趣的形式去与90后的受众互动，从中也希望能让受众既从H5中感同身受，又能消化吸收H5希望去传递的内容。H5将通过几组“扎心”的问答和画面最终反馈给受众一个结果，此H5笔者给其命名为“90后秃头等级测试”。
4.2H5设计
4.2.1H5首页设计
设计H5的画面共分为几个部分：首页、性别选择页、问题页、弹窗页、结果页。以下将分别展示H5画面的设计并进行相应阐述。
图12
首页（图12）：首页的画面中央是展示H5主人公正加班加点地赶工，墙上的时钟指着凌晨三点，桌上的功能饮料，贴满电脑屏幕后盖的备忘便签，文件架上堆积的文件，共同构成了典型的90后群体加班加点“肝”任务的情景画面。
4.2.2H5性别选择页&弹窗页设计
H5的性别选择页和弹窗页需要在H5场景的暗底上呈现，此处只作组件的展示，未结合暗底。
性别选择页（图13）：选择对应的性别，则对应性别的形象背景变黄，人物眼睛睁开，形成一种生动的交互感受。
弹窗页（图14）：选择对应的选项，则触发不同的弹窗。
4.2.3H5问题页设计
问题一——会在十二点前上床睡觉吗（图15）：画面中的主人公正戴着耳机，不知疲倦地看着电子设备，他的手里拿着饮料，薯片罐子从拱起的被子上滑落到主人公脚底附近的位置，窗外已是星光点点，夜深人静，惟有几户灯光依稀。
问题二——会起床困难吗（图16）：画面中的主人公戴着眼罩呼呼大睡，床头的手机闹钟正在响，手机画面中显示的时间是上午10：00，而画面中的主人公似乎没有要起床关掉闹铃的意思。
问题三——你是拖延症患者吗（图17）：画面中的主人公眉头紧锁，神色慌忙，只见他手里拿着一本写着“DEADLINE”的台历，在他的两边堆满了工作文件，而在他后面的墙上则挂着令人哭笑不得的工作安排方法。
问题四——会不会经常感到劳累（图18）：不难看出画面中的主人公因为手头的工作忙得头昏眼花，在他的桌上放着一罐打开的功能饮料，屏幕后盖被贴着备忘便条的笔记本电脑，以及放满待办工作的文件架。
问题五——最近会不会容易情绪崩溃（图19）：画面中的主人公身着印有“坚强”二字的衣服，眼中含着眼泪，却没有放肆地嚎啕大哭起来，而是半抿半咬地极力控制着自己的情绪，右手抬起来擦拭落下来的眼泪。一束灯光照亮了暗淡背景里的他/她，似乎藏在内心里的难过被曝光了出来。
问题六——会经常锻炼身体吗（图20）：画面中地板和墙壁是跑道的样式，寓意运动的环境。主人公面目狰狞地举着哑铃，看得出十分地使劲，在他/她附近是一些运动器材。
问题七——会经常摄入养生食品/饮品吗（图21）：画面中的墙壁上有大量的“牛皮癣”小广告，其中靠近主人公的两则小广告是养生小广告。主人公面前摆有一张台面，上面有三个盘子，从左到右分别装着罗汉果、人参和冬虫夏草，而主人公此时正拿起离自己最近的人参端详，然而似乎也研究不出什么。
4.2.4H5结果页&产品推荐页设计
H5的结果页需要在H5场景的暗底上呈现，此处只作组件的展示，未结合暗底。
H5所有问题结束后进入结果页，首先弹出加载页，再是根据用户此前选项综合得出最后的结果，触发不同的结果页（如图22）。
H5结果页弹出后，如选择“服气”的选项，则会出现产品推荐页，随机出现任意一件产品（如图23中的任意一个页面）。选择“换一件”的选项就会切换除当前产品推荐页的任意一张产品推荐页，选择“再测一次”的选项，则回到H5的首页，形成H5体验流程的闭环。
4.3H5延展部分
4.3.1 H5延展设计说明
此次课题的载体是H5，衍生品需要与H5内的元素进行呼应，衍生品包含文具、折页或插画卡片等。衍生品的设计则需要与H5中的画面或元素相联系如截取H5中内页的局部内容，直接挪用或做二次加工形成产品的视觉设计。
笔者给本H5的延展部分单独起了一个主题，名为“SAVE YOUR HAIR”（如图24为该延展主题的设计稿一），意为“挽救你的头发”，这样一来除了能与H5的“90后秃头”主题相呼应，做延展的时候加入该主题，视觉上也能赋予一些形式感，更有利于形成相对统一的延展风格。
针对部分衍生品的功能笔者也有分别进行设计：
90后秃头等级测试折页——折页以H5内的问题页及产品推荐页页为主要内容进行展示。
90后防秃宣言——防秃不能只是喊喊口号而已！这年头讲究的是契约精神！90后的小伙伴们，在这里签署专属于你的防秃宣言，然后行动起来吧！
90后防秃日记本——在这里，记录你的防秃小心得，每天都要督促好自己！
90后防秃笔记本——在这里，你可以量化并看到你努力积累的成果！
90后防秃FLAG卡——真心话大冒险玩过吗？玩法类同，抽取一张FLAG卡，你就需要按上面的要求去完成， FLAG可不要刚立就倒了！
4.3.2 H5延展设计展示
以下为延展部分的衍生品展示：
结语
现有的针对90后养生的H5案例较少，针对90后养生的内容的载体多为文章或图片，本课题通过对90后养生这一内容的H5设计实践，即从视觉特点上尽可能贴合受众本身，做到丰富而又准确地描述画面，同时保证交互过程中的受众的体验良好，从而推动这个课题的完整。此次选题也代表笔者作为90后的一员，希望通过H5交互的形式，使得同为90后的小伙伴们能真切关注自己的健康问题并付诸行动，作为华夏民族的新生骨干，我们有义务让自己由内而外地强大起来，而这一切，都离不开一个健康的躯体。笔者真诚希望此H5能够使参与体验的90后小伙伴们开始关注自己的身体健康，毕竟好的身体才是革命的本钱！
参考文献
[1]艾瑞咨询. 中国熬夜晚睡年轻人白皮书[R]. 2019, P28-36.
[2]沃柯. 健康体魄来自睡眠请不要再习惯性熬夜了[J]. 自我保健，2019，08期：P10-11.
[3]生活数据. 分析了1427位养生年轻人，我们发现最怕秃的不是90后[Z]. http://www.199it.com/archives/796803.html, 2018.11.
[4]韩庆慧，汤夏颖，胡艺龄. 睡眠习惯对大学生认知功能的影响研究[C]. 全球华人计算机教育应用协会，2018
[5]王球堂. 麦肯锡时间分配法[M]. 南海出版公司，2017.
[6]黄小靖,许禄华,李婷,祝海毅. 医药院校学生熬夜行为与其危害认知的相关性调查研究[J]. 中国民族民间医药，2015，24卷20期.
[7]圣西睿智.X医生谈：我在中国的高水平健康生活[M]. 北京时代华文书局，2014.
[8]郝万山. 郝万山说健康[M]. 中国轻工业出版社，2013.
[9]郭晟豪，阚萍，潘菲.从周易乾卦视角看大学生生活规划[J]. 现代商贸工业，2012，12期：P138-139.
[10]T·柯林·坎贝尔，托马斯·M·埃贝尔Ⅱ. 救命饮食：中国健康调查报告[M]. 中信出版社，2011.
[11]丁琳，胡小波. 睡眠剥夺对机体的影响[J]. 微量元素与健康研究，2010，06期：P45-48. [12]罗大伦. 阴阳一调百病消[M]. 吉林出版集团有限责任公司，2010.
致谢
终于来到了这一步，从开题到完成整个毕业设计的流程，几个月的时间就这样悄无声息地溜走了。这一次撰写毕设论文的过程，让我重新回顾了大学四年所学，也使我更加系统地梳理了大学里积累的知识。本来似乎还半懂不懂的知识，通过这次实践，悟得明白了，本来就掌握的知识，也得到了巩固。
一篇论文写完，要感谢的人有很多。首先，我需要感谢我的毕设指导老师在指导我的过程中，将其过硬的专业素质、严谨的治学态度、以及宽容的人格魅力展现得淋漓尽致，可以说，是老师将我这篇稚嫩的文章，梳理成一篇合格规范的毕业论文。即便是在庞大的工作量面前，老师依然是十分认真严格地对待每一个被指导的同学，这使我十分感动。在今后的学习工作中，我也会努力学习江老师严以律己、宽以待人的处事方式。
其次，我需要感谢在这一过程中帮助我的朋友和同学们，尤其是在论文写作中，给了我很多的灵感和帮助，这使我受益匪浅。
此外，我还需要感谢大学期间里遇到的所有专业课老师，是您们的循循善诱，使我收获了很多专业内外的知识，这也为我的毕业设计提供了十分必要的知识支持。
最后，感谢自己一路的坚持，希望自己在今后的路上，收拾好温柔和锋芒，从容应对未来的一切挑战！
1、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“文章版权申述”（推荐），也可以打举报电话：18735597641(电话支持时间：9:00-18:30)。
2、网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。
3、本站所有内容均由合作方或网友投稿，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务。
原创文章，作者：1158，如若转载，请注明出处：https://www.447766.cn/chachong/70074.html,
