视觉设计是一门随着时代发展与社会变迁,随着人类认知提升与生活环境变化,而不断进化的学科,无论是从小众喜好走上大众审美,还是从零星的创意苗头转为流行趋势,它都代表了一个时期人们审美取向与内心述求。与此同时伴随着城市生活节奏加快、人们生活方式日新月异,如今的优秀设计不仅要具备产品使用的功能性,更要符合未来人群的生活方式和潜在审美需求。而作为设计师需要具备敏锐的洞察力与捕捉趋势的能力,充分消化和理解潮流设计元素,不断汲取其中的精华养分,历练实践转化与效果表达的掌控力,才能具备更加开阔的视野、独到的品味和充满灵性的设计感觉。

何为趋势

1 、 产品的推陈出新

2 、 由流行缔造者开创并融入主流文化的一个过程

趋势的种类

A. Fad 流行

短期出现 6 个月到 1 年左右,然后又消失

B. Trend 趋势

继续持续 2 到 4 年左右

C. Maga Trend 大趋势

持续 20 年左右

D. Culture 文化

跨越时间和世代,具有连续性且持续下去

百度移动多用户体验部(MUX),正是秉承着 “积淀、能力培养、共建平台” 的团队设计建设指导方针,在 2022 集 MUX 视觉设计线研发力量,历时 3 个季度进行了本次针对 2022 至 2022 年度的视觉设计流行趋势研究。众所周知,世界多个知名设计中心及相关设计机构每年发布各领域的设计趋势,但是对于图形介面设计(GUI)以及其周边的设计领域是否适合?在刨析国际潮流之后,再切实的分析应用场景自信的提出对未来的视觉设计趋势的预测。不仅出于行业内的需要,更是希望为设计师提供灵感的火花和创新的思路,引领视觉设计的发展。

对 2022-2022 年的视觉设计趋势研究,我们是建立在 2013-2022 整体行业形态、消费趋势等研究,以及国内外趋势报告的分析总结,提出符合设计发展的趋势预测,并以图形介面设计 7 大要素为切入点,分别提出相应的设计元素,我们相信将这些元素有机转化到产品设计之后,具有迎合多用户心理述求的魅力,从而吸引更多的潜在多用户。

研究方法:

从不同的设计门类中寻找和借鉴新的设计元素。当中可能有威力强大的、影响全球大部分地区的大趋势,也有一些零星出现、正逐渐变为主流的小趋势。因此通过对工业产品、平面、绘画、服装、建筑、新媒体等艺术设计的趋势发展分析和当前流行设计语言收集借鉴,在理解和掌握其研究结果的基础上,以应用到介面设计的可行性为判断标准对于上述设计门类的结果进行筛选、归纳和提炼,并重新整理,达到对设计灵感、创意和思路的启发。

研究步骤:

1 、收集、 2 、归纳、 3 、提炼、 4 、总结、 5 、转化

研究切入点:

GUI(图形介面设计)7 大要素:色彩、形状、材质、肌理、版式、字型、动效

主要发现:

产品和趋势正在从 “形式追随功能”,转向 “形式追随情感”,以满足人们情感与精神层面上的需求,并且这已经成为绝大部分产品的重要功能。

2008 年至 2010 年,人类在金融危机中迎来了以技术发展为中心的新时代。 “移动技术的发展” 将普通人带进了以社交为中心的 “全新社会” 。人们为了克服危机积极转换发展模式,建立 “新型秩序” 。 2012 、 2013 年,人们经历了既有体系的失败和危机,不再一味关注未来,开始直面现实。现在,人们更倾向于从个人的生活开始填补空缺,削减过剩,提高当下的生活价值,而不去盲目追求的未来,以达到个人和社会的共存。

发现不的舒适感和安定感,发现灵活应对的可能性,提高价值,都是解读新潮流的关键词。

因此我们有了关于 “不的价值” 的新认识,当人们经历了全球金融危机建立新秩序的时候,渐渐明白之前所追求的 “” 实际上并不是真正意义上的高价值。与其追求未来的成功,不如追求现世的幸福;与其开发顶端 1% 的技术和功能,不如开发对个人生活有用的功能;与其集中于制定无缺的计划,不如集中精力发掘人与自然、社会和谐共存的理想方案。

 

太多的文章都会告诉您酷炫的网页设计是怎样的,但是我将结合过去带您看看一些可以实现的未来。

1. 滑动优先于点选

▼▼▼

我们大概已经忘了滚动的页面是怎样的,大多数的多用户曾经很痛苦地把滑鼠移到萤幕右边,使用一种很古老的东西,我们叫它 “滚动条” 。
您也许也用过滑鼠的滚轮,游标键,触控板。如今,使用滚动要比点选容易多了,在手机上,您可以用您的手指随意滑动萤幕。但是要准确地点选到目标却要困难许多,这和我们在电脑桌面上的体验恰恰相反。

结果就是,我们期待越来越多的网站吧滚动的设计放在位,点选放在第二位。

如今的页面需要点选的东西越来越少,取而代之的是滑动。我们将会看到越来越多的滑动,更多的按钮,更大的点选区域,顶端的页面也会变成滚动的。

需要将大量文章放在不同页面的网站很快会明白这一点,希望他们能将这些恨多的页面整合到一起,比如像时代周刊(TIME)一样可以无限滑动下去。

现在预测网页会不会变得像手表一样智慧还为时过早,但是我们可以一起期待未来所有的网页都可以通过手势操纵。

2. 折叠显示正在消失

▼▼▼

