2018年的11大网页设计趋势分析

2017年网页设计的主要趋势是什么,到了2018年又会怎么样?在一年接近尾声的时候,我们邀请了顶尖设计师和工作室,来分享他们的观点和对未来的展望。

就像我们在《2018年的10大平面设计趋势》中所说的那样,这篇文章并不是对未来的描绘,而是根据现状进行的分析和预估。不论你是否在设计中遵循本文中提到的趋势,都希望它们可以为你提供参考……

01.网页动画

XdT2tt9dvgYNnbiMuQ7iXe 650 80 - design, sharing - 2018年的11大网页设计趋势分析http://www.creativebloq.com/media/img/missing-image.svg

“动画在今年分量很重,并被带上了新的台阶”,数字创意机构DARE的总监Mireia Lopez如是说。

“我们看到,设计团队更多地在动画设计、原型设计上投入,并学习了简单的编程以运用交互性更好的原型工具如Framer,以更好地向用户传递内容,并向编程者们更好地展示效果。”设计师和编程者的界限逐渐模糊,我确信我们将在近年看到他们的迅速融合。

社会媒体管理平台Lightful的高级设计师Bruno La Versa同意该观点:“故事性和个性,是新老品牌抓住客户的关键,而动画在这方面效果显著。动画将会在数字世界持续展示品牌的力量,给予品牌更强的个性,让它更加生动灵活。”

02.更大胆的用色

53651906 - design, sharing - 2018年的11大网页设计趋势分析

“过去的一年中,我们通过数字平台,看到了许多大胆的用色”,Kagool的创意哦在那个见James Bearne提到。其中一个很好的例子是Design Studio在2016/2017年度的的新品牌组合《The Premier League’s》。

“现在品牌从自信出发,使用强烈的视觉冲击,遍布网站和APP。在户外广告、社交媒体和更多渠道的配合下,品牌咆哮般的表现着自己。”

这种趋势在2018年不会衰退,Bearne预言道:“随着Khroma等新配色工具的出现,我们有更多有趣的配色方式,我们能看到越来越多的设计师在研究如何使用颜色创造特殊的体验。”

03.别出心裁的字体使用

62744784 - design, sharing - 2018年的11大网页设计趋势分析

字体是吸引眼球的强力武器,字体在网站上的使用在今年被进一步升华,来自99designs的高级设计师Kelly Moor发表了他的观点。

“字体力量强大,而且越大越好。当无衬线字体如Helvetica盛行时,设计师们却在分化,转而使用各种各样的字体。”

她预言,2018年更多的衬线字体将回归屏幕,“我们也会看到更多网站使用衬线和非衬线字体的组合,来创建动态平行。”

04.数据语言

58812166 - design, sharing - 2018年的11大网页设计趋势分析

Ito World的高级可视数据设计经理Craig Taylor说:“2017年是设计的好年头,我们目睹了数据可视化的兴盛,并看到了用3D表示数据的吸引力。但是,如果这些数据无法被消化和使用,那它们有什么意义呢?”

Taylor将它称为“数据语言”,他解释说:“现在,人们非常重视通过设计有效地讲故事,将复杂的信息尽可能用简单有趣的方式表达给不同的观众。设计师们正在寻找新的定制方式——使用老实的柔和的色调,并配以色彩鲜明的过渡和极简鲜明的排版,将它们结合在一起。”

05.设计工具的更替

97270557 - design, sharing - 2018年的11大网页设计趋势分析

2017年,似乎每一天都有新的软件、工具或功能出现,比如InVision、Adobe XD、Figma、Axure、Marvel、Vectr等。特别要提到Sketch,随着Sketch 43版本的开放文件格式更新,它成为了一匹黑马。

Bruno La Versa表示:“我们想告诉你,如果你还在用Photoshop进行UI设计,那你可能需要看看周围。2017是新设计工具辈出的一年:Figma、Webflow、InVision Studio等等。设计工具的激增,突出了设计在企业运营中的重要性。”

“这带来了一个问题,也就是每个工具导致不同的工作流程,需要经过测试。这也就是市场的选择,如何提高工作效率将成为核心的指导力量。2018年哪些设计工具将成为主流,这是值得期待的。”

