今天我们来和大家欣赏几个风格大放异彩的HTML5运营页面,从中分享一些关于情感类运营项目的设计经验。以下的案例就像是一部部微电影,有泪点,痛点、触点以及故事线,从情感上打动用户。好啦,不多说,快快扫码观看吧~
情感类的运营设计内容本身过硬才是关键,除了有高品质的视觉效果和煽情的文案外,更应该关心的是故事内容面对的用户群体与社会问题。只有让用户共鸣的故事才能形成口碑与话题的传播。

情感运营设计里应该具备那些特性;三点一线

泪点

感人的故事必定催人泪下,而感人的故事往往都来源于现实生活,需要通过温情的画面和简短煽情的文案将场景刻画出来,只有这样才能打动用户心中的泪点。

028d5b55754a6f000001f100ed920c

《春晚-家和万事兴》讲述的就是当今社会年轻人因为工作与生活而忽视了身边亲人对自己的关爱的故事。故事里很多场景在设计之初就与策划沟通列举出很多我们身边发生的真实案例,最后通过对用户人群,年龄阶段的分析完成最终的设计方案。

痛点

所谓痛点,就如同膝盖中了一箭,让人长跪不起。痛点往往都是用户身边经常发生却容易被忽视的一些小事或则习惯,在自己眼里都是不足为道,但是在别人心里却慢慢形成伤害。痛定思痛,对于痛点的表达除了开门见山刻画方式,也可以尝试通过反思和温情的手法让彼此感受到更多的温暖和包容。

028b5055754a99000001f1001b9907

摇春晚404页面

触点

人的一生永远都是成长的过程,每个人在不同的时期或者场景下因为某件物体,某个画面或者某段音乐而想起曾经的回忆,触景思情。

 

024f4055754ab6000001f10003fc06

微信广告在6.1期间对广告投放形式尝试改变,通过收集邮票的方式,通过简朴的线条和色彩表达出童年成长的画面,在表达情怀的同时也希望用户间形成话题。

 

02348255754ac7000001f100c7f0ee

《腾讯那些年》并不是一个业务运营项目,但是画面里描述的是一个腾讯员工成长的故事,文案简短,画面朴实,在加上贴切主题《好久不见》的背景歌曲,触动着每一个腾讯员工的鹅厂回忆。

 

故事线

让画面里的每一个角色和元素都具有生命力,它们会随着时间和画面的变迁也产生相应的变化,让你的故事更加立体,用户也会有代入感。

 

0226ec55754ae4000001f100691986

《除夕的回忆》讲述的是一个孩子成长中对于除夕的印象。对于每一个人来说,除夕也许是家的味道,是成长的回忆,是难舍的牵挂,或是爱的传承。

 

024d6755754b01000001f100873456

每一个熊孩子童年都有一个纯真的梦想。多年以后,我们的梦想还在哪里?

用户口碑/社会效应

情感类的运营设计内容本身过硬才是关键,除了有高品质的视觉效果和煽情的文案外,更应该关心的是故事内容面对的用户群体与社会问题。只有让用户共鸣的故事才能形成口碑与话题的传播。

02028f55754f5d000001f100abc3df

最后,情感设计并不是万能牌,也需要对表现形式进行不断的改变和刻画才能让用户有新鲜感。

02ee0055754b23000001f100b22bf5

文章来源:站酷

文章作者:austinlong

转载请注明:学UI网—UI设计师学习教程平台 » 如何在H5里谈情说爱

登录收藏

学UI就上学UI网!越努力,越幸运!

“学UI网www.ccopus.com?”最值得关注的UI学习平台! 每天发布高质量的设计教程和分享设计经验,服务于20万UI设计师,帮助初学者快速转型。每周六晚上免费YY公开课(36013311),给大家提供更多免费学习的机会。想成为设计师的你快来关注吧!

【特色推荐】

APP截图站app.ccopus.com” 海量APP截图,让你灵感爆发!国内最好的APP截图站。

UI作业网 zuoye.ccopus.com” 每一个作业题都尽量配有教程,交作业就有大神免费帮你点评作业,爽歪歪!

UI设计导航站 hao.ccopus.com” 专为UI设计学习者打造的资源+学习,双用途的网址导航站。亲爱的,你收藏了吗?

【学UI网 原创文章 投稿邮箱:tougao@ccopus.com,也可以找各个群的管理】

 
你可能喜欢的:
不会C4D与手绘的设计师还有出路吗?不会C4D与手绘的设计师还有出路吗?
移动UI进化中!10种创新的导航菜单实例移动UI进化中!10种创新的导航菜单实例
用一支《嘻哈电音趴》互动 H5 唱出2017年天猫双11攻略!用一支《嘻哈电音趴》互动 H5 唱出2017年天猫双11攻略!
教师节,众品牌齐聚一堂,办了席“谢师宴”!教师节,众品牌齐聚一堂,办了席“谢师宴”!
ISUX设计师解析:H5玩法知多少ISUX设计师解析:H5玩法知多少
20个基于网格布局的网站欣赏20个基于网格布局的网站欣赏
CDX滴滴创意设计部分H5作品欣赏CDX滴滴创意设计部分H5作品欣赏
25个食谱小部件UI设计25个食谱小部件UI设计
一套风格别致的阅读APP一套风格别致的阅读APP
从这九张海报中探索纪念碑谷 2 的几何之美从这九张海报中探索纪念碑谷 2 的几何之美
?