2021年实践总结运营H5设计总结

2021年实践总结运营H5设计总结
本文从运营活动概况、设计流程、总结与沉淀等三个方面进行阐述。

(最近在学习脑图，借之前做运营H5设计的经验，来尝试用脑图的形式来沉淀自己的知识体系)
一、运营H5概况:
1.1APP产品流程(运营设计的相关背景)
先说说产品的流程，移动产品从出生到和用户见面大多都会经历这么几个阶段:
在功能定位--交互流程(Ui)--视觉界面(GUI)--开发和测试，这几个步骤，基本实现了产品从0到1。

如果要公司战略中考虑将上线的APP被更多的用户见到、使用到，那么就需要运营登上历史舞台了;
1.2UI设计分工/职责
公司如果规模比较大，产品需求和运营需求都会分配到对应的产品UI设计师或者运营设计师，他们负责那些工作呢?
产品设计:界面布局的合理性以及如何引导用户完成操作等流程化设计;运营设计:活动专题、焦点图(banner)等更加偏向于视觉化和营销类的设计。

而在运营H5页面设计中，它需要考虑的是这两个的集合，一要兼顾视觉化的、创意的、吸引人的，也要兼顾能合理布局页面信息，引导用户进行操作(购买/收藏等行为)。

1.3运营H5活动的功能目标
正如《交互设计精髓》这本书中开篇提到的--以目标为导向进行设计，运营活动也不例外，运营需求的功能目标总结为四个类型:01活动运营型:游戏/邀请函/贺卡/测试;02品牌宣传型:公司/产品的微
___;03产品介绍型:提升转化率;04总结报告型:增加用户粘性;
1.4运营H5活动表现形式
目前比较常见的有四种类型:01简单图文;02红包/送券/贺卡/邀请函;03做任务:问答/评分/测试;04游戏;
1.5公司运营情况
由于每个公司针对的用户群不一样，因此在具体的运营需求，其需求的功能目标也会不一。

如妈咪知道，运营需求每个月都会有，尤其是在产品发布新功能、节日(春节/端午/中秋等)、重大活动(公司周年/问诊节等)这几个时期提需求，具体的功能目标如下:
__年第四个季度运营需求二、运营H5设计流程
在了解了运营H5活动的一个基本概况后，能帮助我们在做设计的时候，以目标为导向进行设计，当然落到实际情况，接到运营H5需求，也还是需要考量视觉层面的东西。

___日常准备
好设计来自有准备，在这里我做的准备如下:
2.1.1观察生活，记录灵感。

线下:商场的橱窗设计，广告招贴画，地铁的广告贴;线上:竞品，电商等app;与美术有关的:插画，漫画等，用心去观察，随时记录自己当时的灵感，都是以后设计中的财富。

2.1.2收集和整理。

每逢节假日，淘宝，京东，外卖的app的营宣活动特别多，及时参与，及时截图保存，竞品的相关医学类的活动也是及时参与，了解其的玩法和现有的设计手法。

灵感库网上还有推荐Dribble、Behance、pinterest、花瓣、Google的Panda插件)等，个人的收藏习惯中比较偏好花瓣，只要你有网络，手机/公司电脑/家里电脑都可以随时看。

花瓣画板
tip01:对于建立画板名称看个人习惯，分组和命名方式完全依照自己的习惯记忆和搜索方式来定即可。

tip02:需要每天刷，大量的阅览，搜集喜欢的需要的，并隔一段时间做删减工作，删去觉得已经过时了的、没用的(毕竟随着实战经验和眼界的提升，有些图看不上了嘛)。

tip03:可以尝试分析她们的优缺点，如果可以的话以邮件方式给内部组员___。

2.1.3练习与模仿。

好的效果和展现形式都可以模仿，字体变形，光影表现等，基本的技法都是可以在平时积累的。

题主比较懒，这个我平时一般看到好的，会收集起来，在实践过程中，直接复制粘贴，临摹。

2.1.4公司资源管理策略。

对于这点题主表示很有发言权，刚进到公司，我不知道自己要达到一个设计水准，也不知道同组设计师的设计水准，如果公司有共享文件，可以借熟悉公司环境的前两天了解一下(刚入职一般不会着急给你需求，时间还比较宽裕)。

题主的的做法是在share查看之前的设计，了解你要输出的产物list，如何管理输出物文件(命名/文件夹管理等)。

获知你大概要达到的高度，或者是否可以超越，能否有直接挪用的资源，哪种手段不太熟悉可以直接询问同事(一般做设计的同事都比较友善的)。

