足健全 | Behance上爆火的2017设计方向指南!没灵感?这里发出极其全的统筹风格!

今湖湖让大家大快朵颐的凡Behance上之等同篇2017企划方向总结,内容不仅全面,案例也颇精良
,完全可以用作一个统筹灵感库,时不时用出来看也是无比好的!

设计方向会遭到媒体、技术、时尚的潮流和可用性的熏陶。设计方向是缓缓、逐渐的渗透到有规划之分支中之,消失亦然。
一个企划方向还是潮流的生命周期大多不见面超越1-2年。2017年之设计方向会持续16年的材质化(materialized)倾向的还要,增加部分新的反,这些改动或者曾经受大家所熟知,甚至以过去几乎年你吗曾经显现了。其中影响在方向的,最重点还是Google的Material
Design和它们更的有变。

筹方向会面临媒体、技术、时尚之潮流与可用性的影响。设计方向是慢、逐渐的渗漏及拥有规划的子中的,消失亦然。
一个统筹方向还是潮流的生命周期大多不见面跳1-2年。2017年之宏图方向会延续16年的材质化(materialized)倾向的而,增加有新的反,这些反或许早已于大家所熟知,甚至于过去几乎年而也曾见了。其中影响在方向的,最根本还是Google的Material
Design和其经历的有扭转。

01.半扁平的规划

01.半扁平的规划

以过去几年,扁平化几乎统治了网页设计,但坐Material
Design的影响,设计走向更加多维度,往空间上更上一层楼。这个变化于追加轻投影开始,走向“半扁平”的统筹。

在过去几乎年,扁平化几乎统治了网页设计,但为Material
Design的熏陶,设计走向更为多维度,往空间及进步。这个变化于多轻投影开始,走向“半扁平”的统筹。

扁平化是以用重新称开发技术,减少设计样式而上扬出来的,扁平还流行,只是不断在改善。

扁平化是以待再次合乎开发技术,减少设计样式而上扬出来的,扁平还大行其道,只是不停在改进。

中和平滑的渐变投影既为扁平化设计多了深和丰富性,又非会见毁掉扁平设计之感觉到。这是扁倾向的一个初做法,并且于2017年会继续发展。

温和平滑的渐变投影既为扁平化设计增加了深度和丰富性,又休会见破坏扁平设计的觉得。这是扁倾向的一个初做法,并且于2017年会继续开拓进取。



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

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

作者:Ruslan Latypov;LS Graphics;Anton Mishin;Valery Gurkov

作者:Ruslan Latypov;LS Graphics;Anton Mishin;Valery Gurkov



Project:Listener’s Playlist

Project:Listener’s Playlist

Author:Anzi .

Author:Anzi .

02.动态摄像(Cinemagraphs)

02.动态摄像(Cinemagraphs)

动态照片不是凭我们于web上大规模的gif图。他是赖只有少数素移动的静态图片。这个技术使一个简练的图样更加栩栩如生。

动态照片非是靠我们以web上广泛的gif图。他是依只有个别要素移动的静态图片。这个技术让一个简易的图纸更加有声有色。

03.更多3D效果

03.更多3D效果

3D绝对在前导正潮流,我们飞速就会见相它们对有计划领域的震慑。随着VR/AR迅速在普行业开展的革命,这无异天地会发展得像飞镖那么快。

3D绝对在带领正潮流,我们很快即见面盼它们对有计划领域的熏陶。随着VR/AR迅速以方方面面行业开展的革命,这同领域会提高得像飞镖那么快。



案例项目:LUV.IT

案例项目:LUV.IT

作者:AARON MARTINEZ

作者:AARON MARTINEZ



案例项目:Open Annual Awards

案例项目:Open Annual Awards

作者:TAVO

作者:TAVO



案例项目:Air Max ’17

案例项目:Air Max ’17

作者:Berd -;Lukas Vojir;mark haley;Oliver Harris;Jeff Thomson

作者:Berd -;Lukas Vojir;mark haley;Oliver Harris;Jeff Thomson



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

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

作者:TAVO

作者:TAVO



类型案例:Better You Brand

项目案例:Better You Brand

作者:Craig Minchington;Satellite Office;Brand Nu

作者:Craig Minchington;Satellite Office;Brand Nu

04.动画

04.动画

动画越来越多的施用在web设计上,它可能是gif、svg、WebGL CSS
或视频格式。动画绝对是web设计界去年最特别之风靡势头,所以选择是否如为此动画的时节不要犹豫。

