當我還是小屁孩的年代，學美術的時候一定是從靜物設計開始，學設計的時候從點麵線
點線面開始。學了美術讓我體會到一件事情，就是我一點美感的天份都沒有（無誤），從小學到國中，我能感謝的大概就是，美術班去北美館或是國美館的次數，比我感冒的次數還多這樣。
--------------------------------------------------------------------------------
視覺化
視覺設計要切入的點其實並不困難。
* 網頁即是視覺中圖層的概念。
* 視覺元素即是圖層的堆疊與變化。
* 視覺元素參考線就是切割線。
* 視覺區域連續性可以分成兩個圖層來思考。
* 把東西放上去的動作不一樣，但是結果相同。
設計大概很難沒聽過圖層（Layer）這個名詞，也感謝偉大的 Photoshop
將這種概念深植人心。對於視覺設計來說，圖層是一種畫布，是一種可以渲染、疊合、遮蔽、裁切或是做出通透特效的透明
圖紙，
What's Layout?
一直以來，我始終都覺得這是一個很沉悶的課題。如果用一張紙一枝筆可以解釋的話，那麼請這麼做：
* 畫出 1 個大的矩形，你可以叫他 A
* 在這個 A 矩形中，畫出 10 個恰巧可以填滿的矩形
* 試著說出為什麼要這樣擺放
* 把 10 個矩形減少為 5 個，試著重新填滿 A 矩形
如果你問我矩形是什麼形狀，那我很確定你可能不適合走這條路。
我們常聽到網頁設計，但是，扣除掉 VD(VirtualVisual
我上次在 介紹 blueprint
[https://blog.hinablue.me/entry/css-tech-blueprint-css-framework-simple-howto/]
的時候，有提到這件事情。同時在 DivToDesign 也有不少介紹的文章：
* 960 CSS Framework – Learn the Basics
[http://divitodesign.com/css/960-css-framework-learn-basics/]
* Tricks to Solve 960 CSS Framework Problems
[http:
我不知道該怎麼樣去解釋甚麼是 Blueprint CSS Framework [http://www.blueprintcss.org]，所以，底下我直接摘錄
Blueprint CSS Framework [http://www.blueprintcss.org/] 的官方 README
中的說明（謎：你是要充版面吧），另外，他們也有 Google Code [http://code.google.com/p/blueprintcss/]
可以參考：
開始之前，底下是參考文件：
* CSS3 . Info, Try out the CSS 3 Template layout module
[http://www.css3.info/try-out-the-css-3-template-layout-module/]
* Ready for use: CSS 3 Template layout module [http://a.deveria.com/?p=236]
* CSS Template
