要解決問題必須知道問題在那，就如同除錯（Debug）時要有完整資訊才行，如果你遭遇一些和網頁相關的狀況，也認為罪魁禍首應該是瀏覽器，那麼提供必要資訊將有助於開發者釐清並修復問題。但這又有一個問題：我要如何提供最完整的使用者資訊呢？除了瀏覽器名稱、版本以外還需要什麼？這可能就比較有難度了，還好問題終究會有人想到解決辦法。
介面開發
Mobile Mockup 以最簡單的方法製作手機模型圖，整合截圖可自訂顏色
unDraw 可商用扁平化圖示免費下載！適合用於網站、應用程式或簡報設計
這幾年扁平化設計（Flat design）相當盛行，無論是在網頁設計、應用程式開發或簡報製作上都能看到它的蹤跡，扁平化風格主要結合簡化排版、亮色調、視覺上的親和力和直覺等特色，現在 iOS、Android 或 Windows 10 都是類似的扁平化設計效果，在使用上看起來非常舒服、乾淨，也有不少網站會採用此風格。
Mockup Photos 數百種高畫質素材圖庫，可自行上傳整合擷圖
上面這張照片中 Macbook 顯示的是免費資源網路社群網頁畫面，你可能以為我真的借來這麼多道具、佈置成專業的風格拍照，事實上這是合成圖，直接將網站擷圖整合到圖庫中，就能有像是實際拍攝的效果，而這也被稱為 Mockups，我個人最常用的是 Smartmockups，因為它的素材多、經常更新，當我在撰寫文章時，如果沒有適合的首圖通常會自己產生。除此之外還有以下幾項類似的免費服務：
Mockuptime 裝置模版 PSD 素材免費下載，讓產品畫面更臻質感
之前介紹過不少將應用程式或網頁畫面整合到圖庫的服務，通常稱為 Mockups，這些工具利用已經拍攝好的素材，將使用者選擇的畫面快速置入，讓相片看起來更有質感，也不用自己費心去調整或編輯圖片，有時候要準備展示畫面或擷圖 Mockups 就會相當實用，Smartmockups 是我很喜愛的工具，至少有不少文章的首圖我都是使用它來產生，除此之外，像是 Mockuper、Fotomock 或 Magic Mockups 也都很好用。
Mockuper 將圖片快速合成到平板電腦、手機或看板上
有時候在網路上看到別人製作的插圖很有質感，通常會在圖庫素材中整合自家產品，不但沒有違合感，還能解決類似照片不好拍出來的問題，其實不用透過專業軟體就有一些線上工具可以做到，例如 Smartmockups 除了網頁版以外還能付費購買 Mac 應用程式，其他像是 Magic Mockups、MockUPhone 或 Dimmy.club 都能滿足類似需求，當然圖庫相片多不多也會是選擇的因素之一。