設計網頁或開發使用者介面有很多「眉角」，可能在文字大小、顏色或按鈕形狀稍作調整就會有完全不同的效果，對於追求完美的設計師來說會找一群人進行 AB 測試（A/B Testing），比較兩種或多種設計中最好的表現結果，而這通常能在最短時間達到最佳的正確性，例如，在購物流程可以準確點選要加入購物車的商品，或是在查詢、註冊或加入訂閱時按下正確選項，可別小看這些設計細節，有時候一點點微小差異就足以造成相當大的影響。
介面開發
Ikonate 具完整自訂性免費圖示下載，SVG 向量格式可設定邊框樣式
雖然網路上有無數免費圖示可以下載使用，卻很少有「量身打造」的選擇，只能盡量找出最符合自己需求的圖示圖案，有些圖示集仍有完整自訂選項，例如 Omg-img 用一段程式碼快速插入圖示，可自訂顏色、大小或樣式，大部分的圖示則會提供一些預設大小讓使用者選擇，例如 Iconshock 收錄超過 200 萬個免費圖示下載，或是 ICOOON MONO 圖示內建七種不同的尺寸大小。
Mockdown 線上將軟體介面、網頁或應用程式擷圖轉為 Mockup 視覺稿
如果從事網頁設計相關工作應該很常聽到一個名詞「Mockup」，中文稱為模型或原型，若翻譯成「視覺稿」可能比較容易理解，Mockup 通常在「Wireframe」（線框圖）之後，為了讓整體畫面更貼近最終成果，會將一開始的草稿線條圖加入更多視覺元素，例如將排版、圖形和配色呈現出來，也就能夠得出最後設計稿，而在我向設計師朋友詢問後得知 Mockup 通常是透過 Photoshop、Sketch 或 Adobe XD 等軟體繪製。
Illustration Gallery 免費扁平化插圖圖庫，SVG、PNG 格式可商業用途
如果你需要一些插圖素材，接下來要介紹的免費資源你一定會喜歡！通常在免費圖庫可以找到不少相片，插畫相對來說就比較難尋覓，且很多都必須付費購買才可下載，又會依照用途區分不同的授權售價，買起來也會花不少錢（而且不一定符合需求），想起之前介紹過的「unDraw 可商用扁平化圖示免費下載！適合用於網站、應用程式或簡報設計」算得上是開發者和設計師的救星，這些素材都相當有質感，而且可直接線上調整顏色後下載非常方便。
Potlab Icons 動畫 SVG 圖示免費下載，只要程式碼就能動起來
YourKit.pw 快速產生瀏覽器相關資訊，開發除錯更容易找出問題點
對網站站長來說，在開發網站的過程中會考慮到各種可能的問題，有時候只能想辦法使用更多不同的環境進行測試，但百密必有一疏，難免遇到一些很神奇、難以理解的狀況，通常都會先詢問對方的操作環境，才能從這些資訊中找出問題癥結。如果想快速獲取使用者的瀏覽器相關資訊，可以透過之前介紹過的「My Browser 產生完整瀏覽器資訊頁面，協助解決技術問題」或「yourbrowser.is 顯示瀏覽器完整資訊，為客戶免費建立自定檢測頁面」這兩項免費服務達到目的，也更節省時間。