06.Flat design 2.0

5832598 - design, sharing - 2018年的11大网页设计趋势分析

Flat design并不会消失,但在2018年,它需要适应并保持相关性。Moor相信:“这种被称为Flat design 2.0的设计,需要根据现状做出一些改变。它会将一些设计禁忌,比如渐变和阴影带回来。但是不必担心,适度使用即可。”

Flat design是对21世纪设计风格的背弃,但它仍然将成存下来。Moor认为,我们将会进入两全其美的局面,有时巧妙地引入阴影和渐变,可以增加功能性和美感。

07.可交互插画

90158887 - design, sharing - 2018年的11大网页设计趋势分析

“2017年,我们在网站上看到了更多插画,这不是巧合”,Moor说:“品牌要想脱颖而出,插画是注入个性的绝佳方式。”

“他们不会影响视觉上的功能性和简易性,而且将变为动态元素,可以承载各种形状、大小和风格,2018年及以后是值得期待的。我们也在研究学习,不可以用‘直观’作为借口,忽略了网页的趣味性。”

这个趋势绝不是异想天开,“插图可以用非常直观的方式来提供或解释信息。没有人希望浏览一个无聊的网站,而定制的插图可以让枯燥无味的生活,充满更多人情味。”

08.AI的进化

75778567 - design, sharing - 2018年的11大网页设计趋势分析

人工智能已经不再是一个科幻话题,这种技术已经通过Chatbots等端口进入了主流的网页设计。事实上,根据eBay产品设计师Elaine Lee的说法,在您的日常工作中,可能已经在不知不觉的情况下使用到了AI。

她在一篇文章中分析道,ANI(artificial narrow intelligence,弱人工智能)已经不足以为Google Home或Apple Siri这样的服务提供支持。现在的AI已经可以运行亚马逊、Spotify和Netflix等技术,更不用说智能家居、自动驾驶和聊天机器人了。

09.不对称布局

51336114 - design, sharing - 2018年的11大网页设计趋势分析

2010年的一场响应式设计运动,已经彻底改变了网页设计,使设计人员能够构建在不同设备间无缝切换的网站。Bearne说:“近年,我们看到也来越多的设计,违背了响应式设计的限制,视图获得更多创造性。”

“你几乎可以预见到客户这样的反馈:‘能不能让元素紧凑一些?’,设计师则会这样回应:‘新技术的出现,将意味着2017年,传统的网页设计规则将被打破。’”

10.移动端成为主战场

61378020 - design, sharing - 2018年的11大网页设计趋势分析

2017年对移动网络来说是具有里程碑意义的一年,因为它的使用超过了桌面浏览。这意味着网页设计师将比过去更加关注移动用户的体验。

Moor表示:“随着进入2018年,我希望移动端能够出现我们在桌面端从未见过的功能。我们将看到更多巧妙、直观、优美的信息组织方式,这将导致更多种用户体验,围观交互、手势操作等将更流行。”

11.响应式电子邮件

57693648 - design, sharing - 2018年的11大网页设计趋势分析

Adestra公司数字设计负责人Rob Pellow表示:“在英国,人们开始在电子邮件内设计移动相应,这是一个新的征兆。”

“事实上,尽管有一些品牌询问我们,如何使他们的广告系列和模板具有响应能力,但几乎所有人都在质疑:‘我们能做什么?’”

而近年,Adestra开似乎使用“kinetic”电子邮件,即使用CSS3和HTML,在电子邮件中创建交互性。这一趋势源于用户对移动应用程序和网站的UI语言接受度很高,他们很高兴在包括电子邮件在内的其他地方看到它们。

 

英文来源:Creativebloq

英文标题:11 huge web design trends for 2018

原作者:Tom May

翻译:卡米雷特

微信打赏支付宝打赏

感谢您的支持!

文章来源:卡米雷特的小站www.kamilet.cn)转载请注明出处。

卡米雷特

视觉控&技术控,不断学习中!


您可能还喜欢...

发表评论

电子邮件地址不会被公开。 必填项已用*标注