爆火|2017设计师不能不知道的设计趋势指南! 2014-03-23 09:01

每年我们在设计上都会学到新东西,2016年也不例外。我们在去年发布的关于设计趋势的文章非常
成功,所以决定再预测一波2017年的设计趋势,马上开始!

 

设计趋势会受到媒体、技术、时尚的潮流以及可用性的影响。设计趋势是缓慢、逐渐的渗透到所有设
计的分支中的,消失亦然。 一个设计趋势或潮流的生命周期大多不会超过1-2年。2017年的设计趋
势会继续16年的材质化(materialized)倾向的同时,增加一些新的改变,这些改变可能已被大家
所熟知,甚至在过去几年你也已经见过。其中影响着趋势的,最主要还是Google的Material Design
和它经历的一些变化。

 

 

01. 半扁平的设计

 

在过去几年,扁平化几乎统治了网页设计,但因为Material Design的影响,设计走向更加多维度,
往空间上发展。这个转变从增加轻投影开始,走向“半扁平”的设计。

 

扁平化是因为需要更符合开发技术,减少设计样式而进化出来的,扁平仍然流行,只是不断在改进。

 

柔和平滑的渐变投影既为扁平化设计增加了深度和丰富性,又不会破坏扁平设计的感觉。这是扁平趋
势的一个新做法,并且在2017年会继续进化。


 

----------

案例项目: Resourсe | UI/UX Tool for Web Services

作者: Ruslan LatypovLS GraphicsAnton Mishin




 

----------

Project: Listener's Playlist

Author: Anzi .
 

02. 动态摄影(Cinemagraphs)

 

动态照片不是指我们在web上常见的gif图。他是指只有少数元素移动的静态图片。这个技术使得一个
简单的图片更加生动。






 

03. 更多3D效果

 

 

3D绝对在带领着潮流,我们很快就会看到它对所有设计领域的影响。随着VR/AR迅速在整个行业进行
的革命,这一领域会发展得像飞镖那么快。


 

----------

案例项目: LUV.IT

作者:  AARON MARTINEZ



 

----------

案例项目: Open Annual Awards

 

作者: TAVO


 

-----------

案例项目: Air Max '17

作者: Berd -Lukas Vojirmark haleyOliver HarrisJeff Thomson


 

----------

项目案例: NIKE F.C. | 3D Golden balls in the real world

作者: TAVO


 

----------

项目案例: Better You Brand

作者: Craig MinchingtonSatellite OfficeBrand Nu
 

04. 动画

 

动画越来越多的运用在web设计上,它可能是gif、svg、WebGL CSS 或视频格式。动画绝对是web
设计界去年最大的流行趋势,所以抉择是否要用动画的时候不用犹豫。


 

----------

项目案例: Nickelodeon Kids Pick The President

 

作者: JeanPierre Le Roux


 

----------

项目案例: AR Virtual Fitness Coach App | AR 虚拟健身教练

作者: 曲 植Daz_Qu


 

---------

项目案例: UI Collection in Motion

作者: Minh Pham


 

---------

项目案例: ZH OURO- Rio 2016

作者: Leo NatsumeGuilherme Maron
 

05. 登录页面

 

2017年,由于市场营销和更好的针对目标的游客用户,我们会看到更多关于登录页面的出色设计。
 

06. 几何形状、图案、线条和圆圈圈

 

 

这个潮流从2016年开始,绝对会延续到2017年。你可以通过简单增加一些富现代感的形状、平面
图形或一个柔和的投影来做好一个网站。


 

----------

项目案例: Pfizer - Active and 50+ for The New York Times

 

作者: justyna stasikVladimir Marchukov


 

---------

项目案例: DRAP.agency Branding

Mireldy DesignFilip Gjurin


 

07. 大胆的色彩

 

使用大胆的颜色来表达自己的观点。Material design和扁平化设计和大胆的色彩真是超级搭。使用
Google提供的色板或自己搭配使用都可以的。




 

---------

Project: Edris - Logo Designed by MiLo

 

Author: Loredana Papp-DineaMihai BaldeanMilo Themes


 

---------

项目案例: Rendered — Responsive Demo Website for Adobe

Serge Vasil


 

----------

