1. 首頁
  2. »
  3. 梅專區
  4. »
  5. 梅公告
  6. »
  7. Adobe Photoshop CC RWD 感應式網頁應用與整合講座隨手活動記錄

Adobe Photoshop CC RWD 感應式網頁應用與整合講座隨手活動記錄

2015/12/31

  隨著行動裝置的普遍,現代人上網習慣不再像以前一樣,都是利用電腦,各種尺寸的手機或平板都有可能,因此RWD響應式網頁也已成為未來網頁設計的趨勢。而為了讓網頁設計師能夠更快速地設計出RWD網頁,梅問題教學網也在 12 月中與 Adobe 共同舉辦一場「Adobe Photoshop CC RWD感應式網頁應用與整合講座」,講座中還介紹到如何透過 Bracket 快速切版,以及搭配 Adobe Muse 將 PSD 快速製作成目前主流平台 WordPress 的佈景主題,相信有參與的學員們至今應該還意猶未盡吧!


  地點在 CLBC 大安本館 4 樓雖然離捷運站很近,但入口的位置稍微難找一些,因此現場我們也有請工作人員在樓下指引。不過這棟樓沒有設置電梯,剛好四層樓的樓梯也讓大家下班後稍微運動一下打起精神!(開玩笑的)


不過因報名人數眾多,為了維持講座品質,最後也不得不在人數上做控管,在此跟沒參與到的朋友說聲抱歉!而這場地共有三個投影幕,除了講師兩旁,後方座位旁的牆壁也有一個,因此也為了讓後方的學員不會被前半段擋到,我們就把位子區分成兩塊,前半部是面對講師,後半部則面對另一面的牆壁。


沒想到開始前四十分鐘,就有幾位學員已經到現場了。


因為講座是七點開始,應該不少人下班後都直接趕過來,沒有時間吃晚餐,所以現場我們也準備豐富的小點,小漢堡、小披薩、小可頌、蛋糕捲等等,讓大家稍微填飽肚子一下,飲料部分也喝到飽。



大約快七點時,學員都陸續到了,其中也不少熟面孔是之前就參加過梅老師講座的學員。


現場人數真的非常多啊!畢竟還是有新面孔,講師之一的梅老師也先自我介紹一般。


某些學員還自備筆電,真是非常認真啊!還好當時每個座位距離都有抓比較遠,才可以比較輕鬆地把筆電放在腳上,也希望大家坐的都還舒適。


梅老師除了介紹 Photoshop CC 2015 的最新功能與多工作區介紹外,也分享 Brackets 切版的好用之處,以及在設計網頁上的各種經驗談,例如:網頁文字至少要多少像素,才能被 Google 認可,最後還有 Adobe Typekit 這套實用的網頁雲端文字服務。


過程中也有不少實作流程,讓學員更清楚。


而有任何問題都能隨時提出,梅老師也即時解答。


這位學員也非常認真,不斷用手機記錄重要的簡報圖。


上了一個小時的課程後,相信不少學員都感覺有些疲憊,因此在下一小時開始前,也讓大家休息個 10~15 分鐘,順便好好享用一下餐點,活動筋骨!餐點區可說大爆滿啊,也蠻開心大家喜歡這次我們準備的餐點。


而下一堂課的講師是 Adobe 產品資深工程師 Mark,一上台自我介紹完後,就丟出一句非常震撼的問題:「為什麼想做設計?」


會有這問題其實是因為接下來要介紹的 Muse 軟體,完全顛覆我們的既有印象。以前要設計網頁,你可能必須懂 Photoshop、illustrator、lightroom、Dreamweaver 等等,但 Muse 做到你不懂這些軟體也沒關係,只要知道這網站要有幾個網頁、放哪些內容、以及準備好素材等,接著只要不斷利用插入素材、調整細項功能,完完全全不需要輸入 code,就能打造出一個有質感的網站,非常神奇。


講解可能還讓不少學員有點疑惑,來到實際操作階段後,大家可說驚呼連連啊!


而這次的講座也在約 9 點 15 分左右完美結束,筆者看得出不少學員覺得還不夠,課後留下來繼續詢問講師有關網頁設計問題,也謝謝這次有報名以及參與的大家,希望大家都很享受!


活動記錄/圖/文 by Rocky Hsu