2017 Design Trends

每年我们都会学到一些关于设计的新东西,那为了跟上潮流,我们必须时刻关注业内动态。新的一年,设计又会呈哪一种趋势发展呢?最近Behance上的一篇文章,很好的为我们解答了这个问题。

 

01.半扁平化设计(Semi Flat Design)

3e284b47810259-58863d0b56c69

在过去的几年中,网页设计几乎被扁平化设计所统治,不过现在受到材质设计的影响,会更加趋向于立体化。这种转变一开始会体现在一些光影的运用上,使得其成为“半扁平化设计”。扁平化设计的兴起是为了适应现代科技推崇的极简化设计风格。扁平化设计依然还在,但是会经历一些改进。

平滑阴影的使用在不破环扁平化设计感觉的基础上反而增加了一种深度与复杂性。这是添加到扁平设计趋势中的一个新特点,并将在2017年继续发展。

 

02.动态静图(Cinemagraphs)

4d3e4747810259-58863b7e71968

动态静图不是我们平常在各种网站上看到的GIF图,它是一张静态的图片,但其中有一个动态的元素。这项技术使得一张普通的照片显得更有活力。

 

03.更多的3D(More 3D)

82025e47810259-588640a7b2f9d

3D元素觉得是今年的主力,很快我们就会看到它在所有的设计领域的影响。随着VR/AR的迅猛发展,3D设计元素可能会快速融入我们的生活。

 

04.动效(Animations)

4b4fca47810259-588728b5c5842

动效越来越多的出现在网页设计中,比如gifs、SVG、WebGL CSS或者视频。动效是去年网页设计的主要趋势之一,所以请果断的使用它。

 

05.引导页(Landing Pages)

在2017年,我们将会看到由于市场推广的需要和为了得到更优质的目标用户,引导页的使用将会增加。

 

06.几何形状、纹样、线条和圆圈(Geometric Shapes,Patterns,Lines and Circles)

96af3647810259-588784c7af077

这个趋势开始于2016 年,并且会一直延续至2017年。你可以添加一些扁平或者带有一点阴影的几何图形来使你的网页更个性化。

 

07.大胆的配色(Courageous Colors)

4ff29e47810259-58872c8d387f3

用大胆的颜色来表现。材质设计和扁平化设计都能与大胆的配色完美融合,你可以使用谷歌的色板来安排自己想要的颜色。

 

08.创新性的视觉角度动图(Innovative Scrolling and Parallax)

cae44847810259-588ee159eda69

任何网站加入这样伟大的想法都会变的独一无二,从多角度的图层到拍摄多角度的视频,任何事物都可以用来拍摄。

 

09.颜色渐变(Color Transitions)

863e6747810259-588784c7b129a

颜色渐变是目前的主要流行趋势之一。开始于2016年,并且迅速发展。就连Instagram这样的大公司都把他们的logo和图片由扁平改成了多颜色的渐变。从logo到按钮或图片叠加,渐变色无处不在。

 

10.移动端浏览-响应式设计(Mobile Browsing-Responsive Design)

e8f2a947810259-588a1ff409751

2015年和2016年,使用移动端浏览有一个相当大的增长。平板电脑和智能手机现在已经超越了台式机和笔记本电脑成为了人们浏览网站时的首选。任何不能适应移动端浏览的网站都需要考虑升级啦。

 

11.自定义的图标和插图(Custom Graphics and Illustrations)

14bceb47810259-5888c42ba61a0

插图依然很流行,但是在2016年有一个新的明显趋势,并在2017年还会增加:自定义图标和插图。如果你想要一个独特的任何人都能记住的网站,去找一个数码设计师吧。所以,少些陈旧的插图,多些原创的、独特的插图吧。

 

12.巧妙的使用中性空间和网格(Creative Use of Neutral Space and Grid)

96824147810259-588e3c999a847

过去几年里,网页设计的排列大多数比较按有规律的框架排列,但是在2016年,我们看到很多网页都开始尝试不规则的方式进行设计,使设计更超现代化。

 

13.说故事(Storytelling)

很多网站现在用讲故事的方法来留住用户。比起一直阅读普通信息,人们更倾向于阅读故事。

 

14.延迟加载(Lazy Loading)

03ec3347810259-588a1ff409dc7

延迟加载就是在很长的网页上延迟加载的图片,主要就是让信息在需要看见它的点出现。

 

15.内容划分(Split Content)

e9935947810259-588784c7b1a4d

内容划分在响应式网页设计中变得很受欢迎,它可以把屏幕的内容划分为两个或多个部分。一个划分清晰的网页能够同时给用户展现多个重要的信息。这一趋势在2015年末开始流行,在2017年会持续发展,并且可能会出现在更多的网页上。

 

16.全屏表单(Full-Screen Forms)

1aaafd47810259-5888cad59e385

在适配全屏模式的响应式设计网页里,不需要去另一个页面就可以填写表格。

 

17.无处不在的视频(Videos Everywhere)

5cee3847810259-589099962c3e4

