2017年设计流行趋势——界面设计

前两天在behance上读了一篇关于2017年设计流行趋势分析的文章,现在分三期翻译,本文也会结合一些我的个人观点,在这里跟大家一起分享。

设计流行趋势会受到媒介、技术、时尚业和最近可用性的影响。流行趋势是逐渐缓慢出现的,进而扩散到其他设计分支,然后又会以同样的方式消失。基本上一种设计趋势的生命力大概是1-2年。2017年将会继续延续2016年的流行趋势,同时会增加一些新的变化,但是这种感觉我们都众所周知和熟悉,而且你在过去的几年里也见到过。主要的影响者仍然是谷歌的Material design。

1.半扁平化设计

在过去的几年里,扁平化设计几乎统治了界面设计(网页与移动端APP界面),但是现在受material design的影响而变得更加多维度。这种转变伴随着一些光线,阴影,从而成为了半扁平设计。扁平设计依然存在,但是他经历了一些改进。从极简主义风格的扁平化设计演变适应新技术的发展,平滑的阴影增加了深度和复杂性,而又不会破坏扁平设计的感觉。


2.动态静图

动态静图不同于我们在网站上常见的传统GIF图片。这种图里只有一个元素是动的,其他都是静态。这种技术使得简单的照片更加真实的出现在我们的生活中。


3.更多的3D

3D绝对是我们的方向,我们将看到它在所有设计领域的影响力。随着VR / AR革命迅速建立势头,这个领域正在演变相当快。


4.动画

动画是去年网页设计流行趋势最大的事情之一,GIF/svg/Web GL ss或者是视频,越来越多的出现在web与移动端的设计中。


5.loading页面

潜在的营销目的和为更好的针对用户体验产品,2017年我们会看到更多的loading页面设计。

6.几何图形,图案,线条和圆

这种始于去年的流行趋势在今年将会继续的延续,我们可以看到个性化的网站设计都会加入一些图形,不管是平面的还是带有一些平滑阴影。


7.鲜艳的颜色

使用鲜艳的颜色来表现,material design和flat design通过鲜艳的颜色完美的结合,你可以使用谷歌提供的调色板,来选择和配对你想要的颜色。


8.创新滚动和视差

这个视觉的想法是非常棒的,添加一个独特的元素到任何网站。从多层视差到视频视差,一切变得皆有可能。

在WordPress插件中,允许你用一个或者更多图层创建漂亮的视差。用你想要的方式合并和创建图层。我们创建了12中不同的例子来引导你从第一步到美丽的多层世界。来玩图层吧~



9.颜色渐变

渐变色是目前最流行的设计趋势。在从2016年Instagram更换logo以后,这种风格影响开始变得越来越强大。从logo到button或者图片的覆盖,这种流行趋势开始无处不在。


10.响应式设计

2015和2016年移动浏览量增加。平板电脑和智能手机是浏览页面和网站的首选入口,而且这种趋势还会持续下去。任何网站不专注于响应网页设计需要尽快升级!

11.自定义图形和插画

相片仍然是非常受欢迎的,但定制图形和插图的使用,在2016年有明显着增长,并且在2017还有会更多。如果你想要一个任何访问者都能记住的网站,那就联系设计师,少用素材,多原创独特的形象。


12.留白与网格

在过去几年中,网页设计大多采用有组织有序的网格设计,但在2016,我们看到了一个相当大的转变,不规则层和超现代设计。

13.讲故事

网站用讲故事的方式,说服客户留在页面上。故事性的吸引比阅读简单信息更有趣。

14.延迟加载

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


15.拆分内容

拆分内容在响应式网页设计中越来越流行,它将屏幕分成两个或两个以上的部分。一个分屏网站将在一个页面上向观众展示几个同样重要的信息。这种趋势自2015年底开始流行,在2017它将进一步增长,并可能在许多网站上看到。


16.全屏形式

不需要去另一个页面填写一个表格,因为新的网站都配备了全屏幕形式,适应响应设计。

17.视频无处不在

视频内容在去年增加,人们要求高质量的视频来讲故事。在网站上用视频展示产品的视频项目,这能吸引用户关注。



18.SEO的重要性

SEO(搜索引擎优化),在网站中非常重要,一个漂亮的网站没有好的SEO那就是落后于包装。形式高于内容的表现。

19.隐藏导航

汉堡包菜单创建许多赞成和反对的争论,tusers找到菜单是多么的难,但有一点是肯定的-这种趋势是在这里留下来的人最终会习惯它。


20.微小的细节设计

关注细节的设计,真的很重要。小细节(如导航点到角落的标志)专注于小细节,直至完成工作。


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,456评论 5 477
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,370评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,337评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,583评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,596评论 5 365
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,572评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,936评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,595评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,850评论 1 297
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,601评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,685评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,371评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,951评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,934评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,167评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 43,636评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,411评论 2 342

推荐阅读更多精彩内容