返回  

2023年即将或延续的18个网站设计趋势(上篇)

2022/12/8 9:22:11 来源:深圳网站设计南隼互动

平面设计的热门话题是什么?每到年尾,我们总要对即将过去的一年做一下复盘以及对马上到来的一年做一些展望。以下,我们将讨论明年将继续延续以及可能得到发展的网站设计趋势。

这是一个非常有趣的话题,因为有些趋势是随着时间慢慢变化的(只要看看平面设计到现在的漫长演变就知道了),而有些趋势似乎在一夜之间就反转了。

你应该总是在你的工作中使用最新的平面设计趋势吗?当然不是。但它有助于获得新的想法,找到灵感,并了解什么类型的技术和风格正在塑造我们的行业。


1. 暗色设计主题(Dark Design Themes)

Dark Design Themes

Dark Design Themes

暗色的平面设计主题是一个很大的趋势,它看起来很适合于数字设计,但对于印刷制品来说可能需要更高的精度要求。这种趋势的特点是深色——通常是黑色,但不总是用深色调色板作为背景。一般来说,对比度刚好够支持可读性,不会超过太多就好。

这种平面设计趋势源于手机和其他设备的黑暗模式,因为用户喜欢这种转变。在许多网页设计项目中,选择深色设计主题的设计师有时会包含一个“浅色模式”切换,以便用户可以选择如何查看项目。

黑暗设计方案需要大量的前期计划才能达到恰到好处的效果。颜色需要调整,以确保有足够的对比度,在印刷中,反向印刷可能会有一些挑战。

可以利用阴影和图像框架来充分利用这一平面设计色彩趋势。


2. 个人画像(Personal Avatars)

Inclusive Visuals

Inclusive Visuals

世界各地的设计师都在为从作品集网站到社交媒体的所有品牌媒介创建个人头像。这些化身是设计师的程式化版本,可以展示风格、创造力,并与用户建立联系。

这些头像有很多风格,但最主要的是,他们需要看起来是设计师或者与设计师有直接的关联。

在这里的两个例子中,平面设计师采用了稍微不同的方法。Simona Nikolova使用一个很大的个人头像来帮助你了解她的作品集网站。头像是平面的,卡通风格的。

Brett Williams在一个游戏化风格的作品集设计中,将他的真实形象与三维化身进行组合。他的头像不在前面和中心,但它包括一些漂亮的动画。


3. 包容的视觉效果(Inclusive Visuals)

Bolder Background Patterns

Bolder Background Patterns

几乎每个项目——从网站设计到印刷品再到活动海报——都在关注更具包容性的视觉效果。

这包括图像、视频、插图、图标,甚至是声音。曾经特定属性的代表已经扩展到包括所有种族、性别、身材和工作能力水平的人。

这种让项目更具包容性的努力是平面设计领域广泛努力的一部分。它的好处在于,在提供一套新的设计选项的同时,它扩大了项目接触更多人和更广泛受众的机会。

这种平面设计趋势是视觉化的,同时也让你对项目和与你共事的人感觉良好。


4. 大胆的背景图案(Bolder Background Patterns)

Text Layer Effects

Text Layer Effects

是时候在背景图形设计上疯狂一点了。忘记流行了一段时间的简约风格吧,你现在需要更加大胆一点!

从颜色到图案,再到似乎在背景和前景之间分裂的效果,大胆的设计正在成为主流。这种平面设计趋势之所以奏效,是因为它能吸引你的注意力。

大胆的背景(特别是带有图层效果的)与更简单的排版或其他设计元素搭配起来会非常令人惊叹。大胆可以是颜色、图案、背景物体的大小,或者是网站的动态效果。

实现这一趋势的诀窍是确保所有元素都有一个合适的位置,元素之间有良好的交流。对于大胆的背景,前景元素可能必须更大或更粗,以确保有足够的对比度以获得最佳可读性。


5. 文字图层效果(Text Layer Effects)

