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

林鳳

北京/设计爱好者/8年前/2815浏览

版权

林鳳

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

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

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

01.
Semi Flat Design<br>半平面设计<br>在过去几年中，平面设计规划了网页设计市场，但现在受到材料设计的影响，它变得越来越多。这种转变从一些光阴影开始，使其成为半平面设计。平面设计从简约风格的演变适合新的开发技术。平面设计仍然在，但它已经经历了一些改进。<br><br>平滑的阴影增加了深度和复杂性，而不会破坏平面设计感觉。这是平稳趋势的新特征，并将在2017年继续发展

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

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

Collect

Collect

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

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

Collect

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

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

Collect

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

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

Collect

05.
Landing Pages<br>登录页面<br>在2017年，由于营销目的的潜力和他们更好地瞄准访客的能力，登陆页面将会增加。<br><br><br><br>06.<br>Geometric Shapes, Patterns, Lines and Circles<br>几何形状，图案，线条和圆圈<br>这种趋势始于2016年，一定会在2017年继续。您可以通过添加一些现代形状，无论是平坦的还是柔和的阴影，可以个性化一个网站。<br><br>

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

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

Collect

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

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

Collect

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

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

Collect

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

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

Collect

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

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

Collect

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

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

Collect

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

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

Collect

13.
Storytelling<br>故事<br>网站现在开始讲故事来说服客户留在页面上。人们倾向于通过阅读简单的信息来保留比故事更多的故事。。<br><br><br><br>14.<br>Lazy Loading<br>延迟加载<br>延迟加载延迟加载图片的长网页,基本上它允许信息出现在需要的点。

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

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

Collect

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

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

Collect

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

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

Collect

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

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

Collect

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

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

Collect

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

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

Collect

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

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

Collect

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

Collect

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

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

Collect

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

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

Collect

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

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

Collect

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

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

Collect

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

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

Collect

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

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

Collect

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

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

Collect

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

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

Collect

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

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

Collect

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

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

Collect

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

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

Collect

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

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

Collect

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

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

Collect

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

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

Collect

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

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

Collect

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

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

Collect

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

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

Collect

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

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

Collect

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

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

Collect

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

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

Collect

Report

声明

原创Works 平面其他平面