這個站為什麼長這樣
2026年8月19日
個人站上線了。先把話說清楚:莫蘭迪灰色系、水彩、極光、楷體標題,這些是我的個人喜好,沒有策略故事可以講,喜歡就是喜歡。值得寫的是喜好定了之後,底下的技術決策。
深色模式不是加分項,是及格線
科技受眾大量用深色介面,只出白底等於放掉半個受眾的第一印象。所以這裡的規矩是:每個色票、每張圖都要 light、dark 兩套完整值。首頁那張水彩極光,淺色模式是霧藍青的白日極光,深色模式換成深夜湖面;同一家族、各自最佳,不是同一張圖硬調亮度。
動效只有一個目的:讓極光動起來
靜態的極光只是一張圖。我要的是整個網頁有極光的流動感,所以動效全部圍繞這件事:cover 的畫會極慢地呼吸推近,極光帶的亮度像真的極光一樣起伏;背景則有一道光影緩慢掃過,白底是雲影、黑底是月光,換頁也不中斷。
第一版是失敗的:背景疊了一層彩色霧,參數上有動,視覺上等於零;調濃之後黑底又髒。砍掉重做才變成現在的樣子。收斂出來的原則是:特效要接近大自然,動的方式照自然現象走(呼吸的明暗、飄過的霧、湖面的月光),速度用自然的速度;一次只做一種隱喻(極光),慢,而且輕。
收尾
老實說,這個站是我當 art director、AI 執行蓋出來的;品味沒辦法外包,執行可以,這個題目值得另外寫一篇。每次改版發布前都過一輪腳本檢查,沒過驗證的東西不出門。
對網頁架法有興趣的,這裡有技術分享文:四頁小站的架法