剖析卷土重来的一些复古网页设计趋势。
什么是复古网页设计?
复古网络设计更倾向于怀旧地回顾过去的网络设计趋势。
它可以指20世纪80年代早期的网页设计,也可以展望2010年代(以及其间的一切)。它给予了过去的网页设计尊重,而不是将其视为应该本着进步的精神被抹去的东西。
复古网页设计为何重新流行?
无论你是对现代感着迷,还是对复古感狂热,这些经典的网络空间再次展示他们的(像素化)面孔都有几个原因。
怀旧
许多在互联网早期长大的人对复古的网页设计感到怀旧。建立让他们想起青春的网站会带来一丝欢乐!
差别
在过去的几年里,简约和极简主义占据了中心舞台,复古的网页设计可以帮助你的网页设计脱颖而出。
反文化
可以呼吁那些庆祝不合规行为的人。拒绝规范,我行我素,这一声明适合许多公司,包括针对年轻或时尚群体的时尚品牌或食品店。
引人注目
许多复古的网页设计趋势都选择了大胆的颜色、像素艺术和动画GIF,当用户滚动时会吸引他们的眼球。通过回到过去,有望让更多的人留在页面上。
复古网页设计要注意什么?
当然,复古的网页设计在很大程度上指的是“以前的一切”,这种美学在网页设计中有很多方式可以让人知道。
首先,你可以把复古的网页设计想象成是对特定十年的回归。
如果你想要80年代的氛围,可以考虑基于文本的有限图形元素。毕竟,当时的电脑甚至不如我们今天许多人拥有的最基本的手机先进。
如果你对上世纪90年代感到怀旧,你可能更喜欢圆角或基于网格的布局。
2024年及以后回归的10大复古网页设计趋势
像素艺术
20世纪70年代末和80年代初,随着家用电脑和游戏机的诞生,像素艺术首次闯入网络设计领域。想想《太空入侵者》和《吃豆人》,它们都使用块状图形来创建可识别的人物。
Eastward
在Eastward游戏网站上寻找酷炫的小像素艺术示例。有相机等静态像素艺术,也有游戏角色的动画艺术。
Piskel应用程序
查看Piskel应用程序,可能会激发你灵感的超怀旧像素艺术示例。
老派网页元素
同样,过去的网站也会充分利用动画GIF、解释有多少人访问过网站的访问者计数器以及“正在建设中”的GIF等元素,让用户知道更新即将到来。因为这些元素现在非常罕见,它们可以以其复古的魅力给今天的游客带来惊喜和愉悦。
TLDR-通知电子邮件集+动画图标
如果你想在你的网页设计中添加一些怀旧的魅力,那就看看这些动画图标吧。受过去动画GIF的启发,这些图标已更新为2024年及以后的图标。
怀旧参考
当然,复古的网页设计可以包括网站的内容以及网站的设计方式。
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演示,你会发现日期的形状就像票根。设计非常干净清晰,以更现代的外观改造了复古风格。
无论你是喜欢复古造型的复兴,还是拼命追求现代网页设计,不可否认复古风格正在卷土重来。
精选文章: