免費資源指南，每日網路資訊與科技新知
Copyright: filborg / 123RF Stock Photo
如果從事網頁設計相關工作應該很常聽到一個名詞「Mockup」，中文稱為模型或原型，若翻譯成「視覺稿」可能比較容易理解，Mockup 通常在「Wireframe」（線框圖）之後，為了讓整體畫面更貼近最終成果，會將一開始的草稿線條圖加入更多視覺元素，例如將排版、圖形和配色呈現出來，也就能夠得出最後設計稿，而在我向設計師朋友詢問後得知 Mockup 通常是透過 Photoshop、Sketch 或 Adobe XD 等軟體繪製。
開發一項新的專案前，可能會先去把相關資源找齊，其中在介面部分一定會碰到的問題是要使用那一套圖示做為主視覺，網路上已經有相當多免費圖示可供下載甚至是商業使用，若非必要其實不用再重新開發，我在上一篇「免費圖示 Unicons 收錄超過 1000 個向量圖示下載」提過一些之前介紹過的圖示素材，如果你想找圖示，也可直接瀏覽本站免費圖示分類或透過右側站內搜尋框找到更多相關文章。
對網站站長來說，在開發網站的過程中會考慮到各種可能的問題，有時候只能想辦法使用更多不同的環境進行測試，但百密必有一疏，難免遇到一些很神奇、難以理解的狀況，通常都會先詢問對方的操作環境，才能從這些資訊中找出問題癥結。如果想快速獲取使用者的瀏覽器相關資訊，可以透過之前介紹過的「My Browser 產生完整瀏覽器資訊頁面，協助解決技術問題」或「yourbrowser.is 顯示瀏覽器完整資訊，為客戶免費建立自定檢測頁面」這兩項免費服務達到目的，也更節省時間。
如果要開發應用程式或網路服務，通常會需要整套樣式一致的圖示集，而這些圖案也不是太難找，網路上有不少以開放原始碼釋出、甚至可用做商業用途的圖示庫，例如我之前介紹過的 illustrio、Ionicons、Feather Icons 和 Octicons 等等（文章裡還有更多免費圖示集鏈結），這些圖案都有不太一樣的樣式設計，只要符合自己介面風格就能有相當好的效果，相較於自行開發整套圖示來說也更省時省事。
在開發網路服務或應用程式介面都會需要用到圖示，因為涉及易讀性，也要能和各種不同風格搭配使用，多半會選擇簡單設計的圖案，過去我已經介紹過不少很值得使用的圖示集，包括：Entypo、SmartIcons、Octicons、Geomicons、Maki Icons、Zondicons 等等，族繁不及備載，其中不乏開放原始碼、可使用於商業模式的授權，如果你想開發網頁或程式，可以花點時間作功課找找有沒有符合需求的免費圖示選項。
