PIECE2巨群
網頁設計 ‧ 平面設計 ‧ 虛擬主機 ‧ 網路行銷
最新消息
資訊分享
關於我們 服務項目 客戶案例 製作流程 虛擬主機 聯絡我們
網頁設計應用支援螢幕大小時,要考慮的排版問題

我們發現到:要讓網頁設計應用支援多種設備,開發者需要根據設備的「像素密度」(Pixel Density)與「螢幕大小」(Screen Size),處理相對應的「排版」與「圖片」問題。接續前一篇,本篇將闡述處理「螢幕大小」(Screen Size)的方式。


「螢幕大小」(Screen Size)

螢幕大小指的是整部機器「放大了」,在螢幕上的「像素」變多了,能同時顯示或操作更多的內容。從手機、平板、筆電、電視,我們可以看到各種不同大小、解析度的螢幕,並且都有各自慣用的使用界面和操作方式。

「像素密度」要解決的,是在相同的使用界面下,各種排版與圖片的問題。而「螢幕大小」則需要解決如何因應不同螢幕大小來提供不同使用者界面,與在不盡相同的使用界面下,各種排版與圖片的問題。因為我們很有可能需要因應不同螢幕大小的操作習慣,而有不同的設計。

要解決這些「螢幕大小」的問題,最主要的工具就是要應用 CSS media query來完成此「螢幕大小」的問題。

 


轉貼來源:香港矽谷

 


參考文獻:

1.賴逸婷(2007)。網站體驗品質評估之研究。國立雲林科技大學視覺傳達設計研究所碩士論文,未出版。

2.張婷玥(2006)。顧客體驗與體驗品質之概念性研究。國立政治大學企業管理研究所碩士論文,未出版。

3.黃佳惠(2005)。體驗品質、滿意度及行為意向關係之研究-以華陶窯為例。朝陽科技大學休閒事業管理系碩士論文,未出版。

 
返回列表
上一頁 下一頁


相關文章

思考讓網頁設計支援多種裝備
網頁設計可用性設計的原則
網頁設計可用性設計的重要性
網頁設計模型
常見的網頁設計誤區


最新文章

HVACKer:入侵隔離網絡的新型攻擊技術
還有什麼不會被入侵?路由器 LED 燈已成為攻擊入口
美 5 家獨角獸同天申請 IPO 掛牌,最狂的是一家估值 124 億美的數據分析新創!
【台灣「智慧產業」開始佈局】緯創集團領投跨國 AI 新創 iKala,下一步拓展東南亞市場
快可以用手機遠端遙控你的所有家電了



 
PIECE2巨群 版權所有 © 2008 總公司:06-2895301 台北:02-82529838 台中:04-25152530 高雄:07-7931226
驗證 CSS 驗證 W3C
專精項目:網頁設計   網站設計   平面設計   包裝設計   關鍵字行銷   關鍵字排名   網路行銷   網站代管   虛擬主機   ERP系統