剖析卷土重來的一些復(fù)古網(wǎng)頁設(shè)計趨勢。

什么是復(fù)古網(wǎng)頁設(shè)計?

復(fù)古網(wǎng)絡(luò)設(shè)計更傾向于懷舊地回顧過去的網(wǎng)絡(luò)設(shè)計趨勢。

它可以指20世紀80年代早期的網(wǎng)頁設(shè)計,也可以展望2010年代(以及其間的一切)。它給予了過去的網(wǎng)頁設(shè)計尊重,而不是將其視為應(yīng)該本著進步的精神被抹去的東西。

復(fù)古網(wǎng)頁設(shè)計為何重新流行?

無論你是對現(xiàn)代感著迷,還是對復(fù)古感狂熱,這些經(jīng)典的網(wǎng)絡(luò)空間再次展示他們的(像素化)面孔都有幾個原因。

懷舊

許多在互聯(lián)網(wǎng)早期長大的人對復(fù)古的網(wǎng)頁設(shè)計感到懷舊。建立讓他們想起青春的網(wǎng)站會帶來一絲歡樂!

差別

在過去的幾年里,簡約和極簡主義占據(jù)了中心舞臺,復(fù)古的網(wǎng)頁設(shè)計可以幫助你的網(wǎng)頁設(shè)計脫穎而出。

反文化

可以呼吁那些慶祝不合規(guī)行為的人。拒絕規(guī)范,我行我素,這一聲明適合許多公司,包括針對年輕或時尚群體的時尚品牌或食品店。

引人注目

許多復(fù)古的網(wǎng)頁設(shè)計趨勢都選擇了大膽的顏色、像素藝術(shù)和動畫GIF,當用戶滾動時會吸引他們的眼球。通過回到過去,有望讓更多的人留在頁面上。

復(fù)古網(wǎng)頁設(shè)計要注意什么?

當然,復(fù)古的網(wǎng)頁設(shè)計在很大程度上指的是“以前的一切”,這種美學(xué)在網(wǎng)頁設(shè)計中有很多方式可以讓人知道。

首先,你可以把復(fù)古的網(wǎng)頁設(shè)計想象成是對特定十年的回歸。

如果你想要80年代的氛圍,可以考慮基于文本的有限圖形元素。畢竟,當時的電腦甚至不如我們今天許多人擁有的最基本的手機先進。

如果你對上世紀90年代感到懷舊,你可能更喜歡圓角或基于網(wǎng)格的布局。

2024年及以后回歸的10大復(fù)古網(wǎng)頁設(shè)計趨勢

像素藝術(shù)

20世紀70年代末和80年代初,隨著家用電腦和游戲機的誕生,像素藝術(shù)首次闖入網(wǎng)絡(luò)設(shè)計領(lǐng)域。想想《太空入侵者》和《吃豆人》,它們都使用塊狀圖形來創(chuàng)建可識別的人物。

Eastward

在Eastward游戲網(wǎng)站上尋找酷炫的小像素藝術(shù)示例。有相機等靜態(tài)像素藝術(shù),也有游戲角色的動畫藝術(shù)。

Piskel應(yīng)用程序

查看Piskel應(yīng)用程序,可能會激發(fā)你靈感的超懷舊像素藝術(shù)示例。

老派網(wǎng)頁元素

同樣,過去的網(wǎng)站也會充分利用動畫GIF、解釋有多少人訪問過網(wǎng)站的訪問者計數(shù)器以及“正在建設(shè)中”的GIF等元素,讓用戶知道更新即將到來。因為這些元素現(xiàn)在非常罕見,它們可以以其復(fù)古的魅力給今天的游客帶來驚喜和愉悅。

TLDR-通知電子郵件集+動畫圖標

如果你想在你的網(wǎng)頁設(shè)計中添加一些懷舊的魅力,那就看看這些動畫圖標吧。受過去動畫GIF的啟發(fā),這些圖標已更新為2024年及以后的圖標。

tldr

懷舊參考

當然,復(fù)古的網(wǎng)頁設(shè)計可以包括網(wǎng)站的內(nèi)容以及網(wǎng)站的設(shè)計方式。

Mac

你再也找不到比這個Webflow模板更復(fù)古的了,它的靈感直接來自早期的蘋果操作系統(tǒng)界面。單色,簡單的導(dǎo)航和自定義鼠標光標,這個網(wǎng)站充滿了懷舊氣息。

Hipster-復(fù)古響應(yīng)WordPress主題

如果你準備添加自己的復(fù)古元素,這種復(fù)古布局可能是一個不錯的選擇。就像許多最好的復(fù)古WordPress主題一樣,你可以輕松地編輯圖像和文本以適應(yīng)你的氛圍。

復(fù)古配色方案