Faceless Imagery

Faceless Imagery

分层文字效果长期以来一直是一种平面设计技术,但现在它也开始成为网站设计项目的趋势。

通过分层文本效果,包括颜色、运动或大小,你可以把排版变成设计中的主要视觉效果。

在上面的例子中,文本层效果有两种实现方式,都取得了惊人的成功:

Studio Boiler在设计中使用较长的运动和颜色变化的标题来吸引眼球,注意斑点在文本中移动时的动态颜色变化是如此有趣,以至于你不得不去看。

Mrs & Mr使用粗体对比的文字图层来吸引注意力和创造兴趣。强大的重量,尺寸和运动选择,让一个简单的设计有很大的影响。

分层文本效果的挑战在于,当字体的使用不完美时,它们可能会失败。你需要确保所有文本元素都是可读的,并帮助用户理解他们与设计交互的原因。


6. 没有具体面部的意象图片(Faceless Imagery)

Oversized Elements

Oversized Elements

在使用带有人物的图像,如何使用人物来展示?这是设计师和品牌的一大顾虑。答案似乎是更多带有“无脸”意象的设计。

这包括大量的人物剪影或不具具体形象的人物图像。

它有两个目的。对一些人来说,它允许设计师使用品牌库中可能已经存在的图像,而不必重新拍摄照片。

除了更少的人脸图像,预计也会看到更少的群体图像。


7. 超大尺寸的元素(Oversized Elements)

Experimental Typography

Experimental Typography

超大的设计元素——从图像到排版——正主导着数字和印刷平面设计。

在数字项目中,许多这些超大的元素都伴随着动画和滚动效果,帮助你看到图片的其余部分。在这些情况下,过度使用有助于鼓励交互和滚动。

超大的元素还有另一个共同点——重叠的设计元素,比如图像覆盖在文本之上。虽然这不是一种经常被推荐的技术,但它越来越受欢迎。

它使用简单的排版,只有几个简单的单词,可以很容易被理解,而只是部分覆盖。结果可能是美丽的,有影响力的,令人印象深刻的。


8. 实验性字体(Experimental Typography)

“Organic” Look and Feel

“Organic” Look and Feel

实验性字体很流行。

这些专业字体,有各种风格和选项,用现代风格装饰各种类型的项目,创造出独特和个性化的感觉。

实验性字体包括任何稍微不同的东西,包括带有前卫和时髦线条或笔画的字体、动画、3D元素、颜色、插图和可变样式。它们是可识别的,因为你无法通过查看这些字体来确定它们的名称或确切的样式。

实验性选项的伟大之处在于,它们真的是为项目定制的。


9. “有机”的外观和感觉(“Organic” Look and Feel)

“Organic” Look and Feel

“Organic” Look and Feel

在过去的几年里,一直在推动创造更真实的平面设计元素,更好地与观众联系。这已经演变成一种更“有机”的外观和感觉。

有机的外观具有欺骗性,因为它看起来像一个简单的、没有设计的设计。但对于设计师来说,这可能需要大量的工作才能看起来如此有机。

你会知道这些设计,因为它们似乎意味着什么。他们与观众建立联系并产生共鸣,并具有“任何人都可能出现这种情况”的外观(是的,听起来或想起来可能很烦人,但这就是这里的视觉美学)。

有机平面设计使用徽标,没有太多复杂的颜色或元素(想想创业公司流行的风格)并倾向于以简单的排版和调色板为特色。产品可能由可持续包装或材料制成,因为一切都与这一趋势相结合。有机设计本身就是有机的。


(待续)


结论

今年你最期待在平面设计项目中使用哪些新的设计理念?

我们喜欢这些概念的原因是它们是友好的并且可用的。没有什么比将漂亮的设计与高度可用的体验相结合更好的了。









----图文来自:design shack 

----由深圳网站建设公司-Clh翻译编辑整理,为您提供更多有关深圳网站建设网站设计网页设计及其他互联网应用服务