專為設計師及印刷商而設

適應式網頁設計(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)