够完善 | 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

相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图