剖析卷土重来的一些复古网页设计趋势。

什么是复古网页设计?

复古网络设计更倾向于怀旧地回顾过去的网络设计趋势。

它可以指20世纪80年代早期的网页设计,也可以展望2010年代(以及其间的一切)。它给予了过去的网页设计尊重,而不是将其视为应该本着进步的精神被抹去的东西。

复古网页设计为何重新流行?

无论你是对现代感着迷,还是对复古感狂热,这些经典的网络空间再次展示他们的(像素化)面孔都有几个原因。

怀旧

许多在互联网早期长大的人对复古的网页设计感到怀旧。建立让他们想起青春的网站会带来一丝欢乐!

差别

在过去的几年里,简约和极简主义占据了中心舞台,复古的网页设计可以帮助你的网页设计脱颖而出。

反文化

可以呼吁那些庆祝不合规行为的人。拒绝规范,我行我素,这一声明适合许多公司,包括针对年轻或时尚群体的时尚品牌或食品店。

引人注目

许多复古的网页设计趋势都选择了大胆的颜色、像素艺术和动画GIF,当用户滚动时会吸引他们的眼球。通过回到过去,有望让更多的人留在页面上。

复古网页设计要注意什么?

当然,复古的网页设计在很大程度上指的是“以前的一切”,这种美学在网页设计中有很多方式可以让人知道。

首先,你可以把复古的网页设计想象成是对特定十年的回归。

如果你想要80年代的氛围,可以考虑基于文本的有限图形元素。毕竟,当时的电脑甚至不如我们今天许多人拥有的最基本的手机先进。

如果你对上世纪90年代感到怀旧,你可能更喜欢圆角或基于网格的布局。

2024年及以后回归的10大复古网页设计趋势

像素艺术

20世纪70年代末和80年代初,随着家用电脑和游戏机的诞生,像素艺术首次闯入网络设计领域。想想《太空入侵者》和《吃豆人》,它们都使用块状图形来创建可识别的人物。

Eastward

在Eastward游戏网站上寻找酷炫的小像素艺术示例。有相机等静态像素艺术,也有游戏角色的动画艺术。

Piskel应用程序

查看Piskel应用程序,可能会激发你灵感的超怀旧像素艺术示例。

老派网页元素

同样,过去的网站也会充分利用动画GIF、解释有多少人访问过网站的访问者计数器以及“正在建设中”的GIF等元素,让用户知道更新即将到来。因为这些元素现在非常罕见,它们可以以其复古的魅力给今天的游客带来惊喜和愉悦。

TLDR-通知电子邮件集+动画图标

如果你想在你的网页设计中添加一些怀旧的魅力,那就看看这些动画图标吧。受过去动画GIF的启发,这些图标已更新为2024年及以后的图标。

tldr

怀旧参考

当然,复古的网页设计可以包括网站的内容以及网站的设计方式。

Mac

你再也找不到比这个Webflow模板更复古的了,它的灵感直接来自早期的苹果操作系统界面。单色,简单的导航和自定义鼠标光标,这个网站充满了怀旧气息。

Hipster-复古响应WordPress主题

如果你准备添加自己的复古元素,这种复古布局可能是一个不错的选择。就像许多最好的复古WordPress主题一样,你可以轻松地编辑图像和文本以适应你的氛围。

复古配色方案

我们都熟悉今天占据我们大部分网络空间的配色方案。当年的网页设计师并不羞于使用色彩;也许是因为他们掌握的令人兴奋的功能技巧较少。霓虹色、柔和色调或对比色都属于复古美学。

VintWood-复古WordPress主题

时光倒流,在这个酷炫的WordPress主题中选择复古的颜色。有两个主页可供选择,它们还有20多个内页。

The Outline.com

看看the Outline中复古、碰撞的色彩。喜欢“越多越好”的方法,也有动画GIF和文本出现在不同的颜色和纹理元素上。

音乐

还记得Myspace的日子吗?用户的个人资料中伴随着他们最喜欢的歌曲的甜美音调?网站音乐,也被称为MIDI旋律(乐器数字接口),多年来已经过时了。然而,它今天又悄悄地回到了网页设计中。

Zombo.com

如果你偶然发现这个复古、精简的网站,你也会收到一个超现实的配乐,欢迎你进入页面。无论你对MIDI网站的回归有什么看法,你都不能否认它们吸引了你的注意力。

超简单导航

复古的网页设计倾向于简单的导航。这些网站通常以非常简单的滚动为特色,设计时考虑到了桌面,而不需要在平板电脑或移动屏幕上工作。

Extinct-复古组合WordPress主题

如果你正在寻找一个能让你想起简单时代的设计,那么选择这个复古的WordPress模板怎么样?尽管这适用于任何屏幕尺寸,但简单的垂直滚动和经典的内容块是复古网页设计的超级提醒。

几何图案

网格、棋盘或条纹、几何图案也经常用于复古网页设计。无论是单独使用还是辅助导航,这些设计都在卷土重来。

Celeste 

由复古游戏截图组成的网格有助于本网站的复古感。

对文本的热爱

在过去,大块的文本在网页设计中并不罕见,但很快就被偏爱图像和视频内容的网站所取代。今天,我们看到越来越多的网站不怕在设计中使用更多的文本而不是图像。

The Marginalian 

你完全错过了这个网站上的图片,这是情有可原的,因为它们很难被发现!这个网站不回避大块的文字,有自己的复古魅力。

Marlow

如果你想做类似的事情,你可以选择一个复古的WordPress模板,比如Marlow。该模板允许在单个图像旁边放置大块文本,非常适合博客、评论或新闻网站。

复古版式

当涉及到复古网页设计中的文本时,这不仅仅是关于有多少,还涉及到风格。挑选不再流行的字体可以让你的网站与众不同。

Penny Juice

看看这个网站是如何使用剥离字体的组合的,包括一些经典的彩虹渐变!在色彩冲突的背景下,这种设计看起来与当今大多数网站截然不同。

拟物化

这是一个模仿现实世界的设计元素的花哨术语,在网页设计的早期尤其流行。然而,今天仍然有无数的例子,例如,想想应用程序图标看起来像现实生活中的计算器、垃圾桶、时钟或记事本。例如,苹果的GarageBand总是会选择看起来像实物的虚拟旋钮和表盘。

Sofbox Admin

看看Ticket Booking演示,你会发现日期的形状就像票根。设计非常干净清晰,以更现代的外观改造了复古风格。

无论你是喜欢复古造型的复兴,还是拼命追求现代网页设计,不可否认复古风格正在卷土重来。

精选文章:

“新中式”越红,死得越快?

装饰链玩出花,看设计师如何创造天花板安装的“可能性”

苹果、麦当劳、喜茶等,让人过目不忘的logo营销

色彩趋势 | 2024 年十大色彩趋势,每一个都好看~

Gucci“棺材车”曝光被夸,AI 广告是审美大降级吗?