美文网首页前端生活点滴产品交互设计
《H5匠人手册》2:H5视觉创意

《H5匠人手册》2:H5视觉创意

作者: 黑子Y | 来源:发表于2018-12-25 22:58 被阅读62次

    视觉设计在H5设计制作中非常重要,好的视觉设计不仅能将主题表达得淋漓尽致,还能产生强烈的视觉感染力,最终引发用户的传播行为。


    在H5实现的具体流程中,视觉设计师的工作内容包括:

    一、H5创意视觉表现

    视觉设计师在进行H5创意之前,在了解具体需求的同时,要明确项目运营目的和用户的需求。

    常见的运营目的:增加日活跃用户量、拉新用户、品牌曝光等

    常见的用户需求:炫耀心理、占便宜心理、好奇心理、情感共鸣等

    H5的创意应当将运营的目的和用户需求合理的结合在一起,过多倾向于用户需求,会导致PV(Page View,页面浏览量)上升而CV(Content View,内容播放量)下降;过多倾向运营目的而忽略用户需求,则会失去流量最终达不到运营的目的,因此,视觉设计师在进行创意的时候,应当将运营目的和需求巧妙的结合在一起,从而达到最终的运营目的。


    H5视觉创意形式:

    1)元素娱乐化

    在设计中加入一些趣味元素,用比较娱乐的方式表现出来。


    2)巧用纪实性摄影图像

    摄影图像作为创意元素的H5,按照正常的图片处理会导致体量过大,可以利用分段加载、减少图片颜色、压缩单张图片大小等减少H5体量。

    3)色彩运用

    契合主题

    符合受众心理

    4)用户参与

    让用户参与创造画面提高用户的参与度,使用户获得更多的成就感,增加用户分享的热情。


    5)技术加持

    利用AR、VR、3D技术实现特殊效果创意。

    二、H5视觉执行

    常见的H5分类:纯信息展示、游戏互动

    信息展示类特征:通常展示的信息量会相对较大,但表现形式却比较单一,一般都是以图文展示为主,交互形式上也相对简单,都以辅助阅读为主。

    1)集中展示

    在移动端进行信息排版时,由于手机屏幕有限,将关键信息提炼出来,简单集中的展示是最有效的内容呈现方式。

    2)增加层级

    在遇到信息量大且负责的情况时,设计师可以把需求内容进行归纳和拆分,在与需求方进行充分沟通后,适当增加层级来展现。


    3)内容可视化

    研究表明,大脑处理视觉内容的速度比文字内容快6万倍,人们相信视觉内容能在短时间内产生更大的影响力。所以,在H5的设计中,视觉内容更具有说服力。

    H5小游戏

    H5游戏设计需要注意的问题:

    1)目标群体(受众):H5游戏设计要充分考虑目标人群,了解受众,设计符合目标群体的游戏内容

    2)性能体验:H5游戏要考虑IOS及安卓各种机型的性能适配问题,针对安卓中低端机型部分会出现卡顿和bug,在设计方案上要进行权衡

    3)流量制约:H5游戏通常对流量会有一定的要求,需要充分考虑用户的网速问题

    相关文章

      网友评论

        本文标题:《H5匠人手册》2:H5视觉创意

        本文链接:https://www.haomeiwen.com/subject/vfaqlqtx.html