恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
指南 | 2017设计新趋势(上)
0.0°
2017-03-29 自译外文 设计趋势 原作者: Loredana Papp-Dinea 举报 4024 48 33 0

好东西不怕迟到~

众所周知,设计趋势受到媒体、技术、时尚业以及时下可用性的影响。变化的趋势逐渐缓慢,同时逐渐地进入所有设计分支,然后以完全相同的方式消失。基本上设计趋势的生命不超过一两年。2017年的设计趋势将继续在2016年实现的基础上变化成长,同时势必也会增加一些新的影响,但感觉可能是大同小异或者说有些似曾相识,你可能已经看到它在过去几年在网页设计上面已经有所应Google的Material Design依然延续它主要影响者的地位,不过不可避免的,还是受到了一些影响而变化。


1

扁平化设计

在过去几年中,扁平化设计统治了网页设计市场,但现在,受到Material Design的影响,它的尺寸越来越大。 这种过渡从一些光影开始,使其成为半扁平化设计。 半扁平化设计从简约风格的演变适应新的发展技术。 不过,扁平化设计还在,但它已经经历了一些改进。

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

Image title

Project || Resourсe | UI/UX Tool for Web Services

Author || Ruslan Latypov; LS Graphics; Anton Mishin; Valery Gurkov

Image title

Image title

Project ||  Listener's Playlist

Author || Anzi .


2

Cinemagraphs

Cinemagraphs不是我们在一版网页设计中看到的常规GIF。 Cinemagraphs是静止图像,但是吸睛的地方在于有少量元素在其中移动。 这种技术使一个简单的照片更逼真,把它带到生活。

Image title

Image title

Image title

Image title


3

More 3D

3D绝对是设计演进变化趋势前进的方向,我们将看到它在所有设计领域的影响。 尤其随着VR / AR正值势头强劲之时,该设计趋势的发展将会更快。

Image title

Project || LUV.IT

Author || AARON MARTINEZ

Image title

Project ||  Open Annual Awards

Author || TAVO

Image title

Project || Air Max '17

Author || Berd -; Lukas Vojir; mark haley; Oliver Harris; Jeff Thomson

Image title


Project: Better You Brand

Author: Craig Minchington; Satellite Office; Brand Nu


4

动效

动效在网页设计中的运用越来越频繁,也越来越广泛,它们可以是gif,SVG,WebGL CSS或视频。动画肯定是去年网络设计趋势中最大的一个,所以不要犹豫使用它们。


Image title

Project: Nickelodeon Kids Pick The President

Author: JeanPierre Le Roux

Image title

Project: AR Virtual Fitness Coach App | AR 虚拟健身教练

Author: 曲 植Daz_Qu

Image title

Project: UI Collection in Motion

Author: Minh Pham


5

登入页面

在2017年,我们会看到登入页面由于其在营销目的的潜力以及能更好地瞄准访问者的能力而义军突起。

Image title



6

几何形状,点、线、面

这个趋势开始于2016年,一定会在2017年继续延续他的风格。他独特的风格在于,设计师可以通过添加一些简单的现代形状,平面或用柔和的阴影来使网站更具个性化和独特性。


Image title

Project: Pfizer - Active and 50+ for The New York Times

Author: justyna stasik; Vladimir Marchukov

Image title

Project: DRAP.agency Branding

Mireldy Design; Filip Gjurin

Image title



7

配色大胆

在过去几年中,扁平化设计统治了网页设计市场,但现在,受到Material Design的影响,它的尺寸越来越大。这种过渡从一些光影开始,使其成为半扁平化设计。半扁平化设计从简约风格的演变适应新的发展技术。不过,扁平化设计还在,但它已经经历了一些改进。

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


Image title

Image title

Project: Edris - Logo Designed by MiLo

Author: Loredana Papp-Dinea; Mihai Baldean; Milo Themes

Image title

Project: Rendered — Responsive Demo Website for Adobe

Author:Serge Vasil

Image title

Project: b2mach

Authors: Natalia Żerko; Kuba Enzowski; Kommunikat Studio


8

创意滚动及视觉差

这个对视觉所做调整的想法或者说点子简直可以说是伟大的,你可以添加一个唯一的元素到任何网站。从多层视差到视频视差,使得在网页上面呈现任何东西都成为可能并且极富活力。

Image title

Image title

Purchase D.ex Multilayer Parallax for WordPress


9

颜色渐变

渐变色的应用是目前最大的趋势之一。它始于2016年,并成长速度惊人,使得像Instagram这样的大品牌决定将他们的标志和图像从平面颜色更改为多颜色过渡。从标志,按钮或图片叠加,这个趋势无处不在。

Image title



10

移动端浏览

2015年至2016年是网站移动端浏览极为强盛的一个阶段,移动端的浏览量取得了相当大的增长。甚至于平板电脑和智能手机现在浏览网站的数据超越了台式机,成为除了笔记本电脑和平板电脑的第一选择,并且这种趋势将继续。可以说任何目前不专注于响应式网页设计的网站都面临着升级!


Image title

Project: Responsive Website Animation

Author: Muharrem Senyil



图文源:Behance 

https://www.behance.net/gallery/47810259/2017-Design-Trends-Guide

Author: Loredana Papp-Dinea

Co-Author: Mihai Baldean



我们确信

每个人都是一个金子

我们相信

这里可以铸造一个闪亮的你

我们坚信

这里可以让你放射无限光芒



更新:2017-03-29

收藏

48人已收藏

酷九合金社

qq交流群:423655278 微信:conineacademy

  • 149

    作品

  • 6118

    粉丝

  • 16

    关注

  • 严选 | Mockups免费资源网站
  • 五月归来,看小伙伴们锋芒毕现
  • 不仅是设计,更是做人
  • 要始终坚持对美好事物的追求

    猜你喜欢

      2017-03-29 自译外文 设计趋势 原作者: Loredana Papp-Dinea 举报 4024 48 33 0

      指南 | 2017设计新趋势(上)

      0.0°

      你确定要举报指南 | 2017设计新趋势(上)

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2017年03月13日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      33
      48
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录