網頁設計應用支援螢幕大小時,要考慮的排版問題
我們發現到:要讓網頁設計應用支援多種設備,開發者需要根據設備的「像素密度」(Pixel Density)與「螢幕大小」(Screen Size),處理相對應的「排版」與「圖片」問題。接續前一篇,本篇將闡述處理「螢幕大小」(Screen Size)的方式。
「螢幕大小」(Screen Size)
螢幕大小指的是整部機器「放大了」,在螢幕上的「像素」變多了,能同時顯示或操作更多的內容。從手機、平板、筆電、電視,我們可以看到各種不同大小、解析度的螢幕,並且都有各自慣用的使用界面和操作方式。
「像素密度」要解決的,是在相同的使用界面下,各種排版與圖片的問題。而「螢幕大小」則需要解決如何因應不同螢幕大小來提供不同使用者界面,與在不盡相同的使用界面下,各種排版與圖片的問題。因為我們很有可能需要因應不同螢幕大小的操作習慣,而有不同的設計。
要解決這些「螢幕大小」的問題,最主要的工具就是要應用 CSS media query來完成此「螢幕大小」的問題。
轉貼來源:香港矽谷
參考文獻:
1.賴逸婷(2007)。網站體驗品質評估之研究。國立雲林科技大學視覺傳達設計研究所碩士論文,未出版。
2.張婷玥(2006)。顧客體驗與體驗品質之概念性研究。國立政治大學企業管理研究所碩士論文,未出版。
3.黃佳惠(2005)。體驗品質、滿意度及行為意向關係之研究-以華陶窯為例。朝陽科技大學休閒事業管理系碩士論文,未出版。
相關文章
思考讓網頁設計支援多種裝備網頁設計可用性設計的原則網頁設計可用性設計的重要性網頁設計模型常見的網頁設計誤區
最新文章
HVACKer:入侵隔離網絡的新型攻擊技術還有什麼不會被入侵?路由器 LED 燈已成為攻擊入口美 5 家獨角獸同天申請 IPO 掛牌,最狂的是一家估值 124 億美的數據分析新創!【台灣「智慧產業」開始佈局】緯創集團領投跨國 AI 新創 iKala,下一步拓展東南亞市場快可以用手機遠端遙控你的所有家電了