手勢是一種很容易讓人聚焦的方式，有時候一個動作就可以勝過很多文字，不過要注意的是手勢在不同國家、文化背景可能代表著截然不同的意思。記得很久以前曾經介紹過手勢圖示集，不過後來網站也已關閉，手指或手部素材不是那麼好找，當然如果你有一些繪畫設計能力要自己製作圖片並不算太難，若和我一樣無法自製，還是還是可以尋找網路上現成的素材加工後使用。
設計
Dummy Image 假圖產生器，以網址快速載入各種尺寸顏色圖片
在設計網頁或是配置版面時經常會需要預先保留圖片位置，讓開發或示範時使畫面更接近最終樣貌，如果手邊的圖片還沒處理，我們可以透過佔位圖片（Placeholder）呈現出特定大小的圖片範圍。簡單來說，佔位圖片產生器利用網址直接調整、產生特定尺寸範例圖，省去必須自行裁切圖片的麻煩，因為是以網址形式載入圖片，即使沒有下載圖片依然能在網頁上顯示，我曾介紹過的 Unsplash It、Placekitten、Placemat 和 PlaceKeanu 都是類似應用。
Artify 提供新冠肺炎免費設計素材，線上編輯器修改立即使用
Blush 可線上調整、預覽並快速製作插圖素材，提供 PNG 格式免費下載
最近很流行的插畫素材是可以自訂各個部分，讓使用者快速製作符合自己需求的圖案，不用受限於原有圖案設計，前陣子介紹的 Stories by Freepik 還能加入動態效果，使靜態圖片變成動畫插圖；Icons8 旗下的 Vector Creator 可以自行挑選樣式，將需要的素材元件拖曳到畫面上，使其成為一張新的圖片。現在很多插畫庫都是直接提供使用者免費的向量圖或可編輯格式（像是 Sketch、Figma 或 XD），如果能在線上直接編輯產生圖片更方便。
everysize 輸入網址就能測試響應式網頁在各種裝置尺寸的顯示效果
現在很多人是透過智慧型手機或平板電腦瀏覽網頁，在網頁設計上就要考量到如何讓不同尺寸螢幕大小也能正常顯示，以往會製作成電腦版和手機版兩種格式，後來多半以響應式網頁設計（Responsive web design）技術直接在不同尺寸螢幕上顯示最適合的樣式，更重要的是可以節省維護的成本和時間。想測試自適應設計在各種裝置顯示情形，除了直接使用手機瀏覽外，其實也有不少工具可以輔助，像是 Responsive Viewer、ScreenDump 或是 Responsive Screenshots。
Stories by Freepik 可自訂顏色背景免費插圖素材，加入動畫效果製作影片
上次介紹 Freepik 免費圖庫已經是七年前的事，這家公司後來推出 Piktab 讓使用者開啟瀏覽器新分頁時隨機顯示素材資源，取代原有單調無趣的分頁功能；也有 Slidesgo 收錄免費 Google Slides 和 PowerPoint 簡報模板下載，其實免費圖庫公司已經不單單只有提供圖片相片，而是有許多不同類型的變化，亦可吸引更多使用者進入，例如 Icons8 最早是以免費圖示起家，後來還開發可以讓使用者自行設計圖庫的 Moose Photos、免費音樂庫 Fugue 或是自製插圖的 Vector Creator。
Snapfont 在網頁即時套用測試 Google Fonts 和本機字型顯示效果（Chrome 擴充功能）
對中文網頁來說，CSS 字型設定一直是個麻煩的問題，想直接載入字型檔案容量太大，拖慢網頁速度、耗費過多流量，通常會使用網頁字型解決，像是 Google Fonts 和 Adobe Fonts（以前叫作 Typekit）就有提供思源黑體和思源宋體等中文網頁字型，只要加入一段 JavaScript 程式碼並調整一下 CSS 樣式表就能使用，讓網頁的中文部分更易於閱讀，設計看起來也更有質感。
The Stocks 2 整合免費圖庫、影片、圖示和字型，單一網站快速瀏覽切換
距離上一次介紹 The Stocks 已經超過五年，前段時間無意間瀏覽到這個網站，才想起我以前好像也寫過文章，不過網站現在變得不太一樣而且內容又更完整了，非常推薦加入收藏，因為真的很方便。如果你還不知道 The Stocks，它整合各種設計相關免費資源，最早只有將一些免費圖庫整合在一起，讓找圖的使用者透過側邊欄選單快速切換各個不同圖庫網站，加速搜尋圖庫的效率。