
Handy Arrows 是收錄手繪箭頭插圖的素材網站,也是一般網路上比較少看到的風格,無論使用於平面設計(例如海報、傳單或產品介紹)、應用程式開發或是網頁製作皆可,反而可達到吸引瀏覽者注意的效果喔!Handy Arrows 收錄的這些手繪箭頭插圖都能直接複製 React 組件或是 SVG 的 XML 可延伸標記式語言,也可以下載為 SVG 向量圖格式。
除了有箭頭插圖外,Handy Arrows 還有塗鴉(Doodles)、資訊圖表和插圖分類,都是由同一作者 DaryaKro 設計,也都是很適合使用的手繪風格插圖喔!
Handy Arrows 所有素材都是以「CC BY 4.0」授權方式釋出,使用者可以自由下載使用、分享或進行修改,唯獨在使用時必須「姓名標示」,而且不得增加額外限制。
網站名稱:Handy Arrows
網站鏈結:https://handyarrows.com/
使用教學
打開 Handy Arrows 網站後會看到各種手繪的箭頭插圖,相當有趣,原來箭頭還可以有這麼多不同的風格變化,適當使用可以吸引瀏覽者注意。

點選素材下方的「複製」會有 React 組件或是 SVG 原始碼兩種形式,點選後就會複製到剪貼簿,而另一個按鈕「下載」可將素材保存為 SVG 格式,大家應該都很熟悉才對。

從左側選單可以切換 Doodles、Infographic 或是 Illustrations 三種項目,其中在塗鴉部分也有不少很好看的插圖喔!使用方式一樣,點選複製程式碼或是下載 SVG 檔。


Handy Arrows 網站上有「License」鏈結會連到 CC 授權頁面,有使用素材時記得可以參考 Creative Commons 授權頁面的詳細說明。

值得一試的三個理由:
- Handy Arrows 稀有且吸引目光的設計,讓作品更具特色
- 提供 React 組件與 SVG 格式,滿足設計與開發需求
- 符合 CC BY 4.0 授權規範,可自由下載與修改