准备工作大致是四个思路，基本可以为帮助你在实际项目中，帮你快速得到创作源泉和灵感，极大提高你的工作效率。

2.2真正实战2.2.1前期准备
这个阶段主要包含这四个方面:沟通需求/分析定位/风格确定/视觉推导。

已之前的妈咪问诊节开幕活动的需求为例来阐述。

交互稿(___文件)
(1)沟通需求阶段(分析定位):
做设计的话，沟通肯定是必不可少的了，这里分别涉及到了跟需
求人(主要是运营策划)/交互设计师/前端设计师/领导之间的沟通，题主刚接手运营H5设计欠缺这块经验，有一个设计反复被要求改稿，反思了，就是因为前期沟通这一环节出了问题。

可见前期沟通时多重要
的事情啊，千万不能少这一步骤。

后来我是怎么完善的呢?
首先，好的习惯是，从运营策划那拿到交互稿后，从上到下完整
的先过一遍交互稿，一方面是看交互稿的内容完不完整，是不是还有
些内容点忘记做了，另一方面也会咨询一下交互设计师，有哪些地方
是需要设计师特别注意的啊，有没有什么内容是要优先做的啊等等，
如果没有特殊要求的话，我一般都是会从弹窗开始。

其次，页面信息涉及到___号码/错误提示/日期选择/地址输入等
内容，一方面需要和运营策划沟通，是否需要手机验证码;另一方面也需要和开发沟通，询问是否他们H5的模版(时间选择器/地址选择器等)如果有的话，就不必花费时间进行设计，因为开发也不会按照一个运
营活动单独写一个实现的代码，不过记得在tapd需求单上进行备注，以及和需求&开发同步。

如果没有，作为设计师的你那就需要考虑各种状态的设计等。

第三，询问弹窗的文案标题这些是否是最后确认了，以免涉及到
字体变形最后发现文案要改那真是麻烦，如果拿到需求觉得标题不是
特别好或者有疑问的时候，最好和运营直接沟通商量，看能不能对文
案有一些修改调整，私自改动那将面对后期改动的惨剧。

第四，沟通阶段的，关键的点在于准确了解运营活动的意图/定位。

通过运营活动传达一种什么目的/态度，营造一种什么气氛，好玩的，有趣的，暖心的，促销的，还是高端大气的。

虽然现在风格可以我们自己来定，但决定权还是没有那么大，在需求沟通阶段还是最好询问一下，以免走偏。

以上就是我的一些前期准备工作，算是沟通完了，接下来我们继续看。

(2)风格确定阶段
需要考虑到活动的受众人群的年龄和活动主题的气质色彩。

由于运营活动主要由运营组提出，磨合多了，风格彼此了然，但是医学小组或者其他的提出H5需求，设计师可以将各类型风格展示出来，给对方挑选一个合适的方向。

大致风格就是这么几种。

设计经验:01预防针:了解对方思路，大家脑海里也许已经有一个大概的风格印象。

02根据活动的上线时间长短，时间，个人能力等条件来选择;03不要被风格约束，能够自由发挥，不要总做同一种风格，希望有所尝试。

对接需求时，我也会和运营说一下自己的意见:不想太约束，能够自由发挥，不想总做同一种风格，希望有所尝试。

这一阶段传达主要目的:需求方脑海里也许已经有一个大概的样子模型。

但我们也不能够说得太细，只是需要了解方向思路对不对就好了，一方面是因为还没有开始执行你也没法具体到很细致的地方，另一方面是因为，如果一开始就把整个页面的设计全定死了，那往后如
果出现突发情况或者被需求人误以为页面就是这样了，后面你想灵活发挥就很难了。

(3)视觉推导阶段:
通过重要的沟通阶段(风格确定阶段可有可无，前期可能需要，但随着需求接的多了，对方会信任你的设计，不用每次有需要确认风格)，那接下来很重要的事情就是勾画草图，找感觉。

(运营H5活动，一般是入口和页面构成，像我所在的公司，运营H5入口为弹窗，那弹窗的重要性可想而知，需要考究之前所说的视觉化的、创意的、吸引人的，如果有些H5活动不需要入口，那第一个页面的视觉为先来考虑。

)
第一个问题来了，在绘制草图时如何构思?
题外话:我实习的时候，运营H5活动基本是和我坐正对面的美女设计师芳芳包揽的，但后期工作需求的调整，运营H5开始分配到了我，运营设计从0到1，起初其实很害怕，不知道接了需求如何着手开始。