卡通越来越多的下在web设计及,它或许是gif、svg、WebGL CSS
或视频格式。动画绝对是web设计界去年最好充分之盛势头,所以选择是否如为此动画的下不要犹豫。





类案例:AR Virtual Fitness Coach App | AR 虚拟健身训练

列案例:AR Virtual Fitness Coach App | AR 虚拟健身训练

作者:曲 植Daz_Qu

作者:曲 植Daz_Qu



型案例:UI Collection in Motion

型案例:UI Collection in Motion

作者:Minh Pham

作者:Minh Pham



种类案例:ZH OURO- Rio 2016

品类案例:ZH OURO- Rio 2016

作者:Leo Natsume;Guilherme Maron

作者:Leo Natsume;Guilherme Maron

05.登录页面

05.登录页面

2017年,由于市场营销和再次好之指向对象的旅行者用户,我们见面看又多关于登录页面的佳设计。

2017年,由于市场营销和更好之针对对象的游人用户,我们见面看到又多关于登录页面的精良设计。

06.几何样子、图案、线条与圆圈圈**

06.差一点哪样子、图案、线条与圆圈圈**

以此潮流从2016年始发,绝对会继续及2017年。你可通过简单加部分从容现代感的貌、平面图形或一个中和的黑影来善一个网站。

夫潮流从2016年初步,绝对会持续到2017年。你得经简单多有富裕现代谢的造型、平面图形或一个缓的阴影来做好一个网站。



种案例:Pfizer – Active and 50+ for The New York Times

类案例:Pfizer – Active and 50+ for The New York Times

作者:justyna stasik;Vladimir Marchukov

作者:justyna stasik;Vladimir Marchukov



路案例:DRAP.agency Branding

路案例:DRAP.agency Branding

Mireldy Design;Filip Gjurin

Mireldy Design;Filip Gjurin

07.大胆的色彩

07.大胆的情调

运用大胆的水彩来发表友好之看法。Material
design和扁平化设计和英勇的情调真是超级搭。使用Google提供的色板或协调搭配使用还可以的。

使大胆之颜料来表述友好之理念。Material
design和扁平化设计及无畏之色彩真是超级搭。使用Google提供的色板或协调搭配使用都得以的。



Project:Edris – Logo Designed by MiLo

Project:Edris – Logo Designed by MiLo

Author:Loredana Papp-Dinea;Mihai Baldean;Milo Themes

Author:Loredana Papp-Dinea;Mihai Baldean;Milo Themes



类型案例:Rendered — Responsive Demo Website for Adobe

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

Serge Vasil

Serge Vasil



品种案例:b2mach

品种案例:b2mach

作者s:Natalia Żerko;Kuba Enzowski;Kommunikat Studio

作者s:Natalia Żerko;Kuba Enzowski;Kommunikat Studio

08.来创意之滚动与视差

08.出创意之滚与视差

于其它网页通过是视觉创意多特殊的元素效果还见面那个棒。无论是多层的视差或是视频的视差,都生或。

于旁网页通过是视觉创意多特殊之因素效果还见面生硬。无论是多层的视差或是视频的视差,都发生或。

介绍下D.ex Multilayer Parallax这个产品。它是于 Loredana Papp和Mihai
Baldean的向导下由Milothemes公司开。在Envato Market /
codecanyon.net上可以请至。

介绍下D.ex Multilayer Parallax这个活。它是当 Loredana Papp和Mihai
Baldean的带下是因为Milothemes公司开。在Envato Market /
codecanyon.net上足买到。

D.ex Multilayer
Parallax是一个Wordpress的插件,你得用它们创造好理想的多层视差区域。你还可以有创造力的通过其他样式组合不同的叠。我们创建了12个例外之样例供你参考,玩得开心哟。

D.ex Multilayer
Parallax是一个Wordpress的插件,你得运用她创造大优秀的多层视差区域。你还可以有创造力的经过其他样式组合不同的层。我们创建了12独不等的样例供而参考,玩得开心啊。

品类案例:F — mdls

类型案例:F — mdls

作者:Adencys

作者:Adencys

09.色彩渐变

09.色彩渐变

水彩渐变是立即极流行的样子。从2016年初步迅速蔓延,特别是在Instagram决定转她们本来的logo,改成为一个大渐变后。从logo到按钮到图像的附加处理,这个势头所在。

水彩渐变是即刻极流行的趋向。从2016年起来迅速蔓延,特别是在Instagram决定转他们原有的logo,改成为一个大渐变后。从logo到按钮到图像的增大处理,这个方向所在。

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

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

