您现在的位置:首页 > 设计> 2017年全球网站设计趋势全预测

2017年全球网站设计趋势全预测

AnyForWeb为大家带来全新2017年全球网站设计趋势预测分析,并有压轴大胆预测,希望能给大家在网页设计上带去灵感! 本次趋势分析中,有一些往年的老面孔,依旧火热流行,同时也有一些全新的设计趋势进入视野,值得大家关注。

2017年03月

设计

AnyForWeb为大家带来全新2017年全球网站设计趋势预测分析,并有压轴大胆预测,希望能给大家在网页设计上带去灵感!


本次趋势分析中,有一些往年的老面孔,依旧火热流行,同时也有一些全新的设计趋势进入视野,值得大家关注。


1.  视频播放


播放音频可能是网络上最烦人的设计趋势。但令人惊讶的是,在banner中播放视频却相当受人欢迎。大家可以在大量商业网站上发现这种设计,其中视频背景占据了整个屏幕。



2.  幽灵按钮


一个小小的按钮在一个网页中担当着很重要的角色,它带领我们从一个页面到达另一个页面,是我们浏览网站时的有力桥梁。一座好的桥梁不仅能为用户带来舒适的过渡,也许还能为网站加分不少。

明的按钮设计其实在国外的网页设计中很早就出现了,还被国外的设计师们俏皮的称为“幽灵按钮”(Ghost Buttons)。说到幽灵,我们的第一印象就是轻薄且透明,这也正是“幽灵按钮”的精髓所在。

AnyForWebShang Yoga设计的官方网站的一小部分。网站的整体基调与瑜伽的感觉十分吻合,“幽灵按钮”的设计体现了瑜伽运动的恬静简单。


3.  功能图标设计

图标在网页设计中用途广泛,几乎每个网站中都存在着图标。通过这些小小的图标,可以方便的实现视觉引导和功能划分。如果选用恰当,图标能和页面中的 图片有机融合,保持视觉上的一致性,同时也能够和整个网站的风格相契合。图标并不是华而不实的小玩意儿,小图标有大用处。


一般来说,根据使用手法、使用场合的不同,一张图像可以有多种解读,图标亦如此。图标不但能够吸引用户的注意力,还能分割页面中的区域,最为重要的事,图标能够提供一种视觉隐喻,能赋予物体某种含义,这样用户扫一眼便能知晓功能,因此,图标是一种提高用户体验的工具。


如下案例中Ctrlbox可卓软件网站宣传的是一款项目管理软件,那么在图标设计过程中,设计更个性化的功能性图标,来增加客户对产品功能的认知,加深对产品的印象。

4.  更多的原创内容


如今我们经常发现很多网站的外观和模式都十分相似,因此很多公司正在逐渐避免在他们的网站上使用的图片为网上图片库、视频库或图标库里的资源,转而创作一些原创的信息,使得他们可以有别于其他网站,更具个性化。



5.  触觉感应交互


苹果从iPhone6S设备之后发布了触觉反馈,即3D touch技术。出来接近2年的时间,大家对这一技术的评价褒贬不一。(据笔者了解,身边的朋友几乎很少在使用手机时真正应用这一功能)。但这个契机,也许真的能够成为触感交互的起点。毕竟,语音交互出来了这么久,很多时候我们还是停留在调戏Siri的高度。新的技术,需要点时间来被接受。


6.  更大更醒目的字体


随着更多企业越来越“接地气”,他们开始注重与用户的互动与交流,增强用户的参与感,因此对话式的网站快速受到用户欢迎。这一趋势无形中要求设计师们需要加强对文字性格的把握,以更好的设计实现与用户的“对话”。


2016年我们已经看到了字体的大小与外观设计的增长,但这种趋势不会很快就停止。品牌名称将会变得更大、更醒目,甚至会全屏出现。而动态的颜色与纹理也将添加到那些有趣、充满活力的字体中,并创造出一个让你“哇”的效果。


比如下面阿迪达斯采用的这款蒙纳简粗雅丽体,在网页上占据的位置非常显眼。

7.  个性化字体设计


在网页的构成元素中,文字的设计与编排是重要元素之一,它们虽然占据的存储空间非常小,但在网页上占据的面积却是不容忽视的。对设计师来说,文字除了表达含义,还应该具有传递感情的功能,这种传递就需要通过字体、字号以及颜色来表达了。


Cantina Valpolicella Negrar网站的文字主要采用了衬线字体,深色背景上的细长字体给人优雅精致的感觉,完美地诠释了产品特色。


8.  依旧流行的视差滚动


AnyForWeb2013年就在给客户开发的网站中运用视差滚动技术,2017年视差滚动依旧是网站设计的趋势。视差滚动不同于Flash的动画,它可以不受任何浏览限制,在苹果设备上流畅使用。同时除了强大的前端技术支持外,还有创意发挥,好的视差滚动网站很容易吸引用户并且给人留下深刻印象。



9.  几何图形应用


没有人会对沉闷的网页产生兴趣,加入不规则几何形状的网页设计也许能让你的眼睛重获新鲜感。几何元素的融入不仅让网页变得高大上,也在无形中突出了网页中的某些内容,这样的突出方式并不单薄无力,反而让网页看起来更自然。


Ondo的网站选用了较为鲜艳的色彩,再加以特别的效果,让用户在浏览时得到了一种别样的视觉感受。如果上一个案例表达了宁静的主题,那么Ondo表达的就是城市中的现代繁华。



10.  Metro风格式微


前几年非常火爆的Metro风格,2017年预计会开始在网页设计中较少的使用。在过去的几年中,用户普遍对Metro风格的评价不是很高,很多人会觉得不好看,用多了也会给人带去审美疲劳。因此,AnyForWeb大胆预测,Metro风格在2017年将一反过去几年的兴盛而出现衰落的现象。



AnyForWeb UED定期发布Web相关趋势评论文章,涉及视觉、界面、交互等领域,敬请期待!

 

订阅

欢迎订阅Anyforweb UED
欢迎订阅Anyforweb UED

栏目推荐

栏目推荐
2017年全球网站设计趋势全预测

AnyForWeb为大家带来全新2017年全球网…

栏目推荐
从客户角度看web设计

本文讲述了一个设计师在做设计时的众多…

栏目推荐
网页会把你当成孩子一样给你讲故事

有情节的事物总能让人们更容易的记住,…

栏目推荐
不用担心网页逻辑太过凌乱,网格布局卷土…

网格布局的网页设计并不算什么颠覆式创…

栏目推荐
扔掉黄金比例,网页布局还能这样做!

曾经有人说过,“布局虽然只是内容的表…

栏目推荐
AnyForWeb分享:图文搭配,网页…

从过去到现在,设计师们总是对方位性的…

栏目推荐
用户体验设计PK战!脸书vs人人

脸书和人人对各自的用户群体都有着很大…

AnyFroWebUED  

版权所有 © 2009-2016  沪ICP备14026814号-10

 

 

返回

很抱歉!

您现在还没有开通阅读权限,如有疑问,请联系我们。

联系电话:021-52047186

返回