和小组成员请教，也没法得到很详实的答案，一点点积累，后来需求接的多了，突然想明白了，这不是类似于写作文嘛，写作文列提纲，那同样的，接到需求后，根据活动的上线内容和要求，提取关键词等头脑方式来进行联想，是最终画面效果符合活动主题。

比如说节日类型的活动需求--中秋节，她有哪些元素呢?月亮，___，兔子，桂树，月饼等;圣诞节:圣诞树，圣诞老师，袜子，礼棒，圣诞颜色(红绿白)等;这些元素可能一下子考虑不全，没关系，咱们可以上花瓣搜，关联搜索，获取大概等元素，然后组合绘制草图。

在[妈咪问诊节盛大开幕]活动中，我提取的关键词如下:
妈咪问诊节-关键词提取
你可能会问我，能不能在花瓣上去找出完全一模一样的案例，能找到当然很好，但是每个公司的运营需求目标都不一样。

要找到一摸
一样的这种情况少见，不要太抱希望，有些时候，根据关键词在花瓣
或百度查找，找不到合适的素材，那就看丑的素材也能构思好的画面
内容的，一定要坚信自己可以搞定需求。

那第二个问题，如何做?保守的做法:一般画___个草图，可供对方选择。

和需求方沟通需要和运营说明的是，草图是呈现一个大概的模样，具体在电脑端设计可能有差别，如果在草图花费太多时间，精
力，可能在整个流程中不太适宜。

(有时候，也会推翻，因此，让对方提供参考图，把握大方向，这样可以避免电脑端快结束了还要改稿)。

草图VS成稿
通过以上就是我的一些前期准备工作，算是沟通完了，接下来我们继续看。

2.2.2中期执行阶段
(1)弹窗/第一个页面:
进入电脑绘制阶段了，是不是好开心啊。

因为在上一准备阶段中基本找准了需求核心，可以按照自己的设计能力来做设计了(说不定还有突破)。

从第一页开始，之前我习惯先填充画布的颜色，定个大氛围基调，再做主标题的效果，而且不管三七二十一，先做了字体变形再说，最后画画面;我知道很多人的习惯和我一样，但需求有很多变数，比如说:
需求方突然要改标题文案怎么办?
把字做好后发现其他的商品图或元素怎么排都排不好看了怎么办?
光做一个字体设计就花费了项目一大半的时间怎么办?
所以基于种种原因的考虑(说多了都说泪)，我们要学乖，调整优化自己的做图顺序。

借用婷姐说电商设计的话“先把文案先丢在画布里，弄好画面形象后再去做标题部分的，并且有时候标题字体需要设计一下，有时候只是需要打几个字做个排版就好了，要看具体情况的，因为不是说做了字体变形就一定好，不做字体变形就一定不好”。

绘制弹窗之后，及时和需求方对第一个图，以免方向走偏，走偏了之后也能及时调整，不浪费更多的时间。

(确定弹窗可能需要一段时间，这期间，可以着手做别的设计需求，时间有效利用，不要干等运营的回复，当然你可以主动问。

)
是不是说漏了一个配色?
我的主要依据01活动定位/目的;02产品app的品牌调性进行选择;03数据统计等。

如妈咪知道的针对用户群，因此色彩选择上使用活力，明艳的颜色，色调一般偏明亮调，黄色/粉色都比较吸引用户的
___。

配色
(2)其他页面设计
弹唱确定之后，继续下一个页面，看到红色标识的页面，怎么设计页面、布局信息呢?
因为要保证一个整体的活动页面，因此第一个要做的就是延续弹窗的视觉元素:配色、氛围元素等，第二个是要对页面信息进行梳理层级关系，以便用户的视觉流线引导。

设计原则--建立有效的视觉层次(手法)，对页面内容进行___和区分优先级。

思路整理如下:
01突出-最重要的:字体更粗/大;颜色更特别;留白更多;位置更接近页面的顶部。

___分组-类似的:成组，采用类似的显示样式;位置:放在一个定义明确的区域内;
03嵌套-组成部分的:隶属/包含关系的元素，在视觉上进行嵌套。

交互VS视觉
最终页面如下:
如果页面大体设计完，给我们的老大和运营方看过并通过之后，下一步就是确定页面输出物清单。

页面输出物清单2.2.3后期调整阶段
在做运营活动时最常见的有两种情况，一个是开发技术实现的问题;一个是文案调整更换。

面对这个如何解决?首先是心态调整，平常心对待即可，因为设计过程中，中途要修改文案或临时要修改文案都是非常普遍的事情(这个事实并不开心)。

