趁著這將近三個月的假日閒暇時間，終於把自己之前設計的UI實作出來寫成網頁，我又要去淚灑一波了XDDD
這次實作出來的 UI主題是之前做的「ReDesign」，就是重新設計一個網頁，FreeCodeCamp是這次我重新設計的網頁，並翻譯成中文。不知設計師們在看一些網頁時，是不是會說：「嘖！這個怎麼會這樣設計！好難用哦！你的美感在哪！？」（這樣寫不知道會不會被打XD），ReDesign其實是一個蠻好玩的主題，覺得哪裡不夠好，那就自己動手重新幫它設計吧！
接下來一步一步來講解為何這樣設計：
Part.1-改變風格 & 新增Banner
Part.2-新增section
這部份在原網頁是沒有的，是我自行添加的，有很多設計師對程式是很恐懼的(包括我)，於是把當初決定去寫網頁的初衷和理由打出來，或許能鼓舞更多設計師踏入這個領域
Part.3-改變排版方式 & 將頭像改成圓形
Part.4-改變顏色
Part.5-壓個底圖吧！
Part.6-主色確定好
Part.7-前後統一加深印象
最後的footer也是自己新增的部分，前後不一定要設計一樣，自己會這樣設計是因為為了加深印象，並有意識的知道這是最網頁最尾了
放上原網頁整個layout和自己設計後的網頁，發現自己改版設計後，變得好長！
原網站網址：FreeCodeCamp
自己設計網址：Redesign
(需要用電腦看，雖然有做RWD，但此編輯器在手機畫面呈現不出來)
記得當初是花一天時間來設計，而寫出網頁則是花了快3個月的假日時間，這個完全是從頭到尾純手工手刻(滴淚~)，除了套件和動態效果，雖然說寫到後面真的會越來越煩躁(這個畫面到底要看幾次！)，但在練習的過程中，對語言也更加熟悉、學會如何套用JS動態，並發現很多新的功能。
其實，對我來說...
無論是什麼樣的設計，只要能傳遞出自己的理念就都很好
p.s 原本是還想打出另一篇是如何實作和自學網頁的筆記，但已經看了這個網頁快3個月了（攤orz），實在不想再看到這個它了，因此打消！哈哈哈
