RWD網頁設計案例:臺北市休閒農業資訊入口網 (改全滿版專案)

作者:admin 於 2019-10-25
2042
次閱讀

【台北網頁設計案例】隨著國民所得的提高,為滿足都市人 親自體驗農耕的樂趣 及對 安全農產品的需求,台北市農會於民國 78 年起積極規劃推動 市民農園,希望將農業、休閒、教育功能相結合,由農民提供農地讓市民親自耕種。像是農耕公園,都市人攜家帶眷,在此活動筋骨,體驗農家生活,並可教育年輕一代認識農業。目前臺北市共有 9 處市民農園,幾乎都處於 額滿 的狀態,而且流動性低,實習耕種 的市民不只是與其耕種的土地、作物有深厚的感情,也與其他實習耕種者及農園主之間建立起 深厚的情誼,儼然是一個個穩固的市民農園俱樂部。



臺北市休閒農業資訊入口網

 

臺北市休閒農業資訊

  • 網站性質:入口型網站架構、後台管理系統、RWD響應式網站
  • 營業項目:整合大臺北地區所屬的所有休閒農業相關資訊
  • 系統技術: SEO RWD JQUERY CSS3 HTML5
  • 程式系統:主視覺模組系統、新聞模組系統、檔案下載模組系統、進階搜尋模組系統、會員管理模組系統、問與答模組系統、相關連結區塊模組系統、農場介紹模組系統、簡易式線上報名模組系統、選單管理模組系統
  • 圖庫使用:10 張
  • 網站語言:繁體中文
  • 建置日期:2019/10/05
  • 瀏覽網站:前往網站

 


台北市休閒農業觀光教育輔導資訊彙整


因應電視尺寸有越來越大的趨勢,以及電視都可以直接上網觀看網頁的功能,以前的版面設計會局限在某一尺寸的寬度之內 (像是以 4:3 螢幕所設計的寬度),依但以現在 16:9 的電視來上網觀看,甚至是更大尺寸的43"、65"、100"...等螢幕觀看,會發現某些區域只有限制的寬度比例,造成螢幕左右兩邊會空白很多,讓觀看者有不適當比例的觀感,我們建議台北市農會修改版面為「全滿版式」的做法,讓任何螢幕的大小,都會自動的填滿放大,觀感會更為舒適。

電視與電腦-滿版.jpg

 

修改網站內容

  1. 修改首頁大圖的尺寸,舊版的大圖尺寸較小,將其圖片的尺寸增高200像素,讓視覺上更為突出。
  2. 選單的數量似乎不大夠用,修改為「滿版」,可以再多容納約3組的選單,日後應用上將會更為彈性。
  3. 原舊版的設計,看來整個版面過於複雜 (圖片太多),改為以 ICON 的方式來呈現,會讓人看來比較單純,沒有複雜性的壓力感覺。
  4. 原舊版的設計,在比較寬的螢幕 (16:9),會覺得左右邊空白很多,讓人感覺相當的壅擠,而市面上16:9的螢幕 (電腦或電視) 都已是主流,修改為「滿版」後,區塊一樣會隨著螢幕大小來做縮放。
  5. 新聞模組與農場模組內頁增加 FB + Line + Email 快速導出、分享設計。
  6. 舊網站於 2016 年所建置,升級主機系統與架站主程式到最新版本 (為程式漏洞與資安防範所作)。
  7. 交付「原始碼光碟」一片,相當於此網站的「備份檔」,保障網站的權益。