design

Ionicons 是一套開放原始碼圖示字型集，其 7.1.0 版本包含了 1,300 個專為 Web、iOS、Android 和桌面應用程式製作的圖示。這個字型集專為 Ionic Framewor k設計，實現了應用程式中 Material Design 和 iOS 風格的統一使用。每個 Ionicons 圖示都提供 Outline、Filled 和 Sharp 三種不同風格的選擇，同時支援 Ionicons Web Component 用法。這種用法能夠動態載入 SVG，有效減少應用程式載入時的資源開銷，提高圖示顯示效率。Ionicons 採用 MIT 許可證，允許商業使用，為應用程式圖示的顯示提供更大的靈活性和效率！

Icongo 是一個匯集超過 7萬個 SVG Icon 的線上平台，它集結了包括 Ant Design Icons、Boxicons、CSS.gg、Devicons、Eva Icons 等超過 70個開放原始碼的免費 Icon 資源網站。使用者不僅可以透過關鍵字輕鬆搜尋所需的 Icon，還能在 Icongo 網站上直接瀏覽各開放原始碼網站提供的 SVG Icon。此外，Icongo 提供了方便的預覽和下載功能，每個 Icon 集都可生成獨立的npm檔案供使用，同時也支援轉換為 React 元件。圖示採用 MIT 許可證，允許自由修改並可免費用於商業目的。對於仍在尋找全面且開放的 SVG Icon 資源的使用者來說，Icongo 絕對是一個不可錯過的平台。

有時候會在網站上看到很漂亮的產品包裝盒，有些可能是真有其物，有些可能是利用美工軟體繪製出來的，尤其在免費軟體的網站上，可以經常看到。不管如何，若沒有美工底子，想要做出一個精美的 3D產品包裝盒，可能要花掉不少的時間，這時候，可以透過 3D Cover Box Designer 這套免費的 3D 產品包裝盒製作軟體來協助，你只需要將應用在產品上的圖品準備好，剩下的就可以交給 3D Cover Box Designer 來幫你產生。

近來流行將各種移動裝置的外型當圖片的相框使用，像是筆電、手機、平板、電腦、手錶...等，都是相框的素材，也有很多的網站提供各大廠牌相關裝置的圖片外框可以使用，像是 MockDrop及Magic Mockups 都是屬於這類的服務。
Apple Design Resources 這個網站是由 Apple 官方網站所建立，其提供旗下軟、硬體的相關設計資源，包含 Mac、iPhone、iPad、Apple Watch 等產品的圖片外框與 UI介面及圖示，讓有需要的使用者都可以自行下載運用。

想要在網頁上對「Button - 按鈕」進行樣式調整，通常會使用背景圖片或是使用 CSS 來調整按鈕的外觀，若要加上當滑鼠移到按鈕的上方或是離開，也會使用 Javascript 來加上，若對繪製這些圖片、Javascript 都不是很熟悉的話，還是要花一些時間來製作，若是偶而用用，建議可以到 CSS Button Designer 這個免費的按鈕樣式產生器來製作，除了可使用 CSS 改變按鈕樣式，也提供滑鼠移到按鈕的上方或是離開時的 Javascript ，製作完成後，直接複製所產生的 Code 便可應用的網頁裡，相當方便。

Da Button Factory 是一個可以在線上製作網頁按鈕的免費產生器，所產生的網頁按鈕會包含已使用的背景圖片(PNG、GIF、JPEG、ICO)及相對應的 CSS 程式碼可供下載，讓你方便應用在網頁上；Da Button Factory 可讓使用者自訂所要產生網頁按鈕的樣式，亦可參考所提供的網頁按鈕範例再行修改，讓你幾乎不需要有任何美工的技巧，就能輕易做出有水準網頁按鈕。

human pictogram 2.0 (無料人物 ピクトグラム素材 2.0) 網站，主要提供像是鳥獸、剪影、人像行為、氣球、箭頭、植物、背景音樂、城市、聖誕節....等等的免費音樂與插圖素材，而 human pictogram 2.0 則是以人像行為為主，將人類的日常行為，像是運動、吃飯、上學、職業別、情感...等等，用一簡單的圖示來表示，圖示提供 Illustrator Ai，EPS，SVG，JPG，PNG 五種圖片格式下載，至於可以應用的範圍，只要不將其作為商標來使用，基本上都可以。

時至今日要將不是太複雜的圖片去除背景幾乎已不需要圈圈選選、塗塗抹抹了，網路上有非常多 去除圖片背景的免費服務可供使用，操作上也幾乎一致，只要上傳圖片就會完整的幫你處理完成，而 designify 這個網站，除了做到去除圖片背景外，還加入場景合成這一塊，使用者只須要上傳圖片，就會自動合成出多種場景圖片，而且這些場景還會依據圖片內容的不同而有所不同，網站也提供簡易的編輯工具，支援 JPG 與 PNG 圖片格式，檔案最大 12MB，免註冊就可使用，下載的圖片也不會有任何的浮水印。

想要繪製流程圖、示意圖或是程式設計用的 UML 類別圖、電路設計圖、網路拓樸圖等等，多數均會選擇 Microsoft Visio 這套商業軟體，不過，若沒有合適的預算，建議你可以使用這套 Diagram Designer 免費的流程圖、電路設計圖、UML 等繪製軟體，並可輸出 WMF、EMF、BMP、JPEG、PNG、MNG、ICO、GIF 以及 PCX 等格式且還是繁體中文版，相當好應用。

沒有美工的底子又想要製作 Logo 最快速的方法就是利用 Logo 產生器，Domain Logo Designer 的使用相當簡單，只要輸入要產生的 Logo 文字(中、英文均可)便可調整其設計好的參數，輕鬆且快速的產生 Logo。

做了響應式網頁，該如何能夠看出其在不同螢幕尺寸下應有的效果呢？everysize 是個可以讓用戶選擇像是 iPhone、iPad、Google Pixel 等裝置的尺寸或是手動調整螢幕尺寸來呈現網頁的免費網站，不同以往看到的類似網站，該網站在呈現網頁後，用戶是可以直接操作非靜態的。

不論是 windows、web、Android、iOS 的開發，甚至是平面設計，總是免不了 ICON 圖示的應用，既然稱為圖示，當然就不是要使用者去猜，而是必須設計成一看就知道要做什麼。想要有一致的圖示風格又能符合 ICON 的設計準則，網路上有很多免費下載 ICON 圖示的網站，而現在 Google Design 中的 Material icons 網站，則是提供 Action、Alert、AV、Communication、Content、Device、Editor、File、Hardware、Image、Maps、Navigation、Notification、Social、Toggle 等多種類型的 ICON，且每個圖示均提供 18dp、24dp、36dp、48dp 尺寸與 PNG、SVG 兩種圖檔格式，供你免費下載應用。