第三方帐号登录

第三方帐号登录

使用邮箱登录

找回密码

全站搜索 传播新资讯,发掘源创意!

UI2017 年设计趋势总览

2017-02-23  8297

这是翻译自 Behance 的一篇人气文章!英文很好的朋友们可以移步原文,直接阅读。

【正文开始】

设计趋势受到媒体,技术,时尚行业和实用性的影响。一种趋势的形成是缓慢而渐进的,它以这种方式渗透到设计的所有分支,然后再以同样的方式消失。大体来说,一种设计趋势的寿命不过一两年时间。2017年的设计将继续2016年出现的趋势,同时增加一些新的影响,但这种感觉是众所周知且熟悉的,你可能已经在过去几年看到它。主要影响者仍然是谷歌的Material Design,并产生一些变化。

01 半扁平化设计

在过去的几年里,扁平化设计统治了网页设计市场,但现在,受Material Design的影响,它变得更加立体化。这种转变始于一些轻柔的阴影,使其成为半扁平化设计。从极简主义风格的扁平化设计演变以适应新发展的技术。扁平化设计仍在进行中,但已经经历了一些改进。

轻柔的阴影增加了深度和复杂性,却不会破坏扁平化设计的感觉。这是扁平化趋势新增的一个特征,并将继续在2017演进。

项目: Resourсe | UI/UX Tool for Web Services

作者: Ruslan Latypov; LS Graphics; Anton Mishin; Valery Gurkov

项目: Listener's Playlist

作者: Anzi .

02 动态照片

动态照片不是我们在网上常见的那种GIF。动态照片就是静态的图像中有少量的动态元素。这种技术通过赋予简单的照片以生命,使其更贴近现实。

03 更多的3D

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

项目: LUV.IT

作者: AARON MARTINEZ

项目: Open Annual Awards

作者: TAVO

项目: Air Max '17

作者: Berd -; Lukas Vojir; mark haley; Oliver Harris; Jeff Thomson

项目: NIKE F.C. | 3D Golden balls in the real world

作者: TAVO

项目: Better You Brand

作者: Craig Minchington; Satellite Office; Brand Nu

04 动画

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

动画肯定是在去年的网页设计趋势中最大的事情之一,所以请毫不犹豫地使用它们。

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

作者: 曲植Daz_Qu

项目: UI Collection in Motion

作者: Minh Pham

项目: ZH OURO- Rio 2016

作者: Leo Natsume; Guilherme Maron

05 登录页

在2017,我们将看到着陆页的上升趋势,这是由于它的市场营销潜力和更好定位顾客的能力。

06 几何图形,图案,线条和圆

这一趋势始于2016,并肯定会在2017延续下去。你可以通过添加一些现代化的几何形状来使你的网页更加个性化,无论是扁平的或是带有微投影的。

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

作者: justyna stasik; Vladimir Marchukov

项目: DRAP.agency Branding

作者:Mireldy Design; Filip Gjurin

07 大胆的用色

使用大胆的颜色来强调。大胆的色彩与Material design和扁平化设计相衬得如此完美。可以使用由 Google 提供的调色板来选择和搭配你想要的颜色。

项目: Edris - Logo Designed by MiLo

作者: Loredana Papp-Dinea; Mihai Baldean; Milo Themes

项目: Rendered — Responsive Demo Website for Adobe

Serge Vasil

项目: b2mach

作者: Natalia Żerko; Kuba Enzowski; Kommunikat Studio

08 创新滚动和视差

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

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

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

09 渐变色

渐变色是现在最大的趋势之一。开始于 2016 年,并随后获得迅速增长,像 Instagram这样响当当的品牌,也决定将自己的logo从扁平单一的颜色变成多色渐变。从logo到按钮或是图片叠加层,这一趋势无处不在。

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

移动浏览在2015 年和 2016年获得了可观的增长。超越了台式机、 笔记本电脑,平板电脑和智能手机现在是浏览网站时的第一选择,这种趋势将继续下去。任何不专注于响应设计的网站都需要尽快升级!

项目: Responsive Website Animation

作者: Muharrem Senyil

11 定制图形和插图

Stock photos仍然非常流行,但 2016 年出现了一个显著增长的新趋势,并将在 2017 持续发展: 使用定制的图形和插图。如果你想要一个让访客过目不忘的独特网站,请联系一个数字化设计师。所以,少用Stock photos,多用原创、独特的图像。

作者: Margarita Mar

12 中性空间与网格的创造性运用

前几年 web 设计已适应有组织的列和网格,但在 2016 年,我们看到了大量转向不规则图层和超现代的设计。

13 讲故事

为了使顾客多停留在页面上,网站现在开始讲故事了。相对平铺直叙的信息而言,人们趋向于在故事中获得更多。

14 延迟加载

延迟加载就是延迟加载长网页中的图像,基本上是当需要的时候才让信息出现。

15 拆分内容

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

