網頁設計應用支援螢幕大小時，要考慮的排版問題
我們發現到：要讓網頁設計應用支援多種設備，開發者需要根據設備的「像素密度」（Pixel Density）與「螢幕大小」（Screen Size），處理相對應的「排版」與「圖片」問題。接續前一篇，本篇將闡述處理「螢幕大小」（Screen Size）的方式。
「螢幕大小」（Screen Size）
螢幕大小指的是整部機器「放大了」，在螢幕上的「像素」變多了，能同時顯示或操作更多的內容。從手機、平板、筆電、電視，我們可以看到各種不同大小、解析度的螢幕，並且都有各自慣用的使用界面和操作方式。
「像素密度」要解決的，是在相同的使用界面下，各種排版與圖片的問題。而「螢幕大小」則需要解決如何因應不同螢幕大小來提供不同使用者界面，與在不盡相同的使用界面下，各種排版與圖片的問題。因為我們很有可能需要因應不同螢幕大小的操作習慣，而有不同的設計。
要解決這些「螢幕大小」的問題，最主要的工具就是要應用 CSS media query來完成此「螢幕大小」的問題。
轉貼來源：香港矽谷
參考文獻：
1.賴逸婷（2007）。網站體驗品質評估之研究。國立雲林科技大學視覺傳達設計研究所碩士論文，未出版。
2.張婷玥（2006）。顧客體驗與體驗品質之概念性研究。國立政治大學企業管理研究所碩士論文，未出版。
3.黃佳惠（2005）。體驗品質、滿意度及行為意向關係之研究－以華陶窯為例。朝陽科技大學休閒事業管理系碩士論文，未出版。
相關文章
思考讓網頁設計支援多種裝備網頁設計可用性設計的原則網頁設計可用性設計的重要性網頁設計模型常見的網頁設計誤區
最新文章
邁向「新製造」時代，阿里巴巴 B2B 為企業打造專屬數據管家從校園出發培育電商人才，全國大專院校 B2B 跨境電商競賽開跑淺談新興中小企業對APP的需求及機會做好停電危機預應，維繫企業資訊系統運作【數位行銷工作坊】肉搜技能GET，社群經理人之王就是你！
