前天湖湖给大家大快朵颐的是Behance上的一篇2017企划方向总计,内容不仅周全,案例也特别精良
,完全可以看成一个规划灵感库,时不时拿出去看看也是极好的!

统筹方向会遭到媒体、技术、潮流的时尚以及可用性的影响。设计方向是舒缓、逐步的渗透到所有规划的道岔中的,消失亦然。
一个统筹方向或时尚的生命周期大多不会超越1-2年。二零一七年的宏图方向会继续16年的材质化(materialized)倾向的同时,扩展一些新的变更,这一个改动或者已被我们所熟稔,甚至在过去几年你也早已见过。其中影响着样子的,最重点如故Google的Material
Design和它经历的一部分变更。

01.半扁平的计划性

在过去几年,扁平化几乎统治了网页设计,但因为Material
Design的影响,设计走向更加多维度,往空间上更上一层楼。这么些转变从追加轻投影初始,走向“半扁平”的计划性。

扁平化是因为急需更适合开发技术,收缩设计样式而发展出来的,扁平仍旧流行,只是不停在改进。

温和平滑的渐变投影既为扁平化设计扩大了纵深和丰裕性,又不会损坏扁平设计的痛感。这是扁平动向的一个新做法,并且在前年会继续开拓进取。


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

作者: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 高尔德(Gold)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.视频无处不在

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


项目案例:希尔(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

2018正版葡京赌侠诗,动效设计在当年真是超流行,我们可以看出它在颇具领域规划的采纳。


传送门:Javier Miranda Nieto;The Woork Co

21.9. 复古风

复古仍然很盛行。虽然这些趋势已经流行一段时间了,依然还有好多方可研讨的地点。


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

21.10. 情调渐变

颜色渐变2019年正是处处都能看到哇,在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地图