谈谈2017设计趋势指南

用户头像
成都/设计爱好者/9年前/553浏览
谈谈2017设计趋势指南

2017 在网页设计板块大概会有哪些趋势和方法,看到了这篇不错的文章 ,觉得写的很不错,马虎翻译了一下分享给大家,希望跟大家共同学习,共勉学习到更多设计方法与知识

因为原文比较多 我会分两篇介绍给大家 希望大家多给点鼓励

每年我们学习设计的新东西,2016年没有什么不同。

在去年的文章取得这样的成功后,我们决定在2017年做一些预测,让我们开始吧!

设计趋势受到媒体,技术,时尚业以及最近的可用性的影响。 趋势逐渐缓慢,逐渐地进入所有设计分支,然后以完全相同的方式消失。 基本上设计趋势的生命不超过一两年。 2017年的设计将继续在2016年实现的趋势,同时增加一些新的影响,但感觉是众所周知和熟悉的,你可能已经看到它在过去几年。 主要的影响者仍然是Google的Material Design,它经历了一些变化。


01 半平面设计

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

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


02 电影

Cinemagraphs不是我们在网络上看到的常规GIF。

Cinemagraphs是静止图像,其中有少量元素在其中移动。 这种技术使一个简单的照片更逼真,把它带到生活。


03 更多3D应用

3D绝对是我们的方向,我们将看到它在所有设计领域的影响。

随着VR / AR革命迅速建立势头,这个领域发展很快。


04 动画

动画在网页设计中越来越多,它们可以是gif,SVG,WebGL CSS或视频。

动画肯定是去年网络设计趋势中最大的一个,所以不要犹豫使用它们。

05 登录页

在2017年,由于其具有营销目的的潜力,以及更好地定位访问者的能力,我们将会看到目标网页的数量有所增加。


06 几何形状,样式,线和圈子


这个趋势开始于2016年,一定会在2017年继续。

你可以通过添加一些现代的形状,平面或一个柔和的阴影来个性化网站。


07 大胆用色

材料设计和平面设计完美与大胆的颜色。

建议可以使用Google提供的调色板来选择和配对所需的颜色。


08 创新滚动和视差


这个视觉想法是伟大的,以添加一个唯一的元素到任何网站。

从多层视差到视频视差,任何东西都是可能的。

认识D.ex多层视差。

50d958a15041a801219c77557a99.jpg

s WordPress插件,允许您创建美丽的视差部分多一层。 

创造性,以任何你想要的风格组合图层。 

我们创建12个不同的例子,指导你的第一步到一个美丽的多层世界。

有虚实动感 画面更丰富

a05558a150a9a8012060c84e77d3.jpg

09 颜色渐变

颜色渐变是目前最大的趋势之一。 

从2016年开始,并迅速增长,像Instagram这样的大品牌决定将他们的标志和图像从平面颜色更改为多颜色过渡。 

从标志,按钮或图片叠加,这个趋势无处不在。

特别是注意现在主流的网站都在走大面积渐变色 不像扁平化那样单调 在画面上更有层次 丰富

fd3d58a15176a8012060c8a9e990.jpg

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

2015年和2016年带来了移动浏览的相当大的增长。

现在是平板电脑和智能手机浏览网站量远远超越台式机,其中笔记本电脑和平板电脑的第一选择

 - 这种趋势将继续。 

任何网站不专注于响应式网页设计未来还需要升级!

现在基本做网站都参考做响应式网站,可以多终端适配,更适合用户需求!

8ff458a15281a801219c77bc6f76.jpg


11.自定义图形和插图

股票照片仍然相当受欢迎,但有一个新的趋势在2016年显着增长,将于2017年增加:使用定制的图形和插图。 

不规则图形组成 有意思的板块



12 创造性地使用中性空间和网格

在前几年,网页设计已经适应了有组织的柱和网格,但在2016年,我们看到了向不规则层和超现代设计的相当大的转变。

ad1858a2d369a801219c777219d1.jpg

13. 评书

网站现在开始讲故事,说服客户留在网页上。 

人们倾向于从故事中保留更多的东西,而不是从阅读简单的信息。


14.缓慢加载


延迟加载延迟了长网页中的图像加载,基本上它允许信息出现在需要它的点上。

64b958a2d3e3a801219c77758419.jpg



15 拆分内容

拆分内容在响应式网页设计中变得流行,它将屏幕拆分为两个或更多个部分。

分屏网站将在单个页面上向观看者显示几个同样重要的消息。

这种趋势自2015年末以来呈上升趋势,但2017年将进一步扩大,很可能在许多网站上遇到。




79a558a2d40ea801219c778902b9.jpg


16.全屏表单

无需转到另一个页面填写表单,因为新网站配备了适应响应式设计的全屏格式。

d53f58a2d449a801219c77299f08.jpg


17 视频无处不在

去年的视频内容有所增加,人们要求高质量的视频讲述故事。 

在网站上显示的视频可以很短,并循环播放,显示一个产品或大型电影项目,将保持观众对这个故事感兴趣。

786158a2d486a801219c7764ca8b.jpg


18 SEO的重要性

搜索引擎优化在一个网站是非常重要的,所以一个漂亮的网站没有一个良好的SEO可能只会孤芳自赏。

毫无用处起不到基本的宣传作用

02c058a2d4e3a801219c77fc8542.jpgade758a2d534a801219c77c7c7c6.jpg


19 隐藏导航

汉堡菜单创造了许多亲和的参数,它是多么困难的是用户找到菜单,但有一点是肯定的 - 这种趋势是在这里留下来,人们最终会习惯他们。

853558a2d560a801219c77b18a22.jpg


20 微小的设计细节

今年的重点是细节。

从小细节,如导航点到角标志,专注于小细节,以完成工作。


后面我会更新有关标志设计和排版规律  后期一起分享

9
阅读原文
|
举报
|
10
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
拟物风质感写实UI卡片合集源文件
户外旅行飞机情侣假日出行
【新年UI图标】体育icon
【新年UI图标】会员icon
UI 登录界面设计模板包
Security Camera UI kit
【新年UI图标】30个图标
高级感金属拟物 UI设计组件库
新拟态风格 UI设计组件库
高级表盘系列UI源文件
UI界面 组件
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
钱包ui模板
APP/小程序商业项目UI模板|99个高保真UI+79个原型
【新年UI图标】秒杀icon
我的钱包-UI界面设计-app
3D卡通UI界面图标可爱插画免扣素
【新年UI图标】钱包icon
【新年UI图标】旅行icon
3D渐变流体抽象矢量UI背景图
【新年UI图标】礼物/活动icon
手表表盘UI系列
新能源APP应用UIKit
你可能喜欢
大家都在看
登录注册