2017年设计趋势(一)

每年我们都会学到一些关于设计的新知识,2016也没有什么不同。“去年的文章已经如此的成功,我们决定2017做一些预测,所以让我们开始吧!

设计趋势受到媒体、技术、时装行业和最近可用性的影响。一种趋势慢慢地、逐渐地、逐渐地进入所有的设计分支,然后以完全相同的方式消失。基本上,设计潮流的寿命不超过一年或两年。2017的设计将继续在2016实现的基础上变化成长,同时添加一些新的影响,但这种感觉是众所周知的,熟悉的,你可能已经看到它在过去的几年。主要影响者仍然是谷歌的 Material Design,受一些变化。

【文章目录】点击目录直通车

01 半扁平化设计                            02 局部动态照片                         03 更多的3D

04 动画                                          05 登录页                                   06 几何图形,图案、线、圆

07 大胆的用色                               08 创意滚动和视觉差                  09 渐变色(微渐变)

10 移动浏览(响应式设计)           11 个性化图形和插图                     12 中性空间与网格的创造性运用

13 讲故事                                      14 延迟加载                                15 拆分内容

16 全屏幕形式                               17 视频无处不在                           18 SEO(搜索引擎优化)

19 隐藏导航                                   20 微小的细节设计                      21 logo设计趋势

22 字体设计趋势

 

01 半扁平化设计

在过去的几年中,扁平化设计统治了网页设计市场,但现在,受Material Design的影响,它变得更加立体化。这种转变从一些光影开始,使它成为一个半扁平化设计。扁平化设计从极简主义风格的演变适合新开发的技术。扁平化设计仍在,但它已经发生了一定程度的改善。

光滑阴影增添了扁平化设计的深度和复杂性,而又不破坏扁平化设计的感觉。这是一个新的功能添加到扁平化的趋势,并将继续发展在2017。

Project: Resourсe | UI/UX Tool for Web Services
Author: Ruslan Latypov; LS Graphics; Anton Mishin; Valery Gurkov

Author: Anzi .

 

02 局部动态图片

Cinemagraphs不像我们平常在网页中看到的那种GIF。Cinemagraphs是静态图片中保持着画龙点睛的局部元素在移动的图像。这种技术使一个简单的照片更逼真,使之更加贴近我们的生活。

 

03 更多3D

3D正朝着我们的方向大步走来,我们将看到它在所有设计领域的影响。随着VR / AR革命迅速建立势头,这个领域正在迅速发展。

Project: LUV.IT
Author:  AARON MARTINEZ

 

 

Author: TAVO

Author: TAVO

 

 

04 动画

动画在网页设计中越来越多的出现,他们可以gif,SVG,WebGL CSS或视频。动画是一个在去年的网页设计的趋势是最大的事情,所以不要犹豫去使用它们。

 

 

 
Author: Minh Pham

 

 

 

05 登录页
在2017,我们将看到登陆页面的上升,因为它们在营销目的方面的潜力和更好的把握定位访问者的能力。

 

06 几何图形,图案、线、圆

这一趋势始于2016,并将在2017继续得到延续。你可以通过添加一些比较简单现代的形状,平面或者是软的阴影来彰显网站个性化。

 

 

 

07 大胆用色

使用大胆的颜色来做陈述。Material design和扁平化设计完美搭配大胆的色彩。你可以使用Google提供的调色板来选择和选择你想要的颜色。

 

 

 

 

 

 

 

 

08 创意滚动和视觉差

这是很棒的视觉主意,它将独特的元素添加到任何网站。从多图层视差到视频视差,一切皆有可能。

看看D.ex Multilayer Parallax。这个产品是完全由 Milothemes在Loredana Papp和 Mihai Baldean的带领下开发的。它在Envato Market / codecanyon.net上可以买到。

它是一个 WordPress 插件,能让你用一个以上的图层创建美丽的视差作品。勇于创新,以任何你想要的风格组合图层。我们创建了12 个不同的例子,来引导你走向美丽的多层世界的第一步。来和图层一起玩吧。

Purchase D.ex Multilayer Parallax for WordPress
09 渐变色(微渐变)

微渐变是目前最大的趋势之一。从2016年开始并迅速发展,像Instagram这样的大公司决定将他们的商标和图像从一个扁平的单一颜色转变为一个多色的过渡。从logo到按钮或图片叠加层,这种趋势无处不在。

 

 

10 移动浏览(响应式设计)

2015年和2016年手机浏览量大幅增长。如今,平板电脑和智能手机在浏览超越台式机、笔记本和平板电脑的网站时是首选,而且这种趋势还将继续。任何不专注于响应性web设计的网站都需要尽快升级!

 

11 个性化图形和插图

Stock photos仍然很受欢迎,在2016年有了一个显著增长的新趋势,2017年将会持续发展:使用定制的图形和插图。如果你想要一个用户访问记住的独特的网站,,联系一个数字插画设计师吧。所以,减少的使用图片库;更多使用原创和独特新颖的的图像。

Check out the artist: Margarita Mar

 

未完待续….

 

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

作者: Loredana Papp-Dinea

合著者: Mihai  Baldean

 

发表评论