品牌官網要有個性,我完全同意。但改版時最容易出問題的地方,是把風格當成目標本身,結果紙感、斜貼、邊框、陰影都做出來了,讀者卻不容易看懂這一頁到底要講什麼。
我現在看復古感,不會只看畫面像不像,而會先問:這個視覺語言有沒有幫助閱讀?如果字太擠、卡片太亂、手機版一直斷行,那再漂亮的風格都會變成阻力。
這篇核心結論
復古感可以留下來,但它要先讓位給清楚的標題、穩定的欄寬、夠舒服的段落距離,以及手機上能順著讀完的內容節奏。
復古感不是問題,讀不下去才是問題
很多復古風網站會刻意做紙張、印刷、舊系統介面或手工拼貼感。這些元素本身不壞,甚至很容易創造記憶點。但如果每個區塊都在搶注意力,讀者就會不知道哪裡是主標、哪裡是摘要、哪裡可以點。
所以我會先把閱讀層級定好。主標要夠大,但不能被壓到只剩幾個字一行;摘要要比內文醒目,但不能變成另一個標題;卡片可以有角度和陰影,但不能讓標題和按鈕的位置變得難掃。
我會先穩住四個閱讀條件
改版前先檢查
- 標題在桌機和手機上是否自然換行,而不是被窄欄硬切開。
- 內文欄寬是否適合閱讀,不能太長,也不能因為 sidebar 太寬而變碎。
- 圖片和卡片是否有固定比例,避免載入後把版面往下推。
- 手機版是否先呈現內容,而不是先被裝飾、側欄或大圖佔滿。
這些條件不夠穩時,我不會急著加更多效果。因為可讀性一旦失守,後面所有風格都只是在幫混亂加濾鏡。
桌機可以更有個性,手機一定先求穩
桌機畫面有比較多空間,可以保留紙張層次、斜貼膠帶、側欄資訊和更大的圖片。但手機版不是桌機縮小,它是另一種閱讀場景。手指要點得到、段落要接得上、重要資訊要在不用左右滑的情況下看完。
我通常會保留品牌色、材質感和少量手工細節,但會把 hover-only、太斜的卡片、大量側邊資訊和過寬表格收掉。這不是犧牲設計,而是讓設計在手機上繼續可用。
我的取捨規則
如果一個視覺效果讓使用者更快理解內容,就保留;如果它只是讓畫面更熱鬧,但增加閱讀和操作成本,就縮小、移位或拿掉。
常見 FAQ
FAQ
- 復古風格網站一定比較難讀嗎?
不一定。只要字級、欄寬、對比和段落節奏穩定,復古感可以是品牌記憶點,不一定會傷害可讀性。 - 手機版要保留哪些風格元素?
建議保留色彩、字體語氣、材質和少量框線,避免保留會擠壓內容或造成誤觸的複雜裝飾。 - 改版時要先做視覺還是先做內容?
我會先排內容層級,再把視覺套上去。內容層級清楚,風格才不會變成遮住資訊的東西。
結論
復古感和可讀性不是對立的。真正要避免的是為了做出風格,把標題、段落、圖片和操作路徑變得難懂。只要閱讀骨架先穩住,品牌個性反而會更有力量。