最前线|2018年7月火热流行的3个网页设计趋势

发布日期:2018-07-18
浏览次数:210
  

昨日起,苏城已正式入伏了。入伏并不可怕,可怕的是今年的三伏天竟然是40天的"超长待机"版,眼看接下来的天气只会越来越热热热热热……哎,这么悲伤的话题就不多聊了。今天小飞主要是带大家一起看看本月设计圈正火热流行的3个趋势。



1. 多个可交互图层

在进行网站设计时,设计师总是会想方设法让用户在页面上停留更长时间。这是因为当用户在网页停留的时间更长后,网站转化率更有可能得到提升。这不,最近不少设计师就开始尝试在网页中使用多个可交互的图层,吸引用户与页面互动,以延长他们在网页上的停留时间。多个可交互图层,从某种程度上来看,可以看成是视差滚动效果的一种变形。视差滚动是让前景和背景以不同的速度移动,形成立体的运动效果,而交互图层设计的重点在于让多个不同的叠加层以不同的方式引起交互,帮助增强界面元素的真实感,提高用户的参与度。

多个可交互图层的设计,一方面可以给用户提供充足的页面信息,另一方面,还能让信息地传递变得更加有趣。下面这三个网站都采用了这种设计方法,但在实际应用上又各有特点。

Salomon在首页的背景大图上叠加了多张图片和相关数据,将登山、徒步活动背后的故事娓娓道来。这里图片的无序叠加让页面滚动动作十分明显,这样用户更会持续进行滚动查看网站内容。


ENO在网站背景中使用了一个视频(带音频)来讲述品牌故事,而在前景的侧边栏中放置了不同产品的图片。对用户来说,这就像是在看电影。前景中产品图片的突出会让用户在观看视频的同时更容易捕捉到这些产品,这对加深用户印象、促进用户转化十分有效。除此以外,网站的探险式风格设计也很吸人眼球。


Martin Laxenaire网站同样设置了两个交互层。上层中使用了有趣的配色和动态的悬浮效果给用户传递内容信息,下层中使用同样的图片以带来视觉深度和张力。只是单纯观看页面上的动效转变和形状元素,就会让用户觉得十分有趣了。




2. 三栏式文本布局


三栏式布局是界面中最为复杂的一种布局形式,这可能也是前段时间它过时的原因。而最近它又开始重新流行起来了,越来越多的网站开始在网站中使用三栏式的文本布局。这主要是因为一些PC端的屏幕很大,三栏式布局在阅读、浏览上不会存在很多障碍。

当然,这里我们要注意,重新流行起来的是三栏式的文本布局,并不是将三栏式布局应用在整个网站架构之上。相比一栏式的文本布局,三栏式的文本化整为零,不仅不会对用户阅读造成干扰,反而能够帮助用户更快更好的理解网站内容。另外,如果三个栏目的文本在内容格式、字重等方面能够保持一致的话,所呈现出的视觉效果会更加美观

下面这三个网站都使用来了三栏式的文本布局来组织网站信息信息内容。在第一个网站中,它是将一个完整的文本分成三栏来显示的,而后两个网站是使用三栏式布局分别呈现3个相互独立的文本。






3. 世界杯热

2018俄罗斯世界杯无疑是今年夏天的的最大话题。尽管随着7月15日法国对克罗地亚决赛的落幕,世界杯也已告一段落。但这次赛事给网站设计领域带来的影响还远没有结束,从聚焦于赛事本身的网站设计,到从体育赛事中攫取灵感的其他项目。

下面是从世界杯赛事中总结出的一些网页设计灵感:

大胆的配色:比如来自FIFA品牌设计中的正红色、宝蓝色;

字体选择:比如FIFA Logo中弯曲的字体风格;

明亮色混搭:不少国家的国旗中很多都使用了亮色混搭(红、蓝、绿)

网格或区块设计:从足球场得来的启发

六边形元素:传统足球上的图形


当然,与世界杯相关的素材和网站远不止此,更多的设计灵感还有待我们自己去发掘。




登录后即可发表评论,立即登录.