如今页面上的滑动非常铺垫,各种装置也可以根据尺寸自适应,折叠起来的东西变得有一些无关紧要。

设计师们越来越不喜欢将所有的东西都塞进顶端页面。比如像 Medium 就采用了全屏的图片和标题,直到您开始滑动才可以看见内容。

设计师们有更多地机会像杂志一样,将他们的页面填充好看的图片。在 2022 将有更多地设计占据更多的空间,尤其是垂直化空间,也会有越来越多形象化的东西出现。

3. 快速呈现和简约设计

▼▼▼

如今的年轻人基本上都是非常的网页多用户。这样的结果就是所有的一切都必须变得更高效,人们变得越来越没有耐心。如果网页载入需要 1 分钟,一个脾气还不错的人都会变得烦躁。
如今网页被逼着不仅要变得更快(技术性问题),更重要的是变得可以更快地被多用户理解。不容易被理解的设计业也会减少多用户的使用,这和无法载入没什么区别。

更加简单的设计浏览起来更简单,更容易被欣赏。下面两个设计很容易被辨别出来哪一个更加新一些好一些。

其实这也是 Skeuomorphic 设计逐渐消亡的原因:多用户的观点越来越多,耐心减少,页面看起来杂乱只会减少他们的访问量。

WordPress APPs 一般都拥有小而美的介面,因为小介面效果会表达得更好。

扁平化设计才是个开始,我们期待在简单化和及时化上更多的进步。

4. Pixel 已亡

▼▼▼

相信大家在欣赏一个朋友通过 WordPress 微信发过来的声称有亮点的图的时候,应该都会尝试将其进行放大再开始亮点查询。您在 Retina 屏上面放大还好,但是如果在其他非 Retina 萤幕上对图片进行放大,到时您就真的找到亮点了,且找到很多,一个个方块的格子状的画素点。旁边美女一边走过时瞥见的话还以为您在看什么东西了,竟然还要打马赛克!立刻投以鄙视的眼光或者一顿拳脚 (如果是公交上的话)!怪谁?怪您朋友发给您的是点阵图。

在电脑桌面上,曾经一个 pixel 就是一个 pixel 。您甚至还会记得 72dpi 由多少个 pixel 组成。但是如今,越来越少的人知道一个 pixel 是什么意思。

目前收到追捧的一些设计中体现了越来越多使用网格和比例的趋势。但是有一个领域始终没有被撼动:点阵图影象。然而 Retina 屏和一些新的浏览器,使得向量图在 2022 变得越来越流行。

我们可以看到这个趋势体现在了以字型为基础的图示设计,以及 Google’s Material Design. 页面载入得更快并且图示可以不损失质量又随愿意所方程任何大小。这对设计师和网络浏览器来说是很理想的。

或许还需要一些时间让者改变习惯创造一些更高质量的现实。但是一旦大部分的显示都变成 Retina 级别的,相信更多设计师就会习惯于此了。

5. 动图回来啦

▼▼▼

如果您想让您的网页看起来比较复古,您可以新增动画效果的 “Under Construction” 的 Gif 或者 flash 动画。但是目前动画已经成为现代网页设计的新星了。

扁平化设计使得介面看起来不会过于连续,也不会太无聊。动画会使得网页更加引人注目,并且可以在有限的空间里打包更多的资讯。
手机上的 WordPress APP 重新定义了多用户的需求。 WordPress APP 会使用动态图去传达资讯,而网页在这方面才刚刚起步。

新的一些科技比如 CSS 动画使得在没有外挂,速度,以及一些相容性问题的情况下更好地提高设计师。 Web components 只会加速这个趋势。

GIF 动画回来了,而且出人意料得有效。您可以发现这片文章里大量使用的 GIF 动画配图。

6. web components 组件标准化到来

▼▼▼

网络科技变得越来越复杂,语义成分越来越少,设计师必须为了一个简单地任务将很复杂的 code 植入到页面里。比如像 Google Analytics 或者是 Facebook 的 “like” 按钮。如果我们可以用以下代码取代的话将会更简单:

Web Components 目前还没有被大多数的设计师使用,但是这个趋势在 2022 会更明显。

Google’s Material Design 便推动了这一趋势发展,在 Polymer 和各种新开发的浏览器支持下,它为安卓 WordPress APP 提供了大量标签简单的动画和互动组件。

如果照这个趋势下去,以组件为基础的框架出现在 2022 指日可待,或许是 Bootstrap4.0?

7. 社交饱和以及邮件的重新崛起

▼▼▼

对消费者来说,社交网络已经取得了巨大的成功,但是很多内容制造者并不是很开心。

问题在于饱和。 Facebook 发现在每年数十亿的的 posts 中只有那么一些被浏览和分享。这意味着随着时间过去,您的会被越来越少的人浏览(这个问题是可以解决的,除非您付费给 Facebook)。

社交并没有离我们远去,但是在 2022 我们可以看到很多有潜力的知名博主比如 Tim Ferries 的注意力都从社交网络转移到 “过时” 的 email 。他们已经意识到 email 相比社交网站的优点是:有更多的人会看到您传送给他们的内容。
我期待在网页提示功能不被看好的情况下,这种趋势会在 2022 继续下去。

非预测:CSS shapes

▼▼▼

这个很酷的技术还没有被重视,除了设计师们。 CSS shapes 使得非矩形形状的使用成为现实。

这无疑非常酷,但是需要浏览器的支持,所以花费时间和努力在上面有一些冒险,或许您需要两个设计师,一个应付旧的浏览器,一个应付新的。除了设计师之外,并没有很多多用户意识到这个趋势。

但它真的很酷。