軟體開發

Mockdown 線上將軟體介面、網頁或應用程式擷圖轉為 Mockup 視覺稿

如果從事網頁設計相關工作應該很常聽到一個名詞「Mockup」，中文稱為模型或原型，若翻譯成「視覺稿」可能比較容易理解，Mockup 通常在「Wireframe」（線框圖）之後，為了讓整體畫面更貼近最終成果，會將一開始的草稿線條圖加入更多視覺元素，例如將排版、圖形和配色呈現出來，也就能夠得出最後設計稿，而在我向設計師朋友詢問後得知 Mockup 通常是透過 Photoshop、Sketch 或 Adobe XD 等軟體繪製。

閱讀全文 » 關於 Mockdown 線上將軟體介面、網頁或應用程式擷圖轉為 Mockup 視覺稿

OpenMoji 開放原始碼免費表情符號，彩色單色 SVG、PNG 格式免費下載

除了聊天會用到表情符號（Emojis），在做設計或開發介面也可能使用這些小圖案，不過圖片有版權規範，若沒有付費購買授權相信大家也不敢貿然使用，更不用說是系統輸入法內建的表情圖案。當然如果有預算，直接付費購買你需要的圖案設計是最簡單、最安全的作法，或是選擇以 CC0 授權方式釋出的圖示就能減少日後可能會有的侵權疑慮，畢竟現在網路發達，搜尋一下很多資訊就會攤在電腦前，要盡量減少被別人抓到把柄的機會。

閱讀全文 » 關於 OpenMoji 開放原始碼免費表情符號，彩色單色 SVG、PNG 格式免費下載

Screen Sizes 常用手機、平板電腦和顯示器螢幕尺寸大小、寬度等資訊查詢

無論是智慧型手機、平板電腦或一般桌上型電腦螢幕都擁有各種螢幕尺寸，雖然是照著通用解析度比例下去設計，但開發人員往往很難馬上意會到某個品牌、型號的螢幕大小為何，還好現在只要幾秒鐘就能 Google 找到官方的技術資訊，對於網站或應用程式開發很有用，如果你會需要用到關於裝置、螢幕大小和寬度等資料，可將本文介紹的網站加入書籤。

閱讀全文 » 關於 Screen Sizes 常用手機、平板電腦和顯示器螢幕尺寸大小、寬度等資訊查詢

Device Metrics 應用程式開發必備！Google 收錄筆電、行動裝置及穿戴裝置螢幕規格細節查詢

Device Metrics 應用程式開發必備！Google 收錄各種常見筆電、行動裝置螢幕規格細節查詢

（Copyright: suziria / 123RF Stock Photo）

伴隨著各種大小尺寸的行動裝置問世，對開發者來說，這也是另一個不得不克服的問題，尤其是如何讓應用程式支援更多螢幕尺寸或在各種平台使用，當然最好的方式是先鎖定最大、最廣泛使用族群，目前來說行動裝置為 iOS、Android，電腦則是 Windows 和 macOS 兩大作業系統。如果你是應用程式或軟體開發者，應該會需要一份包含各種主流裝置的技術細節。

閱讀全文 » 關於 Device Metrics 應用程式開發必備！Google 收錄筆電、行動裝置及穿戴裝置螢幕規格細節查詢