從每日UI(不含假日)挑戰計劃縮短到每周UI+一篇文章，維持了三個多月，但到一個月前，因為工作關係，需要學新技能，沒有再碰UI相關的東西，也寫不出任何東西來，不得不將這些東西全部暫停QQ
但實在不想放棄好不容易養成寫文章的習慣，所以改成分享這陣子所學新技能：網頁切版(主要是html+css)是如何改變我的大腦思維，雖然剛學沒多久，但...這將近一個多月的初學根本就是爆炸性啟發腦袋，每天頭都痛得要死XDDD
以下三點是我這一個多月最具啟發的發現和學習 (?
- 切版和平面設計作法大不同：舉例來說，做二個不同顏色的矩形，在Xd/Ai/Ps中只要從工具選單中拉曳出來並選好顏色就好；而當在切版時，則是會先寫出這二個矩形的區塊(如果有需要通常外面會再包個大區塊)，然後再去寫出它們的顏色要什麼色碼，最後還需要思考這二個矩形在不同螢幕尺寸會做什麼變化或排版。
- sass/scss/bootstrap/.....等等：切版還不只是學會html/css就好，需要學的東西還多的勒，雖然最主要還是學好html/css這二個網頁語言，但會越多東西，能讓自己寫網頁更快，也可以套別人已經做好美美的樣式，不用任何東西都自己手刻，但前提還是要懂別人怎麼寫的會比較好。
- RWD：目前最讓我頭痛的就是這個!!!就是在電腦、Pad和手機這三個不同螢幕尺寸中，網頁會做什麼變化，可能是自動縮放或是排版改變(等等下面會做出不同尺寸畫面怎麼變化)。有時在電腦尺寸下好不容易做好畫面，在pad和手機尺寸卻跑掉就要去修改，而修改完後，又看到原本電腦尺寸跑版，真的會讓我超抓狂XDDD
最後來分享網頁畫面該不同螢幕尺寸下該怎麼設計
(沒錯！就是很常讓我腦袋想到破掉的RWD)
先問問看大家從這張畫面看到了什麼？
或許是地球圖片、標題、小標顏色、內容文字...等
而我看到的卻是這樣…
還有這樣...
跟這樣...
經過這個月的自學崩潰期：
我看到的 「畫面」不再只是個畫面
雖然每天看一堆非人類的語言，還要試圖理解它到底在寫什麼，真的很頭痛！尤其是畫面整個大跑版或出現錯誤畫面，整個會讓我頭皮發麻，但當看到自己能夠寫出自己設計的網頁時，真的很有成就感也很開心((淚灑~~~
