跳到主要內容

Kaye

搜尋此網誌

用Flash建立HTML5遊戲使用EaselJS

日期： 4月 06, 2013

取得連結
Facebook
X
Pinterest
以電子郵件傳送
其他應用程式

Starting with EaselJS Starting with EaselJS - Episodes 1 & 2 Starting with EaselJS - Episode 3

取得連結
Facebook
X
Pinterest
以電子郵件傳送
其他應用程式

留言

張貼留言

熱門文章

Google Design 設計準則

Google Design Google 替新世代的網頁做了設計標準， Google Guidelines 也就是 Material design 說明了使用者介面中的元素元件應該怎麼設計，互動與視覺感的部分都有詳細的描述，裡面列出“建議怎麼做”與“不建議做”的部分，包括觸控方面的動態質感應該怎麼呈現、按鈕按下之後產生的動畫........甚至Accessibility都幫大家顧到了.............（好吧！我是個懶惰的Blogger不如你們自己去發掘吧！）（下面附上一段影片，看就知道啦～） http://www.google.com/design/ 我相信一定有很多設計師懶得看文件，但是不得不提醒大家，看這些文件有助於發掘更多新玩意、市場動態、未來走向，網頁設計的潮流停滯在Flash將近10年，但是從Flash 轉變到 HTML+CSS 然後 jQuery 紅到爆，再轉變到 Responsive Web Design，這段跳離Flash的過程，應該只花了約5年的時間，明年流行什麼？一定不是Responsive，這話題已經舊了 > <!! 我想流行的應該是有小小動態的網頁，按鈕會旋轉、工具欄、圖片展開有動畫、換頁動態，這些！就是明年的趨勢！如果你排斥著寫語法，還沒搞懂上一階段的網頁設計，快來設計師學網頁FB社團發問吧！

W3Schools(中文)的HTML和CSS參考手冊

如果你需要HTML和CSS的語法字典，網路上就有了還有範例和線上測試程式 HTML 4.01 / XHTML 1.0 参考手册 http://www.w3school.com.cn/tags/index.asp CSS 参考手册 http://www.w3school.com.cn/css/css_reference.asp

使用Adobe Illustrator設計網站時的檔案設定

常遇到學生或客戶問我用什麼軟體設計網頁。基本上，都是用 Adobe 公司出的軟體設計的。我習慣使用 Photoshop 修圖、合成、排版、切圖，對阿，排版切圖都直接用 Photoshop 沒錯。用 Dreamweaver 編寫 HTML & CSS ，對，是編寫，因為用 Dreamweaver 中提供的功能是不夠的，也不見得好用。Illustrator 只是用來畫些向量小圖案用的，幾乎不太用來做網站。雖然我自己是這樣使用這些軟體的，但不管是 Photoshop 還是 Illustrator 其實都是可以設計網頁的，檔案的設定方式也是差不多的，參考下面的圖例吧~這樣開出來的檔案，檢視比例為 100% 時就會跟真實網頁一樣大，拿去跟瀏覽器中的網頁比較一下，應該就會知道文字和圖片該設多大了。習慣做平面設計的朋友們有沒有放輕鬆了一點？解析度 72 顏色模式 RGB 單位是像素 pixel or px 寬高自己設定下面的圖檔是在 Illustrator CS6 做網頁設計的開新檔案設定請先按 Advanced (進階) 展開面版設定RGB 設定螢幕72ppi 設定單位為像素設定寬高下面這張圖是用 Photoshop 開新檔案做網頁的設定

技術提供：Blogger

Copyright Kaye