项目案例: b2mach

作者s: Natalia ŻerkoKuba EnzowskiKommunikat Studio
 

08. 有创意的滚动和视差

 

在任何网页通过这个视觉创意增加独特的元素效果都会很棒。无论是多层的视差或是视频的视差,都
有可能。

 

介绍下D.ex Multilayer Parallax这个产品。它是在 Loredana Papp和Mihai Baldean的带领下由
Milothemes公司开发。在Envato Market / codecanyon.net上可以购买到。



D.ex Multilayer Parallax是一个Wordpress的插件,你可以使用它创造非常漂亮的多层视差区域。
你还可以有创造力的通过任何样式组合不同的层。我们创建了12个不同的样例供你参考,玩得开心
哟。


 

购买 D.ex Multilayer Parallax for WordPress

---------

项目案例: F — mdls

 

作者: Adencys
 

09.

色彩渐变

 

颜色渐变是当下最流行的趋势。从2016年开始迅速蔓延,特别是在Instagram决定改变他们原有的
logo,改成一个大渐变后。从logo到按钮到图像的叠加处理,这个趋势无所不在。


 

10. 动端的浏览(响应式设计

 

 

2015-2016年移动端的设备大量增加。当说到浏览网页时,平板和智能手机已经超过电脑、手提电脑
成为第一选择,而且这个趋势还会继续。任何没有把响应式设计做好的网页,都应该马上,是马上升级!


 

---------

项目案例: Responsive Website Animation

 

作者: Muharrem Senyil
 

11. 个性化的图形和插图

 

图片库的图片依然很流行,但有一个新的趋势在2016年有明显的增长,2017年会依然保持的:用自
己定制的图形和插画。如果你想自己的网站有一个独特的形象,让用户可以记住,联系一个数字插画
设计师吧。少点图库,更多的原创,独特的图像。


 

--------------------------

 

传送门: Margarita Mar


 

12. 创造性地使用中立空间和栅格

 

在前几年,网页设计很讲究列和网格。但在2016年,我们看到相当多转移到不规则的图层和更现代
的设计。


 

13. 讲故事

 

 

网站现在都通过讲故事的方式来说服用户留在这个页面。比起平铺直叙的文字,人们从故事中受到
的感染会更多。

 

14. 延迟加载

 

 

长网页的的图片都通过延迟加载的方式来进行,在需要的时候才加载信息。


 

15. 分割的内容

 

 

在响应式的网页设计里,分割的内容变得越来越流行,它把屏幕分割成两部分或者更多的区域。分割的
做法能在一个页面里给用户传达几部分同等重要的信息。这个趋势在2015年后期开始流行,在2017年
将运用到更多的网站上。


 

16. 全屏展示

 

 

当全屏的内容做好响应式设计后,再也没有必要为了填一个表格而跳转页面,在当前页面完全可以操
作完成并有更好的体验。


 

17. 视频无处不在

 

 

视频内容在去年有大量的增长,人们需要高清质量的视频内容来讲好一个故事。而网站上的视频可以
是短的、重复播放的,通过展示产品或拍成电影的内容让用户对故事保持兴趣。


 

----------

项目案例: Hillsong

 

作者: Ruslan Siiz
 

18. SEO搜索引擎优化很重要

 

搜索引擎优化对于网站来说很重要,如果一个很漂亮的网站却在SEO上没做好,就很难被用户搜到。


 

19. 隐藏的导航

 

对于汉堡包菜单按钮难以被用户发现这个观点,有很多赞成和反对的讨论。但有一点是肯定的,这个
趋势还是会存在,人们终有一天会习惯它。


 

20. 微小的设计细节

 

 

对于细节设计的专注真的很重要。例如导航的圆点的设计,角落的logo 设计,都需要专注在细小的细
节上,才能把工作做好。


 

----------

项目案例: Barometa - Next-generation Job Platform

 

作者: Netguru TeamŁukasz Pachytel


 

------------------

传送门: Konstantin Zhenchu

来源:站酷网


 

 


 

 


 


返回

有心意 更有新意
欢迎拨打
  0931-7654770
兰州点下品牌设计有限责任公司 Powered by EyouCms陇ICP备2020004044号-1