免費資源指南，每日網路資訊與科技新知
如果從事網頁設計相關工作應該很常聽到一個名詞「Mockup」，中文稱為模型或原型，若翻譯成「視覺稿」可能比較容易理解，Mockup 通常在「Wireframe」（線框圖）之後，為了讓整體畫面更貼近最終成果，會將一開始的草稿線條圖加入更多視覺元素，例如將排版、圖形和配色呈現出來，也就能夠得出最後設計稿，而在我向設計師朋友詢問後得知 Mockup 通常是透過 Photoshop、Sketch 或 Adobe XD 等軟體繪製。
無論是智慧型手機、平板電腦或一般桌上型電腦螢幕都擁有各種螢幕尺寸，雖然是照著通用解析度比例下去設計，但開發人員往往很難馬上意會到某個品牌、型號的螢幕大小為何，還好現在只要幾秒鐘就能 Google 找到官方的技術資訊，對於網站或應用程式開發很有用，如果你會需要用到關於裝置、螢幕大小和寬度等資料，可將本文介紹的網站加入書籤。
伴隨著各種大小尺寸的行動裝置問世，對開發者來說，這也是另一個不得不克服的問題，尤其是如何讓應用程式支援更多螢幕尺寸或在各種平台使用，當然最好的方式是先鎖定最大、最廣泛使用族群，目前來說行動裝置為 iOS、Android，電腦則是 Windows 和 macOS 兩大作業系統。如果你是應用程式或軟體開發者，應該會需要一份包含各種主流裝置的技術細節。
閱讀全文 » 關於 Device Metrics 應用程式開發必備！Google 收錄筆電、行動裝置及穿戴裝置螢幕規格細節查詢
