返回  

2023年18+网页设计趋势(下篇)

2022/12/1 11:32:41 来源:深圳网站设计南隼互动

一个网站的平均使用期限一般是三年。而一些设计元素(比如颜色和字体)更新的频率往往比这要高得多。这就是为什么跟上网页设计趋势是如此重要。


对趋势保持关注,可以让你在当下即便是对你的设计进行的小调整,也可以让他不管在视觉还是在使用上都不会显得过时。

今天,我们就盘点一下全年的设计趋势,其中也包括在2023年可能以及已经变得流行的设计趋势。


10. 实验性字体(Experimental Typefaces)

Experimental Typefaces

新的、不同的、时髦的和独特的字体可以把设计推高一个层次。随着越来越多的项目使用视觉模式,重点放在字体上,实验性字体是一个必须拥有的设计元素。

实验性字体的关键特征是它们是不同的。有些甚至可能是字体设计师提前发布的未完成的设计版本,或者定制字体。

你可能会看到你意想不到的形状和线条、三维字体、动画或颜色,以及一种完全不同的感觉。实验性字体最适合用于主页上的英雄图标题。它们通常不适用于正文文本或较小的文本内容。


例子:Exa Metline Font

Exa Metline Font


11. 重叠的设计元素(Overlapping Design Elements)

Overlapping Design Elements

每个设计元素并不一定要有自己的容器,它们可以重叠。

重叠的设计元素创造了深度和维度,也提供了设计项目中从一个元素到下一个元素的眼球追踪路径。

这种设计趋势的关键在于:你必须以这样一种方式来创建和分层元素,使所有内容都保持可读性,并以一种在移动设备上保持可读性的方式“重叠”。否则,这一趋势就会迅速变成你的弱点。


例子:Tourist Guide Card Widget

Tourist Guide Card Widget


12. 超级简约的美学(Super Minimal Aesthetics)

Super Minimal Aesthetics

一个干净的主页可以帮助用户探索设计中为数不多的元素和内容。极简美学,尤其是对于主页来说,是一个主要的趋势风格。

选择范围从带有文本的平面背景,如上面的例子,到几乎没有导航、只有标题的照片或视频主页。

这些极简的美学几乎把所有东西都从设计中剥离了出来。时髦的外观是流线型的和干净的,但如此少的互动选项,你同样也是在冒险。


例子:Vinero Very Clean and Minimal Portfolio WordPress Theme

Vinero Very Clean and Minimal Portfolio WordPress Theme


13. 以填充和轮廓为特色的字体设计(Typography Featuring Fills and Outlines)

Typography Featuring Fills and Outlines

填充和轮廓字体的组合(通常是相同的字体)是完全有效的。

例如,上面的网站使用填充文本作为悬停状态,以提示用户该元素是可点击的。轮廓状态用于非悬停元素。

结果是超级有趣的,创造了一个有趣的字体效果,你可以用很多不同的方式使用。此外,它使字体配对是一件轻而易举的事,因为你使用一种字体两种不同的方式。


例子:Visia Duo (Natural and Outline) Typeface

Visia Duo (Natural and Outline) Typeface


14. 如此多的衬线字体(So Many Serifs)

So Many Serifs

曾经在网络上被认为是不可读”的衬线字体现在几乎在任何地方都出现了。从简短的、简单的衬线到带有较长笔画和装饰的精致字体,这种字体是为阅读而设计的。

这一趋势的最大贡献者可能是高分辨率屏幕(以及它们在市场上的主导地位)。这些字体没有出现模糊或失真的情况。

几乎任何风格的衬线都可以很漂亮地工作,包括现代和过渡风格。衬线适用于标题和略微简短的正文。


例子:Aaron Serif Font Family

Aaron Serif Font Family


15. 夸张的留白(Exaggerated White Space)

Exaggerated White Space

设计中夸张的留白使得简约风格变得更加简约。

留白如此受欢迎的一个原因是,它有助于将焦点集中到设计的某个部分——被某些东西占据的空间,而不是什么都没有。

留白同时也很容易营造一个美丽的,经典的感觉。


16. 微动画(Micro-Animations)

Micro-Animations

多亏了Instagram里那些很酷的小动图,网站正以贴纸风格的动图形式推出更多的微动画。

即使是你意想不到的网站,比如上面的电子商务设计,也在使用这种风格来吸引用户的注意力。它可以是任何东西,从屏幕上弹出的小图像到移动的文本元素。


例子:Simple Text Rotator WordPress Plugin

Simple Text Rotator WordPress Plugin


17. 视频化(Video Everything)

Video Everything

如果你还没有在网站设计项目中使用视频,那么今年可能是时候试试了。视频内容非常庞大,同时变得越来越主要以及容易获得。

从上面的移动背景和效果设计的视频来看,这种通过视频来叙述的类型是未来的趋势。用户喜欢它,这一点不可否认。正因为如此,它才会越来越受欢迎。


例子:Photo/Video Slideshow Template

Photo/Video Slideshow Template


18. 流线型的logo(Streamlined Logos)

Streamlined Logos

简单的、流线型的logo设计正在取代过去作为全屏品牌元素的一些更复杂的选项。这可能是因为其他屏幕元素变得越来越复杂,也可能只是一时流行。

不管怎样,简单的logo无处不在。

这些标志的优点是,简单的类型和图标元素很容易一眼就能看懂。需要注意的是,它们可能因此看起来都有相似的外观和感觉。


例子:Logo Templates

Logo Templates


19. 大的按钮(Big Buttons)

Big Buttons

为了方便手机用户,所有版本的网站都默认使用对触控更加友好的大按钮。这包括从呼吁行动按钮到导航的一切元素。

这一切都必须易于用拇指或手指点击,而不会与错误的元素发生交互。

这些按钮通常有不同的颜色或卡片样式,以便让玩家更容易看到应该发生什么动作,以及什么元素将通过触摸产生什么效果。

注意,在上面的例子中,每个盒子或卡片都是一个巨大的按钮。在手机版中,每张卡片都是垂直堆叠的。


例子:Google AMP Mobile Template

Google AMP Mobile Template


(待续)


总结

你是否经常对你的网站设计进行小的改动以保持新鲜感?虽然这可能是一个令人生畏的想法,但一直进行小的更改实际上应该成为你日常工作的一部分,一遍帮助保持设计的新鲜感(这也能让你不那么快就厌倦)。

时刻对当下以及可能流行的趋势保持敏感,并在日常的项目中尝试和实验,这样你就可以毫无顾虑地跟上潮流!









----图文来自:design shack 

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