本部落格已搬家
點此前往新部落格

新主機測試中...

行動版網頁不就是把網頁縮小而已嗎?

這篇不講 coding 技巧,不講用 SASS 要怎麼寫,不講 Bootstrap 要怎麼用,不講各種 framework 怎樣達成 RWD 的原理。只是一份講行動版網站與做一般網站有何差異的概覽。

本簡報適合瀏覽對象:
- 覺得行動版網頁只是把網頁縮小而已,沒什麼的人
- 為了學 RWD 還花錢跑去上課的人
- 不知道設計行動版網站有什麼眉角的初學者
- 被指派做行動版網站,不知從何開始的菜鳥美工

本文摘要:
RWD(Responsive Web Design)技術概論與行動網頁設計注意事項

  • 基本心法1 – 流動布局
  • 內的設定
  • 判斷使用者
  • 基本心法2 –Media Query
  • Media Query & Media Type
  • Media Query - device-pixel-ratio
  • 掌握解析度-慎選 Breakpoint
  • Table 如何 RWD
  • 選單如何 RWD
  • 行動裝置上的網頁動畫
  • 圖片也要RWD
  • 圖示也要RWD
  • 嵌入多媒體也要 RWD
  • 設定Flash替代內容
  • 表單準備好了嗎?
  • 按鈕準備好了嗎?
  • 網頁原本用的Plugins準備好了嗎?
  • 文書人員上資料時要小心
  • 測試工具

以現實來說,
企業主真的有在乎他的客戶會用手機來看他們的網站嗎?

設計理念什麼的都是 bullshit,
只願意花30元吃滷肉飯的客人,還要講求健康純天然、服務品質、賓至如歸?

以大局來說,
東西有多難做什麼的沒人會care,就一句話,做不做得出來?


這篇文章有幫助到您嗎? 歡迎 😀打賞贊助


Comments 轉載文章請留言說一聲

comments powered by Disqus