2017年设计趋势(翻译于国外设计论坛）

林鳳

北京/设计爱好者/9年前/2841浏览

版权

林鳳

每年我们都会学到关于设计的新东西，而2016年却没有什么不同。

去年的文章有这样的成功之后，我们决定对2017年做出一些预测，所以让我们开始吧！

设计趋势受到媒体，技术，时尚界和最近的可用性的影响。趋势逐渐逐渐发展，进入所有设计分支，然后以完全相同的方式消失。基本上，设计潮流的生活不再是一两年。 2017年的设计将继续在2016年实现的趋势，同时增加一些新的影响，但感觉是众所周知和熟悉的，您可能在过去几年看到过。主要的影响因素仍然是谷歌的材料设计，这是一些变化。

2017年设计趋势(翻译于国外设计论坛）（图ZNzUxMjY4NzY=） - 其他平面 - 站酷设计师林鳳原创素材 - 站酷ZCOOL

01.
Semi Flat Design
半平面设计
在过去几年中，平面设计规划了网页设计市场，但现在受到材料设计的影响，它变得越来越多。这种转变从一些光阴影开始，使其成为半平面设计。平面设计从简约风格的演变适合新的开发技术。平面设计仍然在，但它已经经历了一些改进。

平滑的阴影增加了深度和复杂性，而不会破坏平面设计感觉。这是平稳趋势的新特征，并将在2017年继续发展

2017年设计趋势(翻译于国外设计论坛）（图ZNzUxMjY5NTI=） - 其他平面 - 站酷设计师林鳳原创素材 - 站酷ZCOOL

2017年设计趋势(翻译于国外设计论坛）（图ZNzUxMjY5NzI=） - 其他平面 - 站酷设计师林鳳原创素材 - 站酷ZCOOL

2017年设计趋势(翻译于国外设计论坛）（图ZNzUxMjY5ODg=） - 其他平面 - 站酷设计师林鳳原创素材 - 站酷ZCOOL

02.
Cinemagraphs
电影片段
Cinemagraphs不是我们在网络上看到的常规gif。电影仍然是少量元素移动的图像。这种技术使一个简单的照片变得现实，使其生活。

2017年设计趋势(翻译于国外设计论坛）（图ZNzUxMjcwOTY=） - 其他平面 - 站酷设计师林鳳原创素材 - 站酷ZCOOL

2017年设计趋势(翻译于国外设计论坛）（图ZNzUxMjcyMTY=） - 其他平面 - 站酷设计师林鳳原创素材 - 站酷ZCOOL

2017年设计趋势(翻译于国外设计论坛）（图ZNzUxMjcyMTI=） - 其他平面 - 站酷设计师林鳳原创素材 - 站酷ZCOOL

2017年设计趋势(翻译于国外设计论坛）（图ZNzUxMjcyMjQ=） - 其他平面 - 站酷设计师林鳳原创素材 - 站酷ZCOOL

03.
More 3D
更多3D
3D绝对是我们的方式，我们将在所有设计领域看到它的影响力。随着VR / AR革命的迅速发展，这一领域正在快速发展。

2017年设计趋势(翻译于国外设计论坛）（图ZNzUxMjcyNTY=） - 其他平面 - 站酷设计师林鳳原创素材 - 站酷ZCOOL

2017年设计趋势(翻译于国外设计论坛）（图ZNzUxMjcyNjg=） - 其他平面 - 站酷设计师林鳳原创素材 - 站酷ZCOOL

2017年设计趋势(翻译于国外设计论坛）（图ZNzUxMjcyNzY=） - 其他平面 - 站酷设计师林鳳原创素材 - 站酷ZCOOL

2017年设计趋势(翻译于国外设计论坛）（图ZNzUxMjcyNjQ=） - 其他平面 - 站酷设计师林鳳原创素材 - 站酷ZCOOL

2017年设计趋势(翻译于国外设计论坛）（图ZNzUxMjcyNzI=） - 其他平面 - 站酷设计师林鳳原创素材 - 站酷ZCOOL

04.
Animations
动画
动画在网页设计中越来越多，他们可以是gif，SVG，WebGL CSS或视频。
动画绝对是去年网页设计趋势中最大的事情之一，所以请不要犹豫。

2017年设计趋势(翻译于国外设计论坛）（图ZNzUxMjczMTI=） - 其他平面 - 站酷设计师林鳳原创素材 - 站酷ZCOOL

2017年设计趋势(翻译于国外设计论坛）（图ZNzUxMjczNjA=） - 其他平面 - 站酷设计师林鳳原创素材 - 站酷ZCOOL

2017年设计趋势(翻译于国外设计论坛）（图ZNzUxMjczNTY=） - 其他平面 - 站酷设计师林鳳原创素材 - 站酷ZCOOL

2017年设计趋势(翻译于国外设计论坛）（图ZNzUxMjczNTI=） - 其他平面 - 站酷设计师林鳳原创素材 - 站酷ZCOOL

05.
Landing Pages
登录页面
在2017年，由于营销目的的潜力和他们更好地瞄准访客的能力，登陆页面将会增加。

06.
Geometric Shapes, Patterns, Lines and Circles
几何形状，图案，线条和圆圈
这种趋势始于2016年，一定会在2017年继续。您可以通过添加一些现代形状，无论是平坦的还是柔和的阴影，可以个性化一个网站。

2017年设计趋势(翻译于国外设计论坛）（图ZNzUxMjc3MDQ=） - 其他平面 - 站酷设计师林鳳原创素材 - 站酷ZCOOL

2017年设计趋势(翻译于国外设计论坛）（图ZNzUxMjc3MDA=） - 其他平面 - 站酷设计师林鳳原创素材 - 站酷ZCOOL

2017年设计趋势(翻译于国外设计论坛）（图ZNzUxMjc3NTI=） - 其他平面 - 站酷设计师林鳳原创素材 - 站酷ZCOOL

07.
Courageous Colors
勇敢(大胆）的色彩
使用粗体进行声明。材料设计和平面设计完美地与大胆的颜色。您可以使用Google提供的调色板来选择和配对所需的颜色。

2017年设计趋势(翻译于国外设计论坛）（图ZNzUxMjc4NDg=） - 其他平面 - 站酷设计师林鳳原创素材 - 站酷ZCOOL

2017年设计趋势(翻译于国外设计论坛）（图ZNzUxMjc4OTI=） - 其他平面 - 站酷设计师林鳳原创素材 - 站酷ZCOOL

2017年设计趋势(翻译于国外设计论坛）（图ZNzUxMjc5MDA=） - 其他平面 - 站酷设计师林鳳原创素材 - 站酷ZCOOL

2017年设计趋势(翻译于国外设计论坛）（图ZNzUxMjc4OTY=） - 其他平面 - 站酷设计师林鳳原创素材 - 站酷ZCOOL

8.
Innovative Scrolling and Parallax
创新的滚动和视差
这个视觉想法很棒，可以为任何网站添加一个独特的元素。从多层视差到视频视差，任何事情都是可能的。
认识D.ex多层视差。该产品完全由Milothemes开发，由Loredana Papp和Mihai Baldean领导。它可以在Envato Market / codecanyon.net上购买。

2017年设计趋势(翻译于国外设计论坛）（图ZNzUxMjgyOTY=） - 其他平面 - 站酷设计师林鳳原创素材 - 站酷ZCOOL

2017年设计趋势(翻译于国外设计论坛）（图ZNzUxMjgzMDQ=） - 其他平面 - 站酷设计师林鳳原创素材 - 站酷ZCOOL

09.
Color Transitions
颜色转换
颜色转换是目前最大的趋势之一。从2016年开始，迅速发展，像Instagram这样的大牌决定将他们的标志和图像从平面颜色改为多色转换。从徽标到按钮或图片叠加，这种趋势无处不在。

2017年设计趋势(翻译于国外设计论坛）（图ZNzUxMjgzODg=） - 其他平面 - 站酷设计师林鳳原创素材 - 站酷ZCOOL

10.
Mobile Browsing (Responsive Design)
手机浏览（响应式设计）
2015年和2016年移动浏览带来了相当大的增长。平板电脑和智能手机现在是浏览超越台式机，笔记本电脑和平板电脑的网站的首选，而这一趋势将会持续下去。任何不专注于响应式网页设计的网站都需要升级asap！

2017年设计趋势(翻译于国外设计论坛）（图ZNzUxMjg0OTY=） - 其他平面 - 站酷设计师林鳳原创素材 - 站酷ZCOOL

11.
Custom Graphics and Illustrations
自定义图形和插图
库存照片仍然很受欢迎，但2016年新增趋势将大幅增长，2017年将增加：使用定制图形和插图。如果您想要一个独特的网站，任何访客都会记住，请联系数字设计师。所以，少库存和更原始，独特的图像。

2017年设计趋势(翻译于国外设计论坛）（图ZNzUxMjg2NDA=） - 其他平面 - 站酷设计师林鳳原创素材 - 站酷ZCOOL

2017年设计趋势(翻译于国外设计论坛）（图ZNzUxMjg2NTY=） - 其他平面 - 站酷设计师林鳳原创素材 - 站酷ZCOOL

12.
Creative Use of Neutral Space and Grid
创造性地使用中性空间和网格
在过去几年中，网页设计已经适应于组织柱和网格，但在2016年，我们看到了不规则层次和超现代设计的相当大的转变。

2017年设计趋势(翻译于国外设计论坛）（图ZNzUxMjg3NTY=） - 其他平面 - 站酷设计师林鳳原创素材 - 站酷ZCOOL

13.
Storytelling
故事
网站现在开始讲故事来说服客户留在页面上。人们倾向于通过阅读简单的信息来保留比故事更多的故事。。

14.
Lazy Loading
延迟加载
延迟加载延迟加载图片的长网页,基本上它允许信息出现在需要的点。

2017年设计趋势(翻译于国外设计论坛）（图ZNzUxMjg3OTI=） - 其他平面 - 站酷设计师林鳳原创素材 - 站酷ZCOOL

15.
Split Content
拆分内容
分离的内容在响应式网页设计中变得流行，它将屏幕分成两部分或更多部分。分屏网站将在一个页面上向观众显示几个同样重要的消息。这一趋势自2015年年底以来一直在上升，但在2017年将会进一步增长，很可能在许多网站上遇到。

2017年设计趋势(翻译于国外设计论坛）（图ZNzUxMjg5NDA=） - 其他平面 - 站酷设计师林鳳原创素材 - 站酷ZCOOL

16.
Full-Screen Forms
全屏格式
由于新网站配备了适用于响应式设计的全屏格式，因此无需另行填写表格。

2017年设计趋势(翻译于国外设计论坛）（图ZNzUxMjkwNjA=） - 其他平面 - 站酷设计师林鳳原创素材 - 站酷ZCOOL

17.
Videos Everywhere
视频无处不在
视频内容在去年有所增加，人们正在要求高质量的视频讲述故事。在网站上显示的视频可以缩短并循环播放，显示产品或大型电影项目，使观众对故事感兴趣。

2017年设计趋势(翻译于国外设计论坛）（图ZNzUxMjkyMDg=） - 其他平面 - 站酷设计师林鳳原创素材 - 站酷ZCOOL

18.
SEO is Important
SEO是重要的
搜索引擎优化在一个网站上非常重要，所以一个漂亮的网站没有一个很好的SEO可能会被遗留下来。

2017年设计趋势(翻译于国外设计论坛）（图ZNzUxMjkyNDQ=） - 其他平面 - 站酷设计师林鳳原创素材 - 站酷ZCOOL

19.
Hidden Navigation
隐藏导航
汉堡包菜单创造了许多赞成和争议的争论，说明了用户如何找到菜单是多么困难，但有一件事是肯定的 - 这种趋势在这里留下来，人们最终会习惯它们。

2017年设计趋势(翻译于国外设计论坛）（图ZNzUxMjkzMTY=） - 其他平面 - 站酷设计师林鳳原创素材 - 站酷ZCOOL

20.
Tiny Design Detailsd
细微的设计细节
今年对细节的关注是非常重要的。从小细节，如导航点到角标志，专注于小细节，以完成工作。

2017年设计趋势(翻译于国外设计论坛）（图ZNzUxMjk1NTI=） - 其他平面 - 站酷设计师林鳳原创素材 - 站酷ZCOOL

2017年设计趋势(翻译于国外设计论坛）（图ZNzUxMzAxMjA=） - 其他平面 - 站酷设计师林鳳原创素材 - 站酷ZCOOL

21.
Logo Design Trends
标志设计趋势
21.1. Minimalist
极简主义者
由于所有的大品牌都转向了一个更简单，最小的设计，这种趋势在此停留。

2017年设计趋势(翻译于国外设计论坛）（图ZNzUxMzAyODA=） - 其他平面 - 站酷设计师林鳳原创素材 - 站酷ZCOOL

21.2. Hand drawn
手绘
这是一个几年来一直处于关注焦点的趋势，非常适合“时尚”业务。这种风格用于咖啡厅 - 餐厅行业，理发店或艺术和手工艺品。

2017年设计趋势(翻译于国外设计论坛）（图ZNzUxMzAzNzI=） - 其他平面 - 站酷设计师林鳳原创素材 - 站酷ZCOOL

21.3. Negative space
负空间
这是一个古老的趋势，但在过去几年中，我们看到它再次出现，仅在2017年才会增长，所以绝对值得关注。

2017年设计趋势(翻译于国外设计论坛）（图ZNzUxMzA1NjQ=） - 其他平面 - 站酷设计师林鳳原创素材 - 站酷ZCOOL

21.4.Cropping
裁剪
裁剪这一趋势是最小的事情,就足以知道什么是标志,仅此而已。

2017年设计趋势(翻译于国外设计论坛）（图ZNzUxMzA2Mjg=） - 其他平面 - 站酷设计师林鳳原创素材 - 站酷ZCOOL

21.5. Geometric
几何
这个趋势肯定是老派，但它只是其中一种永远不会死的风格。

2017年设计趋势(翻译于国外设计论坛）（图ZNzUxMzA3NDA=） - 其他平面 - 站酷设计师林鳳原创素材 - 站酷ZCOOL

21.6. Line art
线条艺术
这种趋势在新兴和现代企业中颇受欢迎。

2017年设计趋势(翻译于国外设计论坛）（图ZNzUxMzA5MTY=） - 其他平面 - 站酷设计师林鳳原创素材 - 站酷ZCOOL

21.7. Pattern
模式
模式是一种新趋势，这种重复是使企业脱颖而出的独特方式。这个原始趋势也可以在标志的演示中使用。

2017年设计趋势(翻译于国外设计论坛）（图ZNzUxMzA5NDA=） - 其他平面 - 站酷设计师林鳳原创素材 - 站酷ZCOOL

21.8. Animated logos
动画标志
运动设计今年是一个巨大的趋势，我们可以在所有设计领域找到它。

2017年设计趋势(翻译于国外设计论坛）（图ZNzUxMzA5ODg=） - 其他平面 - 站酷设计师林鳳原创素材 - 站酷ZCOOL

2017年设计趋势(翻译于国外设计论坛）（图ZNzUxMzEwMTI=） - 其他平面 - 站酷设计师林鳳原创素材 - 站酷ZCOOL

2017年设计趋势(翻译于国外设计论坛）（图ZNzUxMzEwMTY=） - 其他平面 - 站酷设计师林鳳原创素材 - 站酷ZCOOL

21.9. Vintage
复古
复古风格仍然存在。即使这种趋势已经存在了一段时间，仍然有一些话要说。

2017年设计趋势(翻译于国外设计论坛）（图ZNzUxMzEwNjA=） - 其他平面 - 站酷设计师林鳳原创素材 - 站酷ZCOOL

21.10. Color Transitions
颜色转换
今年的颜色转换无处不在 - 即使在标志中也是如此。

2017年设计趋势(翻译于国外设计论坛）（图ZNzUxMzExMTI=） - 其他平面 - 站酷设计师林鳳原创素材 - 站酷ZCOOL

21.11. Illustrations in logos
徽标插图
插图是给企业标志独特和个性化的好方法。他们今年越来越受欢迎。

2017年设计趋势(翻译于国外设计论坛）（图ZNzUxMzExODg=） - 其他平面 - 站酷设计师林鳳原创素材 - 站酷ZCOOL

21.12. Photography in logos
摄影的标志
图像与排版的混合现在真的很热。他们在一起工作非常好，它们之间形成对比。

2017年设计趋势(翻译于国外设计论坛）（图ZNzUxMzEzMjA=） - 其他平面 - 站酷设计师林鳳原创素材 - 站酷ZCOOL

22.
Typography Trends
排版趋势
22.1. Big, bold & beautiful typography
大，大胆和美丽的排版
排版可能是创造优秀设计中最重要的部分。今年的排版将会大胆大方，具有声明。。

2017年设计趋势(翻译于国外设计论坛）（图ZNzUxMzE0NjQ=） - 其他平面 - 站酷设计师林鳳原创素材 - 站酷ZCOOL

2017年设计趋势(翻译于国外设计论坛）（图ZNzUxMzE1MjQ=） - 其他平面 - 站酷设计师林鳳原创素材 - 站酷ZCOOL

2017年设计趋势(翻译于国外设计论坛）（图ZNzUxMzE1MzY=） - 其他平面 - 站酷设计师林鳳原创素材 - 站酷ZCOOL

22.2. Color transitions in typography
排版中的颜色转换
插图是给企业标志独特和个性化的好方法。他们今年越来越受欢迎。

2017年设计趋势(翻译于国外设计论坛）（图ZNzUxMzE2MDA=） - 其他平面 - 站酷设计师林鳳原创素材 - 站酷ZCOOL

22.3. Visual hierarchy
视觉层次结构
排版层次在所有设计领域都是非常重要的。字体的大小和重量可以很容易地指出哪些单词或字母是最重要的，所以在创建文本时要记住这一点。您还必须记住，您可以通过文本的位置和颜色实现伟大的视觉层次。

2017年设计趋势(翻译于国外设计论坛）（图ZNzUxMzE3MjA=） - 其他平面 - 站酷设计师林鳳原创素材 - 站酷ZCOOL

22.4. Tiny Typography
微小的字体
超小文本通常被负空间包围，但是您可以创建颜色或图像之间的对比度，使其更加可见。您还可以使用动画来帮助它脱颖而出。

2017年设计趋势(翻译于国外设计论坛）（图ZNzUxMzE4MjQ=） - 其他平面 - 站酷设计师林鳳原创素材 - 站酷ZCOOL

2017年设计趋势(翻译于国外设计论坛）（图ZNzUxMzE5MjQ=） - 其他平面 - 站酷设计师林鳳原创素材 - 站酷ZCOOL

2017年设计趋势(翻译于国外设计论坛）（图ZNzUxMzE5Mjg=） - 其他平面 - 站酷设计师林鳳原创素材 - 站酷ZCOOL

2017年设计趋势(翻译于国外设计论坛）（图ZNzUxMzE5MzI=） - 其他平面 - 站酷设计师林鳳原创素材 - 站酷ZCOOL

22.5. Animated Typography
动画排版
动画甚至在排版中都是无处不在的。如果你使用柔软的动作，那你今年不会出错。

2017年设计趋势(翻译于国外设计论坛）（图ZNzUxMzIwNzI=） - 其他平面 - 站酷设计师林鳳原创素材 - 站酷ZCOOL

22.6. Typography meets photography
排版满足摄影
文字和摄影之间的组合可以实现伟大的外观。看看这些伟大的例子。

2017年设计趋势(翻译于国外设计论坛）（图ZNzUxMzIyMDg=） - 其他平面 - 站酷设计师林鳳原创素材 - 站酷ZCOOL

2017年设计趋势(翻译于国外设计论坛）（图ZNzUxMzIyNDA=） - 其他平面 - 站酷设计师林鳳原创素材 - 站酷ZCOOL

22.7. Geometric shapes and typography
几何形状和排版
几何形状和字体几何形状也可以结合排版也达到一个现代的结果。

2017年设计趋势(翻译于国外设计论坛）（图ZNzUxMzIyNjg=） - 其他平面 - 站酷设计师林鳳原创素材 - 站酷ZCOOL

2017年设计趋势(翻译于国外设计论坛）（图ZNzUxMzIyODA=） - 其他平面 - 站酷设计师林鳳原创素材 - 站酷ZCOOL

2017年设计趋势(翻译于国外设计论坛）（图ZNzUxMzIyODQ=） - 其他平面 - 站酷设计师林鳳原创素材 - 站酷ZCOOL

22.8. Font pairing
字体配对
今年使用两种或更多字体在一起仍然趋势。查看下面的例子有一些有趣的配对，将帮助您的项目。

2017年设计趋势(翻译于国外设计论坛）（图ZNzUxMzIzMjQ=） - 其他平面 - 站酷设计师林鳳原创素材 - 站酷ZCOOL

2017年设计趋势(翻译于国外设计论坛）（图ZNzUxMzIzOTI=） - 其他平面 - 站酷设计师林鳳原创素材 - 站酷ZCOOL

作者：Loredana Papp-Dinea
合作作者：Mihai Baldean
---------------------------------
感谢您的关注，如果您喜欢文章，请欣赏
或与世界分享。

声明

原创作品平面其他平面