剖析卷土重來的一些復古網頁設計趨勢。
什么是復古網頁設計?
復古網絡設計更傾向于懷舊地回顧過去的網絡設計趨勢。
它可以指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演示,你會發現日期的形狀就像票根。設計非常干凈清晰,以更現代的外觀改造了復古風格。
無論你是喜歡復古造型的復興,還是拼命追求現代網頁設計,不可否認復古風格正在卷土重來。
精選文章: