這是一篇早期原型回顧。文中記錄的是網站第一版原型階段的想法和狀態,與網站現在的樣子不一定相同。
Hello, world.
作為這個網站的第一篇部落格文章,我想先記錄架站最初的一次嘗試:為什麼想做一個自己的空間,第一版原型長什麼樣子,以及我希望接下來怎麼改進它。
我一直在學寫程式,也對遊戲開發、AI 和各種開源工具感興趣。我希望有一個自己的地方,把學習筆記、想做的專案和零散的想法慢慢整理起來。以後回頭看時,能知道自己當時在研究什麼,又是怎麼一步步做下去的。
於是,就有了這個個人網站的嘗試。
從參考網站開始確定風格
一開始,我對網站風格的描述是:略清爽的二次元。
我希望它能展現自己對動漫和遊戲的興趣,頁面看起來輕鬆一些,也適合安靜地讀完一篇文章。配色、圖片、文字和留白都應該為這種感覺服務。
為了把這個方向說清楚,我找了參考網站。看到具體的頁面以後,再討論自己喜歡什麼,會比較容易。不過,「清爽」和「有二次元感」還是很籠統,同樣的描述可以對應差異很大的設計。
第一版原型並沒有達到預期
第一版原型安排了首頁、作品、文章和收藏等區塊,也嘗試加入主題切換和搜尋。但看到整體效果時,我的回饋很直接:這還不是我想要的效果。
雖然有了這些內容區塊,頁面整體的感覺仍然和預期有落差。這也是我想在第一篇紀錄裡保留的部分:第一次嘗試,就是從一個需要繼續修改的原型開始的。
接下來,我想把「感覺不對」拆成更具體的問題。先看首頁最突出的是哪些內容,個人介紹和文章入口的位置是否合適,再考慮配色、字型、圖片比例和內容密度。
調整時也打算縮小範圍:先把首頁定下來,再處理文章頁面,接著檢查手機上的閱讀和操作。每次圍繞一個明確的問題修改,比較容易判斷效果。
AI 參與了原型和方案整理
這次嘗試裡,AI 參與了原型和方案的整理,讓最初的想法有了一個可以檢視、討論的樣子。
之後用 AI 協助開發時,我想把需求說得更具體。例如,希望首頁先呈現什麼,文章頁面怎樣讀起來更舒服,一次修改具體要解決哪個問題。這些都需要我自己先想一想,再透過實際頁面判斷。
同時,我也希望慢慢看懂相關的程式碼:一段內容在哪裡維護,樣式由哪裡控制,新增文章需要經過哪些步驟。能夠持續維護這個網站,也是我想透過這個專案學會的事情。
以後打算在這裡寫什麼
目前,我想把部落格的內容放在幾個自己會持續接觸的方向上:
- 程式學習:記錄理解一個概念的過程、練習中遇到的問題,以及後來想通的地方。
- 遊戲開發和 AI 嘗試:把有意思的想法做成小實驗,記下嘗試的方法和結果。
- 網站開發紀錄:記錄頁面、功能和內容結構的調整,以及每次修改背後的原因。
有些文章可能只講一個很小的問題。比如一個條件判斷為什麼會得到這樣的結果,或者某個頁面細節為什麼需要改。只要能用自己的話說清楚,就值得留下一篇紀錄。
從第一篇開始慢慢累積
接下來,我想繼續打磨網站的視覺和閱讀體驗,也逐步用自己的文章和專案充實它。
之後的開發紀錄,希望能寫清楚當時遇到了什麼問題、嘗試了什麼,以及實際效果如何。還沒解決的部分也可以先記下來,在後續更新裡接著處理。
這篇就先記錄架站的起點。
如果你剛好路過,歡迎來到這裡。以後這裡會有程式碼、遊戲、一些東摸西摸的嘗試,以及我慢慢學會做東西的過程。