2015-2016年移动端的配备大量长。当说及浏览网页经常,平板同智能手机已经超过电脑、手提电脑成为第一挑,而且这个趋势还会见持续。任何没有拿响应式设计做好的网页,都该及时,是当时升级!

2015-2016年移动端的装置大量多。当说及浏览网页经常,平板与智能手机已经越电脑、手提电脑成为第一抉择,而且以此主旋律还会见继续。任何没有将响应式设计做好的网页,都应该及时,是当下升级!



种案例:Responsive Website Animation

类案例:Responsive Website Animation

作者:Muharrem Senyil

作者:Muharrem Senyil

11.个性化的图和插图

11.个性化的图形和插图

图片库的图依然非常盛,但有一个初的大势在2016年起醒目的提高,2017年会还维持的:用好定制的图纸和插图。如果您想自己之网站来一个奇异的影像,让用户可记住,联系一个数字插画设计师吧。少点图库,更多之原创,独特之图像。

图片库的图片依然很盛行,但来一个新的势头在2016年发生明确的提高,2017年会还保持的:用自己定制的图片和插图。如果你想自己之网站发出一个异常的形象,让用户可以记住,联系一个数字插画设计师吧。少碰图库,更多之原创,独特之图像。



传送门:Margarita Mar

传送门:Margarita Mar

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

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

当头里几年,网页设计好讲究列和网格。但每当2016年,我们看相当多易到无平整之图层和重现代的设计。

以前方几乎年,网页设计大讲究列和网格。但在2016年,我们看来相当多易到不平整之图层和另行现代之统筹。

13.讲故事

13.讲故事

网站现犹经说话故事的方法吧服用户留在这页面。比起平铺直叙的文,人们从故事中中的感染会又多。

网站现且通过说话故事的章程吧服用户留在此页面。比起平铺直叙的文,人们从故事被惨遭的耳濡目染会重新多。

14.延迟加载

14.延迟加载

添加网页的的图样都经延迟加载的不二法门来展开,在待的当儿才加载信息。

加上网页的之图形都经延迟加载的办法来开展,在待的下才加载信息。

15.分割的情节

15.分割的情

以响应式的网页设计里,分割的情变得进一步流行,它将屏幕分割成稀局部或者更多之区域。分割的做法能够当一个页面里给用户传达几组成部分同样重要之音信。这个趋势在2015年晚起风靡,在2017年用采用到更多的网站及。

于响应式的网页设计里,分割的始末变得愈流行,它把屏幕分割成稀有些或另行多之区域。分割的做法能当一个页面里吃用户传达几有同样重要的音信。这个势头在2015年晚起风靡,在2017年拿利用到更多之网站及。

16.全屏显

16.全屏著

当全屏的情做好响应式设计后,再为无必要为填充一个报表而跳转页面,在目前页面完全可以操作完成并发生重好的体会。

当全屏的内容做好响应式设计后,再为尚无必要为了填充一个报表而跳转页面,在此时此刻页面完全可以操作就并发生重复好的感受。

17.视频无处不以

17.视频无处不在

视频内容以上年生大气的增长,人们要高清质量的视频内容来提好一个故事。而网站上的视频可以是缺失的、重复播放的,通过显示产品还是拍成电影的情被用户指向故事保持兴趣。

视频内容在去年发出恢宏之加强,人们要高清质量的视频内容来发话好一个故事。而网站及之视频可以是不够的、重复播放的,通过展示产品或者拍成电影的内容被用户对故事保持兴趣。



品类案例:Hillsong

类型案例:Hillsong

作者:Ruslan Siiz

作者:Ruslan Siiz

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

18.SEO搜索逗擎优化很重点

搜引擎优化对于网站来说非常要紧,如果一个生美好的网站可在SEO上并未开好,就死麻烦让用户搜到。

寻找引擎优化对于网站来说特别要紧,如果一个杀不错的网站也在SEO上无举行好,就十分麻烦让用户搜到。

19.藏身的导航

19.掩蔽的领航

对于汉堡包菜单按钮难以让用户发现这视角,有多赞成和反对之座谈。但出一些是必然的,这个势头或会是,人们终于有平等天会习惯她。

对汉堡保险菜单按钮难以让用户发现此理念,有诸多支持和反对之讨论。但生少数是毫无疑问的,这个方向还是会在,人们终于有同等龙会习惯她。

20.微小的计划性细节

20.微小的计划细节

