優秀網頁、介面 參考整理

要學習網頁設計，必需先了解市面上所有網站的極限能做到那邊，這樣自己在設計時才能有個底，然後就能大膽的突破框架，以下整理出幾個比較有名的參考來源：

從 http://www.awwwards.com/ 出發，這個網站的強項是可以從技術關鍵字去尋找相關網站，例如 gsap、animation，你點一個網站進去就可以參考他設定的分類了

在來就是 webDesign 的 bookmark ，可以去google關鍵字 應該可以找到很多，以下列出三個日本的 bookmark 網站
http://bm.s5-style.com/
http://bm.straightline.jp/
http://muuuuu.org/

這兩個，當然就是設計師每天必經之處，試著下一些關鍵字看看 例如web animation https://www.pinterest.com/
https://dribbble.com/

thefwa.com 這是技術類的網站整理

http://zurb.com/patterntap  這個網站的分類也滿吸引我的，你可以在右上角找到分類區塊，並選擇你想要風格的網站


有找到新的參考來源，會在整理在這篇文章上。

AE手繪動畫

第一篇文章，發點比較個人特色作品好了：

      這是去年用Adobe的 After effects(AE) 作的一個簡單的手繪動畫，大約參考一下手繪動畫的現成範例，然後用很多張白紙畫上一個一個畫面，局部的部份則用AE動畫來表現，白紙加黑線條的用意其實是好去背，因為影片去背所有的影格都要有連貫性，所以整部動畫串場時才不會覺得很奇怪，下雨的部份則是用了簡單的 粒子特效，發現AE在特效這一塊 反而比熟練整個軟體簡單，因為很多效果外掛都幫你準備好了，只要設定一些參數就會跑出來了，只是之前要先去嘗試知道有這個東西，製作時就可以很快的套用上去，當然AE在網頁這一塊我目前還沒有實地的經驗，但我想應該能匯出gif當做背景素材使用，使網頁能有結合AE粒子特效的感覺。