在这移动互联网广阔发展的时代, 人们对视觉的要求越来越高, 人们的浏览喜好上也会更倾向于最近新兴的H5页面[1]。H5页面现在是非常流行的一种设计表达形式。它的花费相对较低, 却能够更直观、画质更好、有更强的互动性, 所以倍受年轻人的青睐。所以说, 好的产品通过H5页面的展现, 更加容易被人们认识, 被人们使用。
一、H5页面的视觉表现
页面的表现决定了H5页面的传播效果, 区别于传统页面, H5对视觉的主体的要求尽量突出, 从视觉上保持单纯, 明亮自然。
二、设计思维的突破
H5的出现, 要求我们打破固有的设计思维方式, 需要从客户的角度出发, 并尝试与更多的人交流, 了解他们真正想要的东西是什么。这样设计出来的H5页面, 才能充满互动性, 让更多的人喜欢并想要了解产品。
三、结合品牌定位选择页面风格
每一个品牌都有不同的品牌定位和风格, 每一款产品又有自己的格调, 我们设计H5页面的时候, 需要把这些问题考虑进去, 让整个页面的展现符合品牌产品的调性, 这样更容易被人接受。
四、什么样的页面更容易被打开和转发
H5常见于微信朋友圈, 传播方式主要是靠朋友间的相互转发。但是现在有很多推送都是会不被点开的, 所以内容非常的重要。如果一条广告都没有被打开, 连广告中H5部分的内容都没有被看到, 更谈不上分享。在这个时候, 整个广告的标题、内容, 头图也非常的重要, 会对H5的展现和传播造成很大的影响。什么样的页面设计更能获得认同并让人们主动去转发?首先应该是具有创意的, 新颖的、品牌的调性, 质感突出的、符合用户需求的。从设计上来讲, 优美的文字、有感染力的图片、可爱的按钮、舒适的视觉感, 都能为整个的效果加分。这样的作品才能更好的让用户喜欢并主动分享。
五、H5页面设计准则
1、平衡H5页面的视觉效果
要做到页面视觉的平衡, 首先应该抓住主题, 明确想表达的目标, 把其他并不是很有用的, 甚至是拖沓的元素删除, 以此来追求整体画面的单纯性, 从而做到图画和意境的平衡, 更直观更吸引人。
这里需要明确几个要点:1、不能喧宾夺主。始终突出重点的信息, 其它的装饰性的东西不能盖过重点信息的光芒。2、内容精简直接。注重表达的直接性, 最好一句话甚至一个词就把事情说清楚。3、让人流连的细节。精巧的细节设计, 起到营造整个氛围的作用, 引起客户的喜欢, 从而更关注主要内容。
2、优美文案的重要性
文案在一个H5设计中, 也起到举足轻重的作用, 因为好的摄人心魄的文字, 更能引起用户的共鸣。文案的重点肯定更是要写好标题, 因为标题是一篇推送的窗户, 足够吸引人的标题才能让更多的人点击。所以说, 不要忽视你美丽视觉下的文字是非常重要的。
3、版式设计的要点
对于移动端的页面设计来说, 如何突出你最想表达的东西是首先需要考虑的。用常规的图形 (如圆、方、三角) 搭配不规则的图形进行设计, 能使整个视觉上更加的灵动。
追求丰富元素多彩画面的设计是一方面, 但一定要注意以下的几个要点。1、文字排版上, 文字不要太复杂, 并且要注意排版的规律性, 整齐的文字相对于杂乱无章还是会有优势。2、把握重点的信息, 进行突出。让客户第一时间看到你最想让他们看到的文字信息。3、整个设计中的文字不宜过多, 可以用一些简单的有趣的图片进行替代, 在文字上做到精简, 但是出彩的文字要保留。4、大面积的留白有很好的吸引眼球的效果。但是不能盲目, 要有目的性, 有的留白是可以让人休息放松, 有的则可以引人深思。
4、色彩搭配的要点
在现在大多数的H5页面中, 颜色的丰富华丽让人吃惊, 现在的作者都非常注重颜色在作品中的展现, 从而传达不同的情感。
关于色彩的运用, 需要有两点值得注意:1、黄金法则的遵循, 6:3:1的黄金法则, 是很重要的, 60%的主色确定整个作品的基调, 30%的辅色则可以使主色更为突出, 10%的点缀色作为画龙点睛之功效, 提升整个画面的视觉效果。2、色调的运用。色调的运用应该基于所展示品牌的整体调性, 定位。抓住品牌的感觉, 使用相应的色调, 才能更好的增强品牌认知和归属感。
5、“去设计化”的去设计
人往往更会去喜欢更自然的东西, 对于设计也是一样, 过于“精巧刻意”也许会被嗤之以鼻。所以去设计化非常重要, 整体的设计更要自然得体。关于于界面中的每一个元素, 在遵循设计法则的前提下, 让它们符合用户的理解习惯, 更贴近生活[2]。设计的内容不能逾越于想要表达事情的本身, 这样会喧宾夺主。
不管你制作H5页面的目的是什么, 也不管它以怎么样的方式进行转发, 最终都会落地在用户的身上。好的设计, 应该是让用户获取信息更准确、高效、便捷。所以在设计的时候要考量用户的情感需求、阅读和浏览习惯、对产品价值的认知等方面。最后, 一个好的H5设计, 在完成功能的前提下, 要让用户有愉悦感, 要让用户感受到美, 艺术性才是一个设计师最终的追求!
摘要：在这个移动互联网腾飞的时代, H5页面的兴起掀起了很大的波澜, 受到了很多人的关注。本文从用户体验出发, 浅谈设计思维、视觉表现、页面视觉效果以及设计排版几个方面的问题。论证了设计师如何在追求设计的同时, 做出让用户喜爱和难忘的作品。
关键词：用户体验,H5页面,界面设计
参考文献
[1] 谭坤, 吕悦宁.基于微信平台的H5广告设计策略分析[J].包装工程, 2016 (20) :198-202.
[2] 沈剑.浅析微信公众号平台的界面设计[J].美术教育研究, 2016 (23) :18-20.