够完善 | Behance上爆火的2017统筹方向指南!

先天湖湖给我们大饱眼福的是Behance上的一篇2017统筹方向总计,内容不仅全盘,案例也非凡精良
,完全能够当做一个计划灵感库,时不时拿出去看看也是极好的!

计划方向会遭受媒体、技术、潮流的时髦以及可用性的熏陶。设计方向是慢性、逐步的渗透到所有计划的分层中的,消失亦然。
一个计划方向或潮流的生命周期大多不会领先1-2年。二〇一七年的统筹方向会连续16年的材质化(materialized)倾向的同时,扩展部分新的改观,这一个改动或者已被我们所通晓,甚至在过去几年你也已经见过。其中影响着样子的,最要紧仍然谷歌的Material
Design和它经历的有的生成。

01.半扁平的统筹

在过去几年,扁平化几乎统治了网页设计,但因为Material
Design的熏陶,设计走向更为多维度,往空间上腾飞。这些变化从扩展轻投影起先,走向“半扁平”的统筹。

扁平化是因为急需更合乎开发技术,减弱设计样式而上扬出来的,扁平仍旧大行其道,只是不停在改进。

中和平滑的渐变投影既为扁平化设计增添了深度和充裕性,又不会破坏扁平设计的感觉。这是扁平方向的一个新做法,并且在二〇一七年会继续提高。


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

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


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 Vojir;mark haley;Oliver Harris;Jeff Thomson


类型案例:NIKE F.C. | 3D 高尔德en balls in the real world

作者:TAVO


品种案例:Better You Brand

作者:Craig Minchington;Satellite Office;Brand Nu

04.动画

动画片越来越多的采用在web设计上,它恐怕是gif、svg、WebGL CSS
或录像格式。动画相对是web设计界二零一八年最大的风行势头,所以选用是否要用动画的时候绝不犹豫。



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

作者:曲 植Daz_Qu


品类案例:UI Collection in Motion

作者:Minh Pham


项目案例:ZH OURO- Rio 2016

作者:Leo Natsume;Guilherme Maron

05.登录页面

二零一七年,由于市场营销和更好的针对性对象的旅行者用户,我们会看出更多关于登录页面的出色设计。

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

这些时髦从2016年上马,相对会连续到二〇一七年。你可以经过简单扩充部分富现代感的形态、平面图形或一个和平的影子来做好一个网站。


花色案例:Pfizer – Active and 50+ for The New York 提姆(Tim)es

作者:justyna stasik;Vladimir Marchukov


体系案例:DRAP.agency Branding

Mireldy Design;Filip Gjurin

07.大胆的情调

利用大胆的颜色来表述自己的视角。Material
design和扁平化设计和大胆的情调真是顶级搭。使用Google提供的色板或自己搭配使用都足以的。


Project:Edris – Logo Designed by MiLo

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


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

Serge Vasil


花色案例:b2mach

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

08.有新意的滚动和视差

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

介绍下D.ex Multilayer Parallax那几个产品。它是在 Loredana Papp和Mihai
Baldean的辅导下由Milothemes公司支付。在Envato 马克et /
codecanyon.net上可以购置到。

D.ex Multilayer
Parallax是一个Wordpress的插件,你可以使用它创立十分美好的多层视差区域。你还足以有创建力的通过其余样式组合不同的层。大家创制了12个例外的样例供您参考,玩得喜形于色啊。

类型案例:F — mdls

作者:Adencys

09.色彩渐变

颜色渐变是霎时最流行的来头。从2016年起头迅速蔓延,特别是在Instagram决定改变他们本来的logo,改成一个大渐变后。从logo到按钮到图像的叠加处理,这么些趋势所在。

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

2015-2016年移动端的设备大量充实。当说到浏览网页时,平板和智能手机已经超越电脑、手提电脑成为第一增选,而且以此主旋律还会持续。任何没有把响应式设计做好的网页,都应该霎时,是即时升级!


花色案例:Responsive Website Animation

作者:Muharrem Senyil

11.个性化的图形和插图

图片库的图样如故很盛行,但有一个新的自由化在2016年有肯定的增高,二零一七年会如故维持的:用自己定制的图纸和插图。假设你想协调的网站有一个与众不同的印象,让用户可以记住,联系一个数字插画设计师吧。少点图库,更多的原创,独特的图像。


传送门:Margarita Mar

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

在明年,网页设计很讲究列和网格。但在2016年,我们看来卓殊多变换来不平整的图层和更现代的计划。

13.讲故事

网站现在都因此讲故事的艺术来说服用户留在这一个页面。比起平铺直叙的文字,人们从故事中惨遭的熏染会更多。

14.延迟加载

长网页的的图样都因而延迟加载的点子来举办,在急需的时候才加载音信。

15.分割的情节

在响应式的网页设计里,分割的内容变得进一步流行,它把屏幕分割成两局部或者更多的区域。分割的做法能在一个页面里给用户传达几部分雷同首要的信息。这个趋势在2015年初了先导风靡,在二〇一七年将采取到更多的网站上。

16.全屏彰显

当全屏的内容做好响应式设计后,再也尚无必要为了填一个报表而跳转页面,在现阶段页面完全可以操作完成并有更好的感受。

17.录像无处不在

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


品类案例:希尔song

作者:Ruslan Siiz

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

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

19.藏身的导航

对此奥斯陆包菜单按钮难以被用户发现这些看法,有为数不少赞同和反对的探究。但有一点是迟早的,这几个样子依然会设有,人们终有一天会习惯它。

20.微小的宏图细节

对于细节设计的专注真的很重大。例如导航的圆点的宏图,角落的logo
设计,都急需小心在一线的底细上,才能把工作搞好。


序列案例:Barometa – Next-generation Job Platform

作者:Netguru Team;Łukasz Pachytel


传送门:Konstantin Zhenchur

21.Logo设计趋势

21.1. 极简主义

趁着所有大品牌都走更简约、极简的设计,这么些势头会没完没了的风靡。


传送门:Mingo Ideas Up

21.2. 手绘

手绘已经风靡了一点年了,它很赶时尚。这种手绘的设计用在咖啡馆、理发馆和艺术工艺馆很端庄。


查阅这么些艺术家的筹划:山姆(Sam) Healy

21.3. 负型

这是一个很老的倾向了,但在过去几年又流行起来,在前年只会持续增强,值得继续专注。

21.4. 裁剪

本条样子就是为了彰显logo是怎么回事。

传送门:Aleksandr
Maksimov

21.5. 几何化

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


传送门:Mingo Ideas Up

21.6. 线条艺术

其一趋势在新的现代的商业使用中很盛行。


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

21.7. 图案

美术是一个新的动向,通过非正规的双重模式可以使著作很理想。这种原创的势头得以被用到logo的显示里。


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

21.8. 动起来的Logo

动效设计在当年当成超流行,我们得以观察它在富有领域规划的施用。


传送门:Javier Miranda Nieto;The Woork Co

21.9. 复古风

复古依然很盛行。即便那多少个样子已经风靡一段时间了,依旧还有众多可以追究的地点。


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

21.10. 情调渐变

水彩渐变二〇一九年当成处处都能观察哇,在logo中也不例外。


传送门:Mingo Ideas
Up

21.11. Logo中的插画

插图是授予logo独特和富有人情味的主意,二零一九年越来越的流行 。


传送门:Bodea Daniel;Jacek
Janiczak

21.12. Logo里的素描

当今很流行在字体里夹杂图像使用。它的意义很好,创建出来的相比较也很赞。

22.字体设计方向

22.1. 又大又粗&雅观的书体设计

字体大概是成立突出设计的最重大部分了。二零一九年风靡的将是大的粗体的大标题。


传送门:Alexander Laguta


传送门:Quim Marin


花色案例:Baugasm Series – Pack 4

作者:Vasjen Katro

22.2. 字体中的色彩渐变

情调渐变相对依旧风行的要紧因素,字体设计里也不例外。


传送门:The Woork
Co

22.3. 视觉层次

字体层次对应所有计划领域来说都不行关键。字体的字号大小和粗细可以随便的暗示出文字的重大程度,当您设计文本的时候势必要铭记。还有另一些,通过文字的岗位和颜色变化,也得以把文字的视觉层次拉开。

22.4. 很小很小很小很小反正就是很小的书体

超小字体可以通过在颜色或图像中创立一个对照来让小文字的阅读性更好。动效的法门也能协理小文字的翻阅。


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


品种案例:Baugasm Series – Pack 4

作者:Vasjen Katro

22.5. 字体的动画

卡通无处不在,连字体也不例外。柔滑的动画片永远都不会错。


项目案例: Gotham Pro Animated Typeface Free

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

22.6. 当字体遇上拍照

字体和油画的重组平时可以达标很好的视觉效果。以下就是有的例证。


传送门:Quim Marin

22.7. 几何样子与字体

几何样子也足以与字体结合哒~结果还会很现代。


传送门:Quim
Marin


传送门:∆ Studio—JQ ∆

22.8. 字体搭配

三种或二种以上的书体组合使用在二零一九年还很盛行。看下以下四个案例,里面都是些有趣的陪衬。

Typography: Google Fonts Combinations – Volume 1

Typography: Google Fonts Combinations – Volume 2

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

作者:Loredana Papp-Dinea,Mihai Baldean

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

发表评论

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