DrupalCamp Taipei 2014 跨界整合 論壇紀錄 社群日 重點記錄 特別推薦講者 Chris 簡報 Responsive Design on Drupal

DrupalCamp Taipei 2014 跨界整合 論壇紀錄 社群日 重點記錄 特別推薦講者 Chris 簡報 Responsive Design on Drupal

上ㄧ篇  跟大家介紹  DrupalCamp Taipei  第一天 企業日 重點記錄 ,接著這篇就來分享 第二天 社群日 的部分了!

老實說,第二天滿多和程式開發有關,這部份我能運用上和理解程度會比較弱,所以我就不能"魯班門前弄大斧“! 自討沒趣嚕~  還是以自己吸收到最有用的部份來跟大家分享~

首推 這老朋友 Chris 的簡報 " Responsive Design on Drupal " 這議題!

DrupalCamp Taipei 2014 跨界整合 論壇紀錄 社群日 重點記錄 特別推薦講者 Chris 簡報 Responsive Design on Drupal

說起 老朋友 Chris ~ 就真的不能不幫他打打廣告!

吳政斌 / Chris 他自己目前創業中, 集緻設計 / 賦格創意   他是少數懂程式又在設計能力上有一定水準的人,在 Drupal 這CMS架站系統
社群推廣上,也真是投入超多心力的~

RWD (Responsive Web Design) 響應式網站設計  這概念也是很多年前他分享給我的~

這次、他的簡報 Responsive Design on Drupal 更加精采喔!!  就來看看當天這議題有哪些重點吧!

另外、Chris 他的完整簡報可以在 這個網頁 詳細了解。

DrupalCamp Taipei 2014 跨界整合 論壇紀錄 社群日 重點記錄 特別推薦講者 Chris 簡報 Responsive Design on Drupal

RWD (Responsive Web Design) 響應式網站設計 大部分的朋友認知就是 “PC版本完整呈現內容、手機版本有一個小的、適合的,平板再多一些…." 這樣的基本了解,更高接一點的人以瀏覽器寬度做為判斷依據,多寬就給適合瀏覽的內容來呈現。

但、RWD (Responsive Web Design) 響應式網站設計 真的只有這樣子嗎?

DrupalCamp Taipei 2014 跨界整合 論壇紀錄 社群日 重點記錄 特別推薦講者 Chris 簡報 Responsive Design on Drupal

首先、Chris 先介紹  Drupal  幾個已經支援 RWD (Responsive Web Design) 響應式網站設計 的表皮 Theme,你可以直接利用這幾個完整支援RWD概念的Theme主題工具,快速達到網站功能。

DrupalCamp Taipei 2014 跨界整合 論壇紀錄 社群日 重點記錄 特別推薦講者 Chris 簡報 Responsive Design on Drupal

這幾個Theme主題,不只後台功能完整,並有多種對應的功能可以自由選擇和設定,幾乎可以不需要動到任何程式功能,就能滿足版面安排的需求。

DrupalCamp Taipei 2014 跨界整合 論壇紀錄 社群日 重點記錄 特別推薦講者 Chris 簡報 Responsive Design on Drupal

這邊也特別舉了這個觀光專案案例,例如~ 可以看到上頁為 電腦完整呈現的版本。

DrupalCamp Taipei 2014 跨界整合 論壇紀錄 社群日 重點記錄 特別推薦講者 Chris 簡報 Responsive Design on Drupal

當換到平版或是大螢幕手機、標準常用手機….  可以發現不同裝置有不同的呈現效果。

但是、你注意到了嗎?  這樣的RWD並非我們認知小裝置就是給小圖、內容縮小…等等區分而已喔!

DrupalCamp Taipei 2014 跨界整合 論壇紀錄 社群日 重點記錄 特別推薦講者 Chris 簡報 Responsive Design on Drupal

這邊有個很重要的"原則、精神" !!  Multi-Device Layout Patterns  !!

你應該先把網站內容做出"重要程度" 的區分,再來是什麼裝置應該以什麼內容為主要的呈現形式,或是佔有比例、大小、先後順序…等等條件設計,之後才是RWD該怎麼呈現他!

例如~ 你是 品牌 呈現給不同裝置的為主要訴求,還是 產品 為主要配比呢?  對於視覺化的呈現,若不是先以商業價值做為優先考量的需要,那RWD只不過是看起來很漂亮的另一個網站,並沒有真正做好RWD !

提供這個概念的完整資料讓有興趣的朋友參考了~

Multi-Device Layout Patterns

Off Canvas Multi-Device Layouts

接著陸續還有好幾位講者分享的資料也很不賴喔~

有興趣深入了解的可以到 這 DrupalCamp 議題分享 網頁來分別一一了解!  分別點入議程標題,都有完整的簡報內容!

DrupalCamp Taipei 2014 跨界整合 論壇紀錄 社群日 重點記錄 特別推薦講者 Chris 簡報 Responsive Design on Drupal

像是這 Node.js 這個目前火熱的前端程式,也就是滿有趣的部分~

DrupalCamp Taipei 2014 跨界整合 論壇紀錄 社群日 重點記錄 特別推薦講者 Chris 簡報 Responsive Design on Drupal

我另一個印象深刻的簡報,就是 iThome Redesign 大挑戰  由 總編輯 吳其勳網站開發既資訊部經理 黃柏諺 帶來的分享內容!

完整簡報影音 我也特別引用一下~  非常精彩! 值得一聽!!

DrupalCamp Taipei 2014 跨界整合 論壇紀錄 社群日 重點記錄 特別推薦講者 Chris 簡報 Responsive Design on Drupal

因為今日的"界線在模糊" !! 平台與技術多方面都是一樣的情況,但網站提供什麼內容還是最重要的關鍵事項!

如何 導入、開發、維運 是整個流程中很重要並需要審慎思考的喔!

DrupalCamp Taipei 2014 跨界整合 論壇紀錄 社群日 重點記錄 特別推薦講者 Chris 簡報 Responsive Design on Drupal

 DrupalCamp Taipei  是個年度短時間內可以學習到不少新東西並且更加了解到Drupal 這CMS架站系統 服務的好機會,如果你懂得用CMS來做為網站的骨幹基礎,那恭喜你! 你已經和一般外頭從零到有甚麼要外包或是自己來的開發觀念,已經有非常大的突破了~

而如果你認為架站最快速方便是 wordpress 這CMS,那你真的應該再來好好認識一下Drupal 這玩意喔~~

吳 天元

溫厝的543大家長,平常沒時就愛碎碎唸,標準的阿宅。 平時就愛看電影、研究網路行銷,有時間當然也愛陪伴著家人! 總希望世界和平之外,更希望能看看外星人到底長啥模樣了!

發表迴響

你的電子郵件位址並不會被公開。 必要欄位標記為 *