具体调整的时候，遵循先沟通再修改/先紧急再一般的原则;
(1)先沟通再修改。

其实在整个设计过程中都会涉及到沟通的问题，前面我们已经提到了，在拿到需求的前期就是有很多个沟通环节，同样的在整个页面设计完成后，我们需要给到自己的老大或者运营审核对不对?而通常情况下，他们都会给到一些自己的建议或看法，那么作为设计师的你肯定是要虚心听取，也要有自己的想法了，这个时候的沟通协商就很重要了，比如哪些地方设计师是应该改的，哪些地方是可以说服运营接受的，哪些地方应该继续完善的，所有这些都需要去沟通协商。

(2)先紧急再一般。

事情分轻重缓急，修改也一样，也分紧急和不紧急，这个时候就不一定是按照从上而下的顺序来修改了，而是要有优先级，什么事情比较紧急就先做那件事情，所以这就要视具体情况而定了。

三、沉淀&总结
一次运营的结束并不是产品宣传的终止，要想下次还能获得好的宣传效果就必须总结经验。

比如说工作流程，沟通需求的技巧等，好的就沉淀，不顺畅的就优化。

3.1沉淀
3.1.1效果跟踪:比如公司的数据比较好的话，可以通过数据来观察用户的反馈，你都能从中获知你的设计存在的问题。

___这次的问诊支付量。

3.1.2规范沉淀:总结制定设计规范，这样组内其他同学或者自己下次运营设计的时候，就有很多元素可以复用的，图片的尺寸也有统一的标准，可以极大提高效率。

3.1.3问题梳理:整个需求走下来，其实面临了极大小小的难题。

问题是怎么出现的，你是如何克服的，如何解决的，心里路程是怎样的，都可以进行记录。

分类整理，规避问题，高效的设计。

例如切图，当视觉稿确认之后，先把有把握的设计图进行标注，切图，减少不必要的沟通(在与开发看来是不必要的)。

在这里，其实都是说要严格要求自己。

有些时候，需求比较紧急，自我的设计水平没考虑到，产品也上线了，这个时候发现设计有些漏洞，但开发说已经上线了，更换的话比较麻烦，况且你说的改动，问题不大，之类的话语。

不管怎么的结果，都可以在基础上打
磨，不仅是考验对设计的耐心，对工作的态度:无论做的好与不好，都要继续挖掘自己的潜力。

3.2总结
(1)好的运营设计需要平时不断的积累，优秀作品收集，不断练习，都是很好的积累途径。

(2)需求阶段，找准核心很重要，深入沟通是关键。

要找到核心点和表现的优先次序，再去设计。

(3)设计阶段，先寻找创意思路，然后构思合适的版式，并且要考虑设计投放的环境，最后要找到合适的方法包装方案，推动方案。

(4)设计上线并不是产品宣传的终止，需要效果跟踪，是为了下一次的设计，也为了自己的沉淀。

以上就是我对运营H5设计的总结梳理，如有好的建议请各位留下宝贵的意见。

希望我们都能够在设计的路上，对于接手过的设计需求能够有阶段性的沉淀和总结，构建自己的设计体系。

加油，不枉自己的青春。

2021年实践教学工作总结
转眼间一学期过去了。

追忆往昔，展望未来，为了更好的总结经验教训使自己成为一名优秀的“人民教师”，我现将本学期的教学工作情况总结如下：
一、师德方面：“学高为师，身正为范”，这个道理古今皆然;实践课程注重培养学生的动手能力，所以在课堂中，我坚持以学生为本，耐心地给他们指导，不惜牺牲休息时间，从内心让学生通过我的课程学到自己满意的知识，同时随时保留着一个认真负责的心态，严格要求学生，坚决禁止在实践课堂上玩游戏或责干与课堂无关的事
情，真正做到让学生成才，让家长放心的承诺;在课后认真准备教学内容以及教学课件，争取更直观更清楚地向学生传递项目思想，认真评阅学生的项目，详细记录其中的问题，及时向学生讲解反馈，真正让学生听懂，看懂，懂做;我还注重与学生的交流及时了解他们的学习情况，项目进展情况，对教学的吸收情况，然后再根据他们的反应及时调整教学方法与教学进度，做到“从学生中来，到学生中去”。

二、在教学方面：虚心求教，强化自我。

对于一名教师来说，加强自身业务水平，提高教学质量无疑是至关重要的;在实际的教学过程中，我不断和其他老师交流工作经验，共同探讨教学过程中存在的问题;利用课余时间主动跟随有教学经验的老师听课，学习他们优秀的教学方法以;课后我用心准备教学课件以及教案，熟悉教学内容，让自己能够成竹在胸地面对学生，站上讲台。