我們都熟悉今天占據(jù)我們大部分網(wǎng)絡(luò)空間的配色方案。當年的網(wǎng)頁設(shè)計師并不羞于使用色彩;也許是因為他們掌握的令人興奮的功能技巧較少。霓虹色、柔和色調(diào)或?qū)Ρ壬紝儆趶?fù)古美學(xué)。

VintWood-復(fù)古WordPress主題

時光倒流,在這個酷炫的WordPress主題中選擇復(fù)古的顏色。有兩個主頁可供選擇,它們還有20多個內(nèi)頁。

The Outline.com

看看the Outline中復(fù)古、碰撞的色彩。喜歡“越多越好”的方法,也有動畫GIF和文本出現(xiàn)在不同的顏色和紋理元素上。

音樂

還記得Myspace的日子嗎?用戶的個人資料中伴隨著他們最喜歡的歌曲的甜美音調(diào)?網(wǎng)站音樂,也被稱為MIDI旋律(樂器數(shù)字接口),多年來已經(jīng)過時了。然而,它今天又悄悄地回到了網(wǎng)頁設(shè)計中。

Zombo.com

如果你偶然發(fā)現(xiàn)這個復(fù)古、精簡的網(wǎng)站,你也會收到一個超現(xiàn)實的配樂,歡迎你進入頁面。無論你對MIDI網(wǎng)站的回歸有什么看法,你都不能否認它們吸引了你的注意力。

超簡單導(dǎo)航

復(fù)古的網(wǎng)頁設(shè)計傾向于簡單的導(dǎo)航。這些網(wǎng)站通常以非常簡單的滾動為特色,設(shè)計時考慮到了桌面,而不需要在平板電腦或移動屏幕上工作。

Extinct-復(fù)古組合WordPress主題

如果你正在尋找一個能讓你想起簡單時代的設(shè)計,那么選擇這個復(fù)古的WordPress模板怎么樣?盡管這適用于任何屏幕尺寸,但簡單的垂直滾動和經(jīng)典的內(nèi)容塊是復(fù)古網(wǎng)頁設(shè)計的超級提醒。

幾何圖案

網(wǎng)格、棋盤或條紋、幾何圖案也經(jīng)常用于復(fù)古網(wǎng)頁設(shè)計。無論是單獨使用還是輔助導(dǎo)航,這些設(shè)計都在卷土重來。

Celeste?

由復(fù)古游戲截圖組成的網(wǎng)格有助于本網(wǎng)站的復(fù)古感。

對文本的熱愛

在過去,大塊的文本在網(wǎng)頁設(shè)計中并不罕見,但很快就被偏愛圖像和視頻內(nèi)容的網(wǎng)站所取代。今天,我們看到越來越多的網(wǎng)站不怕在設(shè)計中使用更多的文本而不是圖像。

The Marginalian?

你完全錯過了這個網(wǎng)站上的圖片,這是情有可原的,因為它們很難被發(fā)現(xiàn)!這個網(wǎng)站不回避大塊的文字,有自己的復(fù)古魅力。

Marlow

如果你想做類似的事情,你可以選擇一個復(fù)古的WordPress模板,比如Marlow。該模板允許在單個圖像旁邊放置大塊文本,非常適合博客、評論或新聞網(wǎng)站。

復(fù)古版式

當涉及到復(fù)古網(wǎng)頁設(shè)計中的文本時,這不僅僅是關(guān)于有多少,還涉及到風格。挑選不再流行的字體可以讓你的網(wǎng)站與眾不同。

Penny Juice

看看這個網(wǎng)站是如何使用剝離字體的組合的,包括一些經(jīng)典的彩虹漸變!在色彩沖突的背景下,這種設(shè)計看起來與當今大多數(shù)網(wǎng)站截然不同。

擬物化

這是一個模仿現(xiàn)實世界的設(shè)計元素的花哨術(shù)語,在網(wǎng)頁設(shè)計的早期尤其流行。然而,今天仍然有無數(shù)的例子,例如,想想應(yīng)用程序圖標看起來像現(xiàn)實生活中的計算器、垃圾桶、時鐘或記事本。例如,蘋果的GarageBand總是會選擇看起來像實物的虛擬旋鈕和表盤。

Sofbox Admin

看看Ticket Booking演示,你會發(fā)現(xiàn)日期的形狀就像票根。設(shè)計非常干凈清晰,以更現(xiàn)代的外觀改造了復(fù)古風格。

無論你是喜歡復(fù)古造型的復(fù)興,還是拼命追求現(xiàn)代網(wǎng)頁設(shè)計,不可否認復(fù)古風格正在卷土重來。

精選文章:

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

裝飾鏈玩出花,看設(shè)計師如何創(chuàng)造天花板安裝的“可能性”

蘋果、麥當勞、喜茶等,讓人過目不忘的logo營銷

色彩趨勢 | 2024 年十大色彩趨勢,每一個都好看~

Gucci“棺材車”曝光被夸,AI 廣告是審美大降級嗎?