寒假目標#1: 建立個人專案網站!
前言 之前在寫推甄自傳的時候,我總覺得好可惜,明明做了很多的專案,卻有許多專案很難用三言兩語解釋,讓人很難快速地看到成果。沒辦法demo是一點,但一部分也跟我的表達能力不足有關。 所以,我想好好整理自己曾做過的專案,想辦法用淺顯易懂的方式呈現出來。至於建立個人網站的部份,其實是我老早就想做的。架設的能力是有,但卻不知道該做什麼網站出來,剛好現在找到了一個方向。 這篇文章會寫下我打算如何架設網站,還有打算陳列和介紹專案的一些方式與想法。 最終的成品可能會跟接下來所寫的不完全一樣,不如說一定不一樣。過程中,一定會遇到當前沒設想過的情況。做出來之後,我會另外再寫一篇文章來介紹。 網站架設草圖,包含一些個人的想法 架設一個網站,我認為大方向是需要考量到開發者的體驗(DX)和使用者的體驗(UX)。 前者(DX) 重在框架、套件的選用,注重在整份程式的撰寫方式: 程式碼是否容易閱讀和維護?將來會不會難以擴充、增加功能?簡單來說,就是最終要讓我要看得順眼,寫得開心。 後者(UX) 就跟網站最終呈現出來的樣子有關囉,是我這次打算特別注重的方面: 一句話總結,就是網頁畫面要順眼,和使用者間的互動要直覺。 畫面不可過於擁擠,又或過於花俏、要從使用者的角度出發,加強重點,淡化非相關要素等等,實際上要考量的地方很多,我認為這也是提昇我「表達力」的一環。 以下我將網頁設計還有框架選擇分開來細講: 1. 網頁設計概念 說到網頁設計,我想大多數人的第一印象會認為這個跟美學、設計有關,一般人學不來,也不是該去注重的部份。但我認為,這部份至關重要! 寫網站,或是說寫程式的最終目的,不就是要給人看,或給人用嘛?而使用的人,最先看到的,一定只是網站最終呈現出來的樣貌。不是背後的程式碼寫得多麼整潔、多麼井井有條,也不是在嘔心瀝血後的10%效能提升。 人會有主觀感受,並且喜歡偷懶: 精心編排,勝過平鋪直敘的陳列; 圖文並茂,勝過一整片黑底白字; 一目了然,勝過千言萬語的解釋。 我這幾天剛看完一本講解如何設計UI的書,名稱叫 Refactoring UI,是開發出Tailwind的人撰寫的。網頁設計其實並沒有那麼玄乎。只是需要多思考幾層: 我希望怎麼呈現?使用者想要看什麼?呈現出來的效果看起來舒不...