于细节设计之专注真的那个重大。例如导航的圆点的设计,角落的logo
设计,都待留意于薄的细节上,才能够拿工作搞好。

对细节设计之专注真的好关键。例如导航的圆点的设计,角落的logo
设计,都用注意在细微的底细及,才会将工作抓好。



类型案例:Barometa – Next-generation Job Platform

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

作者:Netguru Team;Łukasz Pachytel

作者:Netguru Team;Łukasz Pachytel



传送门:Konstantin Zhenchur

传送门:Konstantin Zhenchur

21.Logo设计趋势

21.Logo设计趋势

21.1. 无限简主义

21.1. 无限简主义

乘势所有大品牌都走更简约、极简的计划性,这个主旋律会随地的风靡。

就所有大品牌都挪还简便易行、极简的规划,这个样子会连的流行。



传送门:Mingo Ideas Up

传送门:Mingo Ideas Up

21.2. 手绘

21.2. 手绘

手绘已经盛了一些年了,它挺赶时髦。这种手绘的计划用在咖啡厅、理发馆和艺术工艺馆很有分寸。

手绘已经流行了一点年了,它特别赶时髦。这种手绘的设计用当咖啡馆、理发馆和艺术工艺馆很合适。



翻开此艺术家的计划:Sam Healy

查阅这艺术家的筹划:Sam Healy

21.3. 负型

21.3. 负型

就是一个坏老的动向了,但每当过去几乎年还要流行起来,在2017年一味会连续增强,值得继续注意。

即时是一个十分老的大方向了,但每当过去几年同时流行起来,在2017年止会持续加强,值得持续专注。

21.4. 裁剪

21.4. 裁剪

斯势头即以显得logo是怎么回事。

夫主旋律就为显示logo是怎么回事。

传送门:Aleksandr
Maksimov

传送门:Aleksandr
Maksimov

21.5. 几何化

21.5. 几何化

以此方向很老派了,但是是永久经典的做法。

这个样子很老派了,但是是世代经典的做法。



传送门:Mingo Ideas Up

传送门:Mingo Ideas Up

21.6. 线艺术

21.6. 线条艺术

是势头在新的当代底买卖利用中杀盛。

其一主旋律在初的当代之经贸利用中特别盛。



传送门:Sam Healy;Andrea Schlaffer;Jacek Janiczak

传送门:Sam Healy;Andrea Schlaffer;Jacek Janiczak

21.7. 图案

21.7. 图案

图是一个新的取向,通过特有之又道可使作品挺漂亮。这种原创的趋向得以吃用到logo的显得里。

图是一个新的方向,通过非常之再次道可使作品非常了不起。这种原创的大势得以为用到logo的来得里。



传送门:Nick Edlin;Stanislav Aleynikov;Lucas Gil-Turner

传送门:Nick Edlin;Stanislav Aleynikov;Lucas Gil-Turner

21.8. 动辄起来的Logo

21.8. 动起来的Logo

动效设计以当年真是超流行,我们得望它们以享有世界规划之使。

动效设计在当年当成超流行,我们得以看到其当有着世界规划之采取。



传送门:Javier Miranda Nieto;The Woork Co

传送门:Javier Miranda Nieto;The Woork Co

21.9. 复古风

21.9. 复古风

复古仍然异常盛行。尽管这主旋律就盛一段时间了,仍然还有好多得探索之地方。

复古仍然异常盛。尽管这样子就流行一段时间了,仍然还有为数不少方可探讨之地方。



传送门:Роман Додонов;Mingo Ideas Up;Will Try Further

传送门:Роман Додонов;Mingo Ideas Up;Will Try Further

21.10. 情调渐变

21.10. 色彩渐变

颜色渐变今年正是处处都能来看哇,在logo中也不殊。

水彩渐变今年真是处处都能看哇,在logo中也未殊。



传送门:Mingo Ideas
Up

传送门:Mingo Ideas
Up

21.11. Logo中之插画

21.11. Logo中底插图

插画是给予logo独特同持有人情味的方,今年更的流行 。

插图是给logo独特以及装有人情味的计,今年益的流行 。



传送门:Bodea Daniel;Jacek
Janiczak

传送门:Bodea Daniel;Jacek
Janiczak

21.12. Logo里底录像

21.12. Logo里底摄影

今昔异常盛行于书里夹图像使用。它的功用十分好,创造出来的对比呢十分赞赏。

而今万分流行在书里夹图像使用。它的效能大好,创造出的比呢够呛赞。

22.字体设计方向

22.字体设计方向

