忠于品牌,精于技术

2019年值得关注的十大网页设计趋势

2019又快过一个月了,互联网在这几年中已经发生了很大的变化。随着移动互联网终端越来越普遍,并且出现了AI(人工智能)、VR(虚拟现实)、AR(增强现实) 这样的新技术的产物。与这些新技术一样让人感到兴奋的是,网页设计趋势也随着这些进步在视觉上变得越来越吸引用户。


 

01、屏幕上的衬线字体

​您可能知道“衬线字体多用于传统印刷品,而无衬线字体则多用于屏幕”。而在这个规则下,衬线字体成为设计流行趋势的因素到底是什么呢?

虽然在网页设计在很长的一段时间里,都是在用一些结构更清晰,看起来“更干净”的无衬线字体作为设计首选。而现在越来越多的品牌却大胆的启用衬线字体作为标题设计,衬线字体相比易读性高,可以增强传递的信息。从而拉近了屏幕与纸面之间的距离,这个也就是衬线体流行的理由。

此外,尽管衬线字体与过去的“旧体”有所关联,但它们具有很多特性,并且比你想象的更具适应性。以Mailchimp的这个令人看起来感到愉快的网页设计为例,衬线体就发挥了作用,楔形文字和它适当的笔触很好地让Mailchimp网页呈现出了现代感。

Mailchimp/a>

Mailchimp

Medium
Medium

Reform Collective
Reform Collective


02、黑白配色

颜色是网站设计中最重要的元素之一,是设计师提升页面视觉效果和吸引力的重要手段。鲜艳的色彩虽然能吸引用户的注意,但也产生了视觉疲劳。在2019年,令人感到平静的经典黑白配网页设计将成为流行趋势。

人之所以能看到颜色就是因为通过光的吸收和反射。当颜色消失时,看物体的方式就呈现出了不一样,纹理和形状变得更加的清晰,这个世界便慢慢显现出了本来的样子。

白色给人的感觉是清爽明亮的,纯真的。而黑色给人感觉则是神秘而严肃的。结合这两种颜色,也能给用户耳目一新,无法抵挡的视觉感受。

有意思的是,黑白设计这样的中性色彩一旦有别的颜色加进来时,不仅会打破原有的单色感,而且兴趣点和活跃点也会瞬间跳出来。

Werkstatt
Werkstatt

 

Elite Paris
Elite Paris

Reform Collective
Reform Collective


​03、自然有机形态

网页通常是由系统网格设置的,一些几何结构,如正方形、矩形、三角形确实可以产生视觉稳定感。但在近年来,设计师们却更加青睐那些自然而流畅的线条。2019年的流行趋势关注点之一便是网页设计的可行性和舒适感。

自然的东西原本就不是很严谨和完美的,本身就带有一种随意感,具有一种特殊的美。它们可以为网页设计提供深度,使页面元素脱颖而出。它们以自然为基础(例如树和山丘的弯曲形态),自由随意绘制的线条可以更好地激发人对创意的表现力,例如油漆飞溅。有机形态可以通过网页设计来感受人性和活力。

BrioRom
BrioRom

Affinity
Affinity

Baby Talk For Dads
Baby Talk For Dads

 


04、故障艺术

故障艺术风格来自电子设备成像技术里出人意料的图像错误,所造成的图像颜色和形状扭曲。并不是即兴发挥而成的,这种独特的「错误美」形成了一种新鲜的艺术形式并被加以利用,慢慢的形成了现在的数码故障艺术。

在计算机如此普及的现代,我们害怕机器接管我们的生活,但是没有它们我们将会做些什么?因此,技术的崩溃成为了一个吸引人的主题。故障艺术给到网站一种迷幻的外观,迷失方向的视觉感受。无论是作为一个想法,还是设计,它的那些扭曲,不完美的部分无一不吸引着观众。

Active Theory
Active Theory

Makoto Hirao
Makoto Hirao

DTSi
DTSi


05、微交互

