那些让你过目不忘的HTML5页面

来源:腾讯ISUX
从引爆朋友圈的H5小游戏《围住神经猫》,到颠覆传统广告的大众点评H5专题页《我们之间只有一个字》,从2014下半年起,各种H5游戏和专题页纷纷崭露头角。“H5”,这个由HTML5简化而来的词汇,借由微信这个移动社交平台,正在走进更多人的视野。本文聚焦于基于微信传播的H5页面的视觉设计,通过一些案例分析来谈谈设计思路与方法,希望与大家进行交流探讨。

来源:腾讯ISUX
从引爆朋友圈的H5小游戏《围住神经猫》,到颠覆传统广告的大众点评H5专题页《我们之间只有一个字》,从2014下半年起,各种H5游戏和专题页纷纷崭露头角。“H5”,这个由HTML5简化而来的词汇,借由微信这个移动社交平台,正在走进更多人的视野。本文聚焦于基于微信传播的H5页面的视觉设计,通过一些案例分析来谈谈设计思路与方法,希望与大家进行交流探讨。
本文为下篇,上篇直达:你不得不关注的2015年网页设计趋势(上)
网页设计师总是喜欢炫耀自己的思维能够跳出框框,而且能以不止一种方式跳出方框。姑且称之为“画一个框框然后证明你能打破它”理论。矩形显示器本身就是对网页设计师的束缚(别说你见过圆形显示器)。网页上的每个HTML元素也是方形的。
但是跟大多数人一样,设计师不喜欢被束缚。下面提供据我判断目前处于上升期的几个趋势,可以作为证明你不是矩形奴隶的长期战略计划。

绝大部分网站是垂直下拉式,我们也已经使用习惯。那么水平滚动网站就显得独特有创意。如果你想让浏览者过目不忘,那么水平滚动肯定会帮上你。其实水平滚动适用于任何需要展示纷繁图片的创造性的领域,如摄影,设计,绘画等等。
水平滚动技术看起来像以一个创造性的方式告诉你关于品牌的故事,或者好像轻易把你卷进了一场在线游戏。我在这里推荐25个梦幻般的水平滚动的网站,相信它们会给你留下深刻的印象。有一个小小的提示:浏览时小鼠标动起来。
当我们谈论到设计,图片就是设计元素之中最不可少的一个元素。小编今天在这里跟大家分享的并不是实体摄影的趋势,而是2015年在网页设计中运用图片的趋势。
有些趋势是显而易见的,有些就相比而言不那么容易被发现。当我观察和分析了大量的优秀作品和网页案例,发现图片的巧妙运用总是有一些共同点的。当你看完这篇文章的分析和案例,你也就是时候好好反思一下你的网页设计中是不是应当换上更好地图片了。
我首先要谈论的趋势也就是最流行的趋势,下面就是一系列运用背景大图的网站。虽然这个方法已经差不多被用烂了,但是我们必须得承认它真的很有效。就像所有的好的设计趋势都应该发扬。
如果你的网站是为了展示,那么高清的背景大图就是一个很强的传递信息的方法。但是为了避免过于杂乱,你还是需要考虑清楚文字和标题的位置。看看下面的一些案例。