16 全屏幕形式

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

17 视频无处不在

视频内容在去年增加,人们要求高质量的、有故事的视频。在网站上播放的视频是短而循环的,展示产品或大型电影项目,这将使观众对故事保持兴趣。

项目: Hillsong

作者: Ruslan Siiz

18 SEO 很重要

搜索引擎优化在一个网站中是非常重要的,一个漂亮的网站没有一个良好的SEO很可能会被抛在后面。

19 隐藏导航

就用户找到菜单有多难这点,汉堡菜单引发了许多赞成和反对的争论,但有一点是肯定的——这种趋势将会留下来,并且人们最终会习惯它。

20 微小的细节设计

今年关注细节真的很重要。从小细节,如导航点到角落的标志,专注于小细节,以更好完成工作。

项目: Barometa - Next-generation Job Platform

作者: Netguru Team; Łukasz Pachytel

作者: Konstantin Zhenchur

21 logo设计趋势

21.1 极简主义

随着所有大品牌都切换到更简约的、 最小的设计,这一趋势将保留下去。

作者: Mingo Ideas Up

21.2 手绘

这是一个在聚光灯下存在了几年的趋势,它完全符合“潮人”业务。这种风格用于咖啡餐饮业、理发行业或艺术和工艺品行业。

作者: Sam Healy

21.3 负空间

这是一个古老的趋势,但在过去的几年中,我们看到它再次出现,它只会在2017增长,所以它肯定是值得关注的。

21.4 裁剪

这种趋势追求尽可能的简洁,只展示到足够知道一个标志是什么,没有更多。

作者: Aleksandr Maksimov

21.5 几何

这种趋势肯定是老派的,但它是那些永远不会过时的样式之一。

作者: Mingo Ideas Up

21.6 线条艺术

这种趋势在新兴、现代的商业中很流行。

作者 : Sam Healy; Andrea Schlaffer; Jacek Janiczak

21.7 图案

图案是一种新的趋势,这种重复是让企业脱颖而出的独特方式。这种原始的趋势也可用于徽标的演示文稿。

作者: Nick Edlin; Stanislav Aleynikov; Lucas Gil-Turner

21.8 动画logo

运动的设计是今年一大趋势,我们可以在所有的设计领域中找到它。

作者: Javier Miranda Nieto; The Woork Co

21.9 复古

复古风格仍在。即使这种趋势已经存在了一段时间,它仍然有一些可以说。

作者: Роман Додонов; Mingo Ideas Up; Will Try Further

21.10 渐变色

渐变色今年无处不在——即使是logo。

作者: Mingo Ideas Up

21.11 logo中的插画

插图是使企业logo给人留下独特、个性印象的好办法。今年他们变得越来越流行。

作者: Bodea Daniel; Jacek Janiczak

21.12 logo中的摄影

图像与排版的组合现在实在太热了。他们一起配合得很好,他们之间形成了有趣的对比。

22 字体设计趋势

22.1  大,粗和漂亮的字体

字体设计也许是创造优秀的设计中最重要的部分。今年标题的字体设计将变得粗而大。

作者: Alexander Laguta

作者: Quim Marin

22.2 字体设计中的渐变色

渐变色绝对是“IT”的趋势,现在你也会在字体设计中发现它。

作者: The Woork Co

22.3 视觉的层次结构

在所有设计领域中,排版层次都是非常重要的。字体的大小和重量可以很容易地表明哪些单词或字母是最重要的,所以当你创建你的文字时,请记住这个方面。你还得记住,可以通过文本的位置和颜色实现很棒的视觉层次结构。

22.4 小字体

超小文本通常被负空间包围,但你可以通过颜色或图像之间的对比,使其更加凸显。你也可以使用动画来帮助它脱颖而出。

作者: Slava Oleinik; Bahaa Samir; Witty Digital

22.5 动画字体

动画无处不在,即使在字体设计。如果你使用柔和的动作,今年你不会出错。

项目: Gotham Pro Animated Typeface Free

作者: Yaroslav Kononov; Daria Zalyatskaya; Nastya Sokha; Katerina Pavlenko; Max Kravchenko; Nadezhda Shymchenko; Kate Nizhegorodova

22.6 字体遇上摄影

文字与摄影的结合可以达到很好的效果。看看这些优秀的例子。

作者: Quim Marin

22.7 几何图形和字体

几何图形也可以结合排版,实现现代感效果。

作者: Quim Marin

作者: ∆ Studio—JQ ∆

22.8 字体配对

同时使用两个或多个字体仍然是今年的趋势。看看下面的例子,一些有趣的配对,将有助于你的项目。

Typography: Google Fonts Combinations - Volume 1

Typography: Google Fonts Combinations - Volume 2

诚邀设计同行分享干货、文章、报告等
投稿请发邮件 yaqi@gewuer.com
新闻报道及人物专访 804509071
0   6728

文章评论(0)

发 表