同时作为一名实践教学老师，我不断加强自己的实践能力，在实践的同时积极与理论知识结合，带领学生通过具体的实践项目而提高实践能力。

另外，由于自己教学经验不足，有时还会在教学过程中碰到这样或那样的问题而不知如何处理。

因而我虚心向计算机教研室教师学习，力争从他们那里尽快增加一些宝贵的教学经验。

我个人应付和处理课堂各式各样问题的能力极大增强。

当然，从另一个角度来说，学生也是老师的“教师”，由于学生接受新知识快，接受信息多，因此我主动和学生交流讨论，从和他们的交流中也丰富了我的教学知识。

在教学方法上，我不断激发学生实践的积极性，加强他们获取新知识的兴趣，注重培养他们的综合能力;在具体的实施过程中，我坚持实施学院提倡的赏识教育，让有能力的同学上讲台给大家展示讲解，然后根据他们的具体情况实行加分;同时鼓励他们带领基础相对较差的学生一同进步，这种老师带，学生
助的方式让所有同学在知识的获取上更方便更直接了;另外我还把学生划分成多个小组，实行小组长负责制，让他们以一个小___的方式学习，小组长带领他们之间的学习交流与讨论，以组为单位讲解自己小组项目的完成过程以及知识的闪光点;对那些基础差的同学，我还采取降低项目难度，指配专门的学生带领学生的方式进行强化，尽量让每个学生都学有所获。

在考核方法上，我尽量做到全面，公正，公平，通过多元的方式对学生的学习成果进行评价，包括具体的项目成绩，实践报告册的填写情况，平时考勤以及平时成绩的记录，让学生有学习上的付出，就能够得到成绩上的收获。

三、在培养学生创新方面：我觉得学生的创新精神是通过创新的教育、教学活动来培养的。

或者说，教学创新是根据创新原理，以培养学生具有一定的创新意识、创新思维、创新能力以及创新的个性为主要目标，使学生一方面牢固、系统地掌握学科知识，同时发展他们的创新能力。

其内容包括创新意识的培养、创新思维的培养、创新技能的培养等。

在具体教学过程中，我不断鼓励学生探寻多种方式实现项目中的同一功能，让他们突破我们教学项目的限制，更多的加入自己的程序思想，对那些创新突出，项目新颖的同学，我还让他们给同学展示讲解自己的项目，让自己的创新触动每位同学的心灵而给所有同学都播下创新的种子，同时给赋予创新的项目给与高分;另外，在课堂上我也很注重培养学生的创新思想，给他们讲解创新内容的重要性，让他们从实际的例子中去感受，去领悟;从学生后面提交的项目来看，很多同学都能够自觉的加入一些新颖的内容，这不但是自己思想的一次突破，也更有一种创造的成就感。

四、教学中还存在的问题：任何事情都不是绝对___的，只有在不断发现问题，分析问题，解决问题的过程中才能不断地取得进步，虽然实践教学我以及涉足一年，但是我认为还是存在以下一些问题：
1、学生的理论知识不牢固，在做具体的项目的时候，要求学生已经基本掌握了常用的理论知识;而在实际的过程中，由于学生的理论知识欠缺，所以在具体的制作项目的过程中就要花很多时间给学生解释具体用到的一些语句，最后导致学生实践的时间相对少些了。

2、由于所上课程是C语言程序设计实践，学生问题较多，因此在辅导学生的时候，有时不能全面照顾，这样使得一些学生项目进展较慢，不能及时解决问题。

3、存在一些学生在选课的时候不了解C语言的所学内容，选了以后不适应，不感兴趣，而导致项目难以进展，给老师的考核也带来了一些麻烦。

4、少数学生学习动力不大，而在进行项目设计的时候不主动，遇到不懂的问题也不向老师或者同学请教，因此在制作项目过程中盲目的照抄其他学生的实践内容，而老师也不好控制，同时也存在少数学生对其它同学的项目进行拷贝，在考核的时候老师很难判断。

一份耕耘，一份收获。

教学工作苦乐相伴。

虽然在辅导学生的时候经常被大家问得头昏脑胀，但是在看到他们一个个新颖而完整得项目得时候，心里有说不出的高兴;同时，得到学生们发至内心的肯定与评价，心中也倍感欣慰，在来日的工作中我将本着“勤学、善思、实干”的准则，一如既往，再接再厉，把工作搞得更好。