22.1. 又生还要粗&漂亮的字设计

22.1. 还要大而且粗&漂亮的字体设计

字大概是创建美好设计的最关键部分了。今年兴的用凡生的粗体的老大标题。

书大概是创建优良设计之太重大部分了。今年兴的拿凡雅之粗体的不得了题。



传送门:Alexander Laguta

传送门:Alexander Laguta



传送门:Quim Marin

传送门:Quim Marin



种类案例:Baugasm Series – Pack 4

品类案例:Baugasm Series – Pack 4

作者:Vasjen Katro

作者:Vasjen Katro

22.2. 字中的情调渐变

22.2. 字体中的情调渐变

色彩渐变绝对要风行的要要素,字体设计里呢未殊。

色彩渐变绝对要风行的最主要要素,字体设计里为未例外。



传送门:The Woork
Co

传送门:The Woork
Co

22.3. 视觉层次

22.3. 视觉层次

字层次对应所有规划领域来说还老重要。字体的字号大小与粗细可以轻易之暗示出字的首要程度,当您设计文本的时自然要是切记。还有其他一些,通过文字的职及颜料变化,也堪管文字的视觉层次拉开。

书层次对应所有规划领域来说都格外重要。字体的字号大小和粗细可以无限制之授意出字的严重性程度,当您设计文本的上自然要是铭记。还有其他一些,通过文字的职务与颜料变化,也堪管文字的视觉层次拉开。

22.4. 够呛有点好有点怪有些怪有些反正就是不行粗的书

22.4. 挺有些可怜有些可怜有些可怜有些反正就是甚粗之书

超小书可以通过在颜色或图像被开创一个相比来受多少言的阅读性更好。动效的道吗能够帮小文的读。

越小书可以经当颜色还是图像中开创一个相比来给小言的阅读性更好。动效的方法吗会帮小言的读。



传送门:Slava Oleinik;Bahaa Samir;Witty
Digital

传送门:Slava Oleinik;Bahaa Samir;Witty
Digital



类案例:Baugasm Series – Pack 4

列案例:Baugasm Series – Pack 4

作者:Vasjen Katro

作者:Vasjen Katro

22.5. 书的动画

22.5. 字的卡通片

动画片无处不在,连字体为不异。柔滑的卡通永远都无见面错。

动画片无处不在,连字体为不殊。柔滑的动画片永远都非会见错。



色案例: Gotham Pro Animated Typeface Free

色案例: Gotham Pro Animated Typeface Free

作者s:Yaroslav Kononov;Daria Zalyatskaya;Nastya Sokha;Katerina
Pavlenko;Max Kravchenko;Nadezhda Shymchenko;Kate Nizhegorodova

作者s:Yaroslav Kononov;Daria Zalyatskaya;Nastya Sokha;Katerina
Pavlenko;Max Kravchenko;Nadezhda Shymchenko;Kate Nizhegorodova

22.6. 当字体中上摄影

22.6. 当字体中上拍摄

书和录像之三结合通常可以达到充分好的视觉效果。以下就是是有些例。

书和照相之组成通常可以达标非常好的视觉效果。以下即是片例。



传送门:Quim Marin

传送门:Quim Marin

22.7. 几哪里样子和书

22.7. 几哪样子与书

几哪里样子也得同书结合哒~结果还会格外现代。

几乎哪里样子为可以和书结合哒~结果还会那个现代。



传送门:Quim
Marin

传送门:Quim
Marin



传送门:∆ Studio—JQ ∆

传送门:∆ Studio—JQ ∆

22.8. 字体搭配

22.8. 字体搭配

有数栽要鲜栽以上的书组合使用在当年尚老盛行。看下以下简单单案例,里面还是些有趣之搭配。

少栽要零星栽以上的书体组合使用在当年尚非常盛行。看下以下简单独案例,里面还是些有趣之烘托。

Typography: Google Fonts Combinations – Volume 1

Typography: Google Fonts Combinations – Volume 1

Typography: Google Fonts Combinations – Volume 2

Typography: Google Fonts Combinations – Volume 2

原文:https://www.behance.net/gallery/47810259/2017-Design-Trends-Guide

原文:https://www.behance.net/gallery/47810259/2017-Design-Trends-Guide

作者:Loredana Papp-Dinea,Mihai Baldean

作者:Loredana Papp-Dinea,Mihai Baldean

翻译者:腾讯视频Tencent Video Design Team |  Ning

翻译者:腾讯视频Tencent Video Design Team |  Ning

相关文章