够完善 | 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. 动辄betway官网手机版起来的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

相关文章

admin

网站地图xml地图