專為設計師及印刷商而設

適應式網頁設計(Responsive Web Design)製作初階工作坊


流動裝置的普及,令網頁設計都要為不同的裝置而調整版面。以前製作網頁,可能需要懂得編碼技巧,並需要懂得特別的軟件,很少由設計師製作。其實發展至現在,設計師或不懂得編碼之人士都可以製作網頁,變得比從前容易。

適應式的網頁設計(RWD)是由外國引入的一個極流行的網頁設計方法,就是讓手機、平板、電腦網站使用同一網站的圖文內容及資料庫,在不同尺寸或解象度的設備或螢幕上,網頁程式會根據使用者的裝置,以符合版面大小的樣式來顯示網頁的內容。更簡單地說,RWD網站技術讓你可以只花一個網站的費用,讓電腦、手機、平板都可以正常瀏覽同一個網站,再也不需要用手指在面板上放大、縮小。

在現時跨媒體年代,單單平面設計對現時設計師的來說,已經是不足以應付之技能。另外作為印刷商,亦應該考慮提供印刷以外的附加服務,正如美國印刷業,現時趨向於不單只提供單一印刷服務,還提供其他的數碼媒體服務,例如為客戶製作RWD之網頁等。另外,要貼近跨媒體的潮流,更新自家公司的網頁至RWD網頁亦有所需要。因此APTEC就特別推出此課程,從而提升從業員之技能。

學習成效

  • 學員將會學會為不同螢幕的最新網頁設計方法,例如桌面電腦、手機、電視、智能電話

  • 學員能了解HTML、CSS以及Javascript的技術

  • 學員能明白平面設計與網頁設計的分別

  • 學員能學習在用家介面及用家體驗上的最佳實踐方法


課程內容:

  1. 為何需要RWD?

  2. RWD的工作流程介紹

  3. 明白HTML、CSS及Javascript之相互關係

  4. 設計師如何理解HTML5 tag及CSS的特性?

  5. 使用CSS Box model、Padding、Margin、Box-Sizing 控制網頁頁面

  6. 明白CSS3 Flexbox的應用 

  7. 使用CSS Media Queries 製作Responsive Breakpoints 以及自家的風格

  8. 使用CSS3 Transform和Transition加入動畫

  9. 設計一個適應式的導航(responsive navigation)

  10. 使用CSS3 Animation 為RWD去創作複雜的keyframe 動畫

** 學員將會使用免費平台及軟件、以及Adobe Muse CC作為上課實習

課程對象
設計師、印刷從業員以及對RWD網頁設計感興趣之人士 ** 學員無需要懂得寫code (編碼) **

授課語言
粵語

地點
印刷科技研究中心 - 灣仔愛群道6號香港專業教育學院 (摩理臣山分校) 1樓130A室

課程編號
請留意新班

時間表
請留意新班       

費用
HK$4,200    (香港印刷業商會(HKPA)、印刷媒體專業人員協會(IPP)或印聯(Idealliance China)會員:HK$3,780)