视频内容在过去一年里有所增加,人们要求一个高质量的讲述故事的视频。视频可以在网页中短时间的循环播放来展示一款产品或一个大规模的电影项目,以此来增加浏览者对故事的兴趣。

 

18.搜索引擎优化很重要(SEO is Important)

8f100c47810259-5888cad59eaee

搜索引擎优化在一个网站中很重要,如果一个漂亮的网站没有很好的优化搜索引擎,很有可能因此被淘汰。

 

19.隐藏导航(Hidden Navigation)

5a0a0347810259-588a1ff40a2da

对于很难在信息栏里找到菜单这一问题,汉堡包菜单一直都备受争议。不过可以确定的是,这一趋势已成定局,人们最终会适应它们。

 

20.微小的设计细节(Tiny Design Details)

6df40147810259-58874431eabb2

关注细节在今年真的很重要。从小细节像导航点到角落里的标志,关注小细节才可以把工作做好。

 

21.标志设计趋势(Logo Design Trends)

21.1 极简主义(Minimalist)

d459d747810259-5887b7bfe9fd0

从所有的大品牌把logo改成极简的设计来看,这一趋势已成定局。

 

21.2 手绘(Hand Drawn)

eb9ed847810259-5887ac93eb346

这是现在已经在聚光灯下好几年了的一种趋势,并且很适合“潮人”业务。这种风格适合用在餐饮、美发或者艺术工艺品行业上。

 

21.3 正负形(Negative space)

cf544647810259-58874cacb9768

这是比较复古的一种风格,但是在过去几年我们却看到它再次出现并在2017年回持续发展,所以这绝对值得密切关注。

 

21.4 裁剪(Cropping)

2a021847810259-5887a39094d5e

这个风格仅仅只是能告诉你logo展示的是什么,仅此而已。

 

21.5 几何图形(Geometric)

db505847810259-588881a358f8f

这无疑是很复古的一种形式,但这只是其中的一个风格,永远也不会过时。

 

21.6 线条艺术(Line art)

62345247810259-58873c6f12159

这种形式在新现代行业中很受欢迎。

 

21.7 图案(Pattern)

64805447810259-588888127bbcb

图案是一种新的形式,重复使用独特的图案来脱颖而出。这种原始的风格也可以用于logo的表现。

 

21.8 动画标志(Animated logos)

e82d7147810259-588890f00ad84

今年动态设计是一大趋势,我们可以在各个设计领域看到它的身影。

 

21.9 复古(Vintage)

f65ec447810259-5887a390953ad

复古风仍然流行。尽管它已经出现了一段时间了,但是仍然还有很大的表现空间。

 

21.10 颜色渐变(Color Transitions)

f705a347810259-5887875e4eadb

颜色渐变今年真是无处不在,即便是在logo应用上。

 

21.11 插画logo(Illustrations in logos)

ce088247810259-58875b99532b3

插画是一种独特和个性的让人能记住logo的好方式。这种形式正变得越来越流行。

 

21.12 图像logo(Photography in logos)

03b4e547810259-5887875e4f21f

图像的混合排版现在非常热。它们组合在一起很好的形成一种对比。

 

22. 字体排版趋势(Typography Trends)

22.1 大胆的、明显的和漂亮的排版(Big, bold & beautiful typography)

f0f86547810259-58888b7e84188

35a6b247810259-5888c42bbf598

排版可能是一个优秀设计中最重要的部分。今年的排版走大胆明显的大标题风格。

 

22.2 颜色渐变式排版(Color transitions in typography)

c1776147810259-58888b7e8489a

颜色渐变现在绝对是大热并且在排版中也能看到它。

 

22.3 视觉层次(Visual hierarchy)

80d84547810259-588890f0202ff

在所有的设计领域中排版的层次结构都很重要。字体的大小粗细可以很容易的表明那些字眼或信息是最重要的,所以在你写标题的时候记住这一点。还要记住一点,可以通过文本的位置、颜色来表现出丰富的视觉层次。

 

22.4 小字体排版(Tiny Typography)

92892647810259-588888127cb4b

42487d47810259-589b169f0ced8

超级小文本通常是被负空间所包围,但是你可以用对比的颜色或图像来使它清晰可见,也可以通过动画来帮助它脱颖而出。

 

22.5 动画排版(Animated Typography)

6a436c47810259-5888c5a2758fe

05ef8b47810259-588890f01fc1d

即使字体动画无处不在,但只要选择一个合适的动画,在今年也还是不错的。

 

22.6 字体遇上图片(Typography meets photography)

edb08847810259-5888c42bbfc61

文字与图片的组合看起来很棒。

 

22.7 几何图形与字体(Geometric shapes and typography)

f5050347810259-5888c42bc10e0

几何图形与文字组合也可以达到一种很现代的效果。

 

22.8 字体配对(Font pairing)

a8e77147810259-58888b7e84e4d

今年的趋势是使用两个或更多的字体组合,看看下面这些有趣的例子,或许会对你有所帮助。

 

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