
发布日期 : 2020-03-14
您还记得十年前Facebook的设计是怎样吗?按照当时的标准并不是很讨人喜欢。因此,如果您承认今天碰巧遇到了这种能预见未来流行的网站设计,那您可能马上就感到有点迷茫了。无论您是专业的网页设计师、行业新秀还是希望自家企业网站提高销量的企业家,能够及时了解最新的设计趋势是对您十分有益处的。
我们结合最新和最热门的网页设计趋势以确保您的网站看起来更现代化、符合潮流,并且同时给客户留下可靠的印象。
我们在下面将概述我们认为将会在2020年主导网页设计界的设计趋势,以及有关如何在网页设计中成功实现这些趋势的一些专业提示。
1.黑暗模式(或称夜间模式) (Dark Mode)
在深色背景上放置浅色文本、图标和UI元素,单单是如此简单的事情却得到了很多人的喜爱。为什么呢?深色模式自2019年开始便主导了网页设计趋势,而它的统治性似乎不太可能在2020年结束。
黑暗模式在各种界面世界横扫天下,诸如Facebook Messenger,YouTube,Instagram ,Viber,WhatsApp和Chrome等顶级应用程序和网站,以及最新版本的Android和Apple操作系统,彻底改变了人们的生活。
色彩方案的流行在于其多重优势,从为用户提供更优雅,更时尚的工作环境,到影响设备的电池寿命和能耗。同时,所谓的黑暗模式也是有利的,因为它减少了光亮像素的使用,继而降低了屏幕的整体亮度,减少了眼睛疲劳并减轻了阅读难度。
提示:要创建一个视觉上令人赞叹的网站,请将深色模式与简约的白色元素以及清晰的图形和版式混合使用。要获得更具美学吸引力的氛围,请添加一些充满活力的重点配色方案,例如发光的霓虹灯字体或未来派元素。
2.极简主义
极简主义在过去几年爆炸性地兴起,可谓是一种经典的网页设计趋势,而且势必将持续下去。多年来,极简主义的形式和功能发生了变化,但其本质却保持不变- 通过优雅,实用性和简洁性赢得了设计师和最终用户的青睐。
网页设计中的极简主义可能意味着很多事情- 从简约的图形元素和狭窄的调色板到最少的文本和网站导航。
作为适应各种屏幕尺寸和吸引注意力的一种方法,这种趋势日益突出。极简菜单消除了很多困难,使访问者的注意力从如何查找有关信息本身的某些信息上转移了很多,从而简化了网站的可用性和导航。
在网页设计中实现极简主义的一种好方法是放弃一段高品质的图像或视频,以更诱人和直接的方式传达文本信息。
提示:极简主义和功能齐头并进,因此在设计网站导航时,请避免将无关信息塞入同一个位置。使访问者轻而易举地找到您提供的服务,联络页面或常见问题。
3.黑与白
即使在网站配色方案中,2020年也将是极简主义的一年。黑色和白色,加上非常窄的灰度范围,永远具有优雅,美感和现代感。
为避免您的网站变得乏味,请添加一些高质量的黑白照片或艺术插图。
提示:如果您选择带有灰度色元素的黑白网站,请坚持使用2至3种灰色阴影。
4.发光颜色方案
发光的配色方案将是网页设计中之等距趋势的进步。发光的霓虹色(例如蓝色,紫色和粉红色)将使您的网站看起来现代而富有未来感。加上越来越深的阴影,这些发光的颜色将从屏幕上弹出,从而打造出大胆的网站外观。
提示:霓虹色元素可以很好地适应上述任何网页设计趋势(深色模式,极简主义,黑白),因为更深的非彩色背景使这些发光色更加突出。
5.手绘元素
以人为本的设计方法近来已开始复兴,没有比手工绘制的元素更好的例子了。不论是卡通插图,绘制的图标还是手写的字体,近年来的技术都是为了带来情感,人性和个人风格。
此外,手绘图形散发着积极,灵性和随和的感觉,因此,如果您想向客户展示自己的创造力和想像力,那么这种趋势对于2020年是必不可少的。
提示:艺术插图将为您的网站增添真实的色彩,但请务必小心- 并非所有网页都会因为插图而受益。也需要考虑到您的目标客户群,确保您的网页设计不要看起来幼稚、不加思索或轻浮,从而赶走现有和潜在客户,请向网页设计领域的专业人员寻求建议,例如Bingo(HK),我们必定能给您最好最适合您的建议。
6.粗体字体
在过去的几年中,提供愉悦的用户体验一直是网页设计师的主要目标。好的UX的最重要方面之一是简洁,清晰的字体。单色,透明或带有轮廓的粗体,全大写字体是当今最流行的趋势。
草书字体很难阅读,而且很容易混合使用外观相似的字母,因此,这种字体与旨在提供用户全新的体验。
提示:较大的字体非常适合吸引访问者的注意力,但是请确保在从台式机到智能手机的所有设备上正确设置字母的大小。一个字母占据了整个智能手机的屏幕,这是一种糟糕的用户体验。
7. 3D元素
近年来,由于网页投术的巨大进步,3D元素可能是最诱人的网页设计趋势之一。 3D元素十分有趣而且引人入胜,并且往往会使访问者在网站上停留的时间更长。
3D图像的深度增加了真实感,这种感觉对电子商务特别有益,在电子商务中,可以使用3D图像从各种角度或实际使用中展示产品。
提示:3D元素的加载可能非常繁琐,因此在将其添加到您的网站时不要过分加载。应适度地加入3D元素,3D固然可以创造奇迹,但太过分,却可能会使您的网站流量大减。
8.阴影,图层和浮动元素
通过使用阴影,图层和浮动元素来淡化3D的夸张性。它是从材料设计趋势发展而来的,可以将简单的图像转换为令人眼花了乱的功能。这种伪3D效果也可以在图标,图形和文本上完成。
可能造成深度错觉的另一个趋势是重叠的图层。对多个元素(例如文本,图像,视频,图标等)进行分层可以使密麻麻的网站变成具有透彻考虑的安排和不受干扰的流程的Web演示。
提示:这里肯定适用“少即是多”的优点。如果您的网站开始像PowerPoint演示文稿那样具有所有可用的效果,如褪色,(消失),调整大小,阴影等,请停止再放更多这样的效果!
9.用户触发的动画
直到现时,网站动画基本上都是独立进行的,与访问者对网站本身的行为无关。而随着用户触发的动画的出现,2020年将改变这种状况。
在之前提及的趋势例如3D元素、浮动、分层等元素可能会合并到用户触发的动画中。单击,悬停和其他访问者的动作可能会导致颜色,大小,设计等的改变。当您希望网站更具吸引力和刺激性,同时又保持其简洁和优雅时,这些动画很有用。
提示:都是那句话,别太过分- 一个或两个用户触发的动画就足够了。大量的动画可能会导致用户的每一次鼠标移动在网站上做某事,从而引起混乱和不满。
10. 渐变色
渐变色再次流行起来,而且比以往更强大。 2020年将见证从背景到文本填充(需要较新的浏览器)的所有内容上大胆的多色渐变。融合多种色彩,营造出对比效果和深度幻觉,是获得时尚,前沿网站外观的最佳组合。
提示:避免使用单调渐变,因为它们看起来马虎,无聊且不时髦。
总结
2020年将是主导网页设计领域趋势的多元化之年。从绝对的简单性到顶层的颜色和元素组合,设计师将在如何创建一个网站方面拥有多种选择,这些网站将在所有其他引人注目的设计中脱颖而出。
相信希望获得最佳UIUX奖和引人注目的网站外观之网页设计师应该铭记下列总结的这些将在2020年占主导地位的网络设计趋势:
- 黑暗模式
- 极简主义
- 黑与白
- 发光配色方案
- 手绘元素
- 粗体字体
- 3D元素
- 阴影,图层和浮动元素
- 用户触发的动画
- 渐变色