蔡丽杰

摘 要：移动互联的悄然袭来改变着我们的生活方式，同时给用户带来了一场盛大的视觉体验之旅。在资讯移动化的趋势下，HTML5技术的移动Web页面（以下简称H5页面）成为当下最受关注的页面视觉形态。文章以提高用户体验为主线，以视觉传达设计为切入点，从设计思维、用户体验可视化及内容排版等方面，分析了设计师在追求完美界面设计的同时如何给用户带来一场令人难忘的视觉体验。

关键词：用户体验；H5页面；界面设计；视觉传达

检 索：www.artdesign.org.cn

中图分类号：TB482 文献标志码：A 文章编号：1008-2832（2016）07-0054-03

A Research on H5 Interface Designs of Wechat

CAI Li-jie（ Tianjin Polytechnic University，Tianjin 300387，China ）

Abstract ：Our life is unconsciously influenced by mobile internet， which brings about a journey tremendous visual experiences toward its audiences. Under the tendency of information mobility， the mobile web interface baced on HTML5 technology （hereafter referred to as a H5） has turned into the visual modality which attains the most extensive attentions of the time. This article focuses on how to improve UE with a pointcut of visual communication design. It analysizes how designers deliver an impressive teast of eyes to their users while pursuing an impeccable interface design in respects of design thinking， the vivalization of UE the layout of content and so on.

Key words ：user experience； H5 page； interfacial design； visual communication

Internet ：www.artdesign.org.cn

我相信，现在“扁平化设计”对于大家并不陌生，而随着人们审美的提高，越来越多的人却陷入了一个误区，在做设计时，你是否不自觉的将自己的目光集中到那些具有强大视觉冲击力的图片上，你是否还在为一个页面的排版而大费周章，当然，这些一定是一个设计师要做的内容，可你是否想过，“刻意的这样做”真正给用户传达了什么呢？这种页面形式能真正被他们理解吗？答案是否定的！好设计应该是易于消化的，用户需要的是通过体验页面快速的得到他们想要的信息。而作为设计师的我们就是要抓住用户的心理，将其转化为潜在用户。

“H5”，这个由HTML5简化而来的词汇，在微信这个移动社交平台，快速走进了更多人的视野。H5界面与过往简单的广告图片不同，如今的宣传页面需要更强的互动、更好的质量、花费低的设计来促成用户分享传播。好的产品依托H5让用户发现并体验，H5交互页面凭借着精美的设计风格、新鲜的交互体验使用户产生极强的分享驱动力，在移动社交环境中得到传播。……