微交互存在的目的是让用户感觉顺畅、愉悦,设计师借此创造出吸引人或者令人高兴的瞬间,或者说,让用户在这一刻感受到人性化。例如,当你在刷新了微博并听到哔哔声时;又或者玩微信时,有人发信息给你,就会有红色图标显示有未读信息,这些就是微交互。

这些都是作为微交互最常见的用途。在2019年,网页页面将有更多的交互形式出现,悬停、滑动动画、钟声等等。总之,这些都是为了让你的用户能参与到网站中,巧妙地向用户传递关于他们的行为和使用的信息,并使网页感觉更聪明的一种方式。

Femme & Fierce
Femme & Fierce

wenwenzwy
wenwenzwy


06、聊天机器人的发展

聊天机器人崭露头角已经有一段时间了,最终它会在2019年成为人们的焦点。主要是由于人工智能和机器学习的进步,使它们更加智能和更加高效。

新的聊天机器人将越来越多出现在网页上,而且比我们在过去的迭代中看到的定制级别更高。明亮的颜色不仅会使它们在页面上更突出,而且更具吸引力。可以预测,将来会有很多面孔亲切可爱的AI机器人代表品牌吉祥物出现,例如京东和天猫。

insomnobot-3000
insomnobot-3000

Hipmunk
Hipmunk


07、更多的视频内容

你可能觉得视频内容对于网页来说不是什么新鲜事,视频不仅使页面多样化,而且迎合了没有时间浏览大量文本的在线观众。

最新的动向是Google尝试在搜索结果中混杂关键词广告。其中包含高于标准网页的视频内容。 这使得网站优先考虑视频制作,以便使自己易于搜索并以最有效、可共享的方式提供内容。

Andrew Tanchuk
Andrew Tanchuk

National Geographic
National Geographic

Get to know the alphabet in video format. Via A is for Albert.
Get to know the alphabet in video format. Via A is for Albert.


08、极简主义

作为网页趋势“元老级”成员,极简主义在反反复复的流行之中一直保持着自己的地位。极简主义要做的是化繁为简,网站上的元素和内容越少,受众就越不需要思考。以最清楚、简洁的方式传递信息给用户。

极简主义将在2019年继续主导数字领域。动画和淡入效果使滚动更具吸引力,这将给网页腾出空间,从而产生更多留白。去掉了更多分散注意力的元素,通过清晰的对比和排版,用户对信息的获取就更加直观了。

Libratone
Libratone

Austin DeHaven
Austin DeHaven

ON-POINT
ON-POINT


09、拇指区域导航

随着移动端超越PC端成为了主流的情况下,整体设计对拇指变得越来越友好。该领域最重要的研究之一是Josh Clark的书“Designing for Touch”,在书中,他有调查用户如何握着他们的手机,还有握手机时所做出的动作,尤其是拇指的动作,在网页设计过程中应该如何做到更贴近用户的习惯。到现在,已经有越来越多的用户感受到了为拇指量身定制的导航,比如那些放置在移动端底部的菜单。

Ionut Zamfir
Ionut Zamfir

Gapsy Studio
Gapsy Studio

tubik
tubik


10、多样性

通常,当人们说到“万维网(World Wide Web)”时,大多把重点放在“Web”这个单词上,却常常忘记它前面的另外两个重要单词,“World”和“Wide”。互联网将世界各地来自不同文化、能力、年龄和性别的数十亿人联系在一起,人们都希望自己能够在网上看到各种不同的内容、不同文化的交流,而不仅仅只是社交网站大量重复、死板的自拍照。

2019年,网页设计将朝着包容性迈出一大步,从提高可访问标准到增强社会意识等多样化形象。在这个舞台上,还有很长的路要走,但是设计师是可以用他们的技术来证明网络是可以跟真实的人们建立起真正的联系的。

UN Women
UN Women

The Webby Awards
The Webby Awards

tolerance.org
tolerance.org

原文出处:广漠传播 上海网站建设 (https://www.greatmo.com/works/news/205.html)