够健全 | Behance上爆火的2017设计方向指南!

前一周,受邀观摩某公司的新产品表明会。

明天湖湖给我们分享的是Behance上的一篇2017计划方向总计,内容不仅系数,案例也要命精良
,完全可以视作一个统筹灵感库,时不时拿出去看看也是极好的!

这家公司的副总是自己在林茨大学教学的MBA学生。

规划方向会受到媒体、技术、风尚的潮流以及可用性的震慑。设计方向是缓缓、逐步的渗透到所有规划的分支中的,消失亦然。
一个规划方向或时髦的生命周期大多不会超越1-2年。二零一七年的计划性方向会延续16年的材质化(materialized)倾向的还要,扩展一些新的改变,这几个改变或许已被我们所熟练,甚至在过去几年你也曾经见过。其中影响着方向的,最重大仍然Google的Material
Design和它经历的片段变迁。

新产品相当赞,简直亮瞎眼!

01.半扁平的规划

一心集高科技与格局感于一身。

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

本人想这么些制品不红也难啊!

扁平化是因为急需更适合开发技术,缩短设计样式而进步出来的,扁平依旧大行其道,只是不停在改进。

五位小伙伴分别做了五个新单品的介绍,我听得捉急呀!

中和平滑的渐变投影既为扁平化设计扩大了纵深和丰盛性,又不会破坏扁平设计的感觉。这是扁平动向的一个新做法,并且在二零一七年会继续提高。

特意是第三位男同学,我狠不得跑上台去教他如何演讲。


他的情形是这般的:

案例项目:Resourсe | UI/UX Tool for Web Service(Service)s

1、         两眼发直,不敢看听众一眼。

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

2、         一只手紧紧抓着讲台,一只手紧拽着PPT翻页笔,我坐在第三排的职位都清晰看出她的手在抖。


3、         机械地念完整个演说稿,声音发涩,整个经过一个调子,匀速运动。

Project:Listener’s Playlist

4、         逃跑一般地偏离。

Author:Anzi .

她介绍的产品是极好的,但他一筹莫展把这个好传递给听众。

02.动态录像(Cinemagraphs)

她很尽力想说领悟,不过用力过猛。

动态照片不是指我们在web上普遍的gif图。他是指唯有个别元素移动的静态图片。这些技能驱动一个简约的图纸更加活跃。

她不亮堂该把力用在哪儿。

03.更多3D效果

一旦自身是客户,是他们的经销商,我会有哪些想法呢?

3D绝对在指导着风尚,大家很快就会看到它对具有规划领域的影响。随着VR/AR快捷在整个行业开展的变革,这一领域会向上得像飞镖那么快。

1、他好象不太自信,无法自信坦然地介绍产品,是否那个产品有如何毛病?


2、他没有发言的阅历,看来在小卖部内部操练的时机相比少,还被店家派出来讲解,这么些集团从未比他讲得更好的人了吧?

案例项目:LUV.IT

3、其实新产品认证,并不需要太多的正统技术介绍,公司完全可以让技术职员提供规范内容的求证,而让具有演讲能力的人手来出讲演解。

作者:AARON MARTINEZ

4、这个店铺对这一个新产品不够重视,准备不足,包括人员准备,有点应付的寓意。


5、假设自身订了这么些新产品的代办,这家公司会提供系数的劳务啊?

案例项目:Open Annual Awards

6、这家商店的人手和集体,是否有能力做好应对各类变通的准备?

作者:TAVO

兴许我想得多了。


您有没有近似的想法呢?

案例项目:Air 马克斯 ’17

您在白银时代,用黄金一代的逻辑去做,可能连铁都赚不到。

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

这话怎么说的?


商场如战场。

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

今昔的市井,赤手白刃,短兵相接,每个细节、每个环节,招招致命。

作者:TAVO

唯有您、你的店家、你的成品独步江湖,就象BAT。


可是马云上个月还说:现在除了BAT,没有太多集团的创收表现可以。

花色案例:Better You Brand

BAT,也躲避不了风水转换。

作者:Craig Minchington;Satellite Office;Brand Nu

各种环节、每个细节的准备。

席卷新产品介绍过程中的所有环节:

04.动画

了然听众的急需、

动画片越来越多的利用在web设计上,它可能是gif、svg、WebGL CSS
或录像格式。动画相对是web设计界二〇一八年最大的流行趋势,所以接纳是否要用动画的时候不要犹豫。

出品的独特性卖点提炼、


发言PPT的精细化设计、


逐字讲演稿的创作、

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

演说者的私有形象、

作者:曲 植Daz_Qu

演说者的语音语调处理、


解说者的身体动作操练、

类型案例:UI Collection in Motion

发言开场的听众指点、

作者:Minh Pham

与发言PPT结合的显得表明、


产品介绍之后的应对技巧、

项目案例: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 马克(Mark)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.视频无处不在

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


品种案例:希尔(Hill)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

发表评论

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

网站地图xml地图