標籤: UI 頁1
網路資源
Galileo.ai- 透過文字敘述就可以經由 AI 產出 UI 設計圖，並可直接匯出到 Figma 編輯
Galileo.ai 是一個透過文字敘述就可以經由 AI 產出 UI 設計圖的線上服務，產出的內容還可直接匯出到 Figma 編輯。
網路資源
PatternFly Elements- 收錄豐富的 Web Components，並提供 React、Vue.js 及 Angular 等熱門框架元件
PatternFly Elements 是一個收錄豐富的 Web Components，並提供 React、Vue.js 及 Angular 等熱門框架元件。
網路資源
Elix- 提供許多 Web Components 的線上資源庫
Elix 是一個由社群驅動，提供許多 Web Components 的線上資源庫，你可以選擇自己想要的元件，並支援 React 以及 Typescript。
網路資源
Canva- 好用的線上圖片設計工具
Canva 是一個好用的線上圖片設計工具，網站本身提供了許多的樣板，包含 PPT 簡報、FB 貼文、影片、平面設計... 等，也可以在上面編輯 UI 以及和夥伴協同作業，目前已經是做設計及社群相關的火熱線上平台，還沒用過的一定要來試試看。
網路資源
Hack Design- 收錄一些關於 UI、UX 與設計相關的教學
Hack Design 是一個收錄一些關於 UI、UX 與設計相關的教學的網站，你可以依順序看完每個內容的介紹，也可以依據自己需求找分類的文章來看。
網路資源
Web Animation Course- 說明網頁動畫的原理以及提供一些範例的網站
Web Animation Course 是一個有著說明網頁動畫的原理，以及提供一些範例的網站，對動畫有興趣的朋友推薦去瀏覽一下了解原理，或者是吸收靈感。
網路資源
UI Tips- 收錄一些 UI/UX 設計上需要注意的重點的網站
UI Tips 是一個收錄了一些 UI/UX 設計上需要注意的重點的網站，可以上去看一下有哪些是已經知道的，又或者哪些是之前沒有注意過的事項。
網路資源
The Component Gallery- 收錄許多 UI 元件說明以及 Design System 的網站
The Component Gallery 是一個收錄許多 UI 元件說明的網站，你可以就圖示以及說明了解每種 UI 的樣子以及應用方式，另外還有一個分類是 Design Systems，收錄了許多現成的 UI 設計系統，都可以參考看看。
網路資源
Palette Maker- 方便的線上配色與預覽工具
Palette Maker 是一個方便的線上配色工具，選擇左邊既有的色票，可以查看這些顏色應用在 UI 或插畫等設計的效果，也可以點擊顏色替換成你要的顏色，對於在設計時要了解配色效果的朋友可以參考。
網路資源
CSS LAYOUT- 認識 UI 元件的常用名稱以及該如何用 CSS 切出來的簡單範例
CSS LAYOUT 是一個整理了許多常見的 UI 元件，可以透過圖示認識其常用的名稱，以及有提供簡單範例說明該如何用 CSS 切出該版型的網站。
網路資源
Apple Design Resources- Apple 相關的設計資源
如果有要做 Apple 相關裝置的 UI 設計， Apple 本身就有提供相關的設計資源，可以到他們的特設網頁去下載。
網路資源
Mockplus- 線上 UI 規劃的另一個選擇
Mockplus 是一個 Mockup 繪製線上工具，並可製作頁面間連結的關係，比較不一樣的是他有內建一些互動效果可以直接拖曳使用，給有需要的朋友試試看。
網路資源
AdminKit- 免費 bootstrap5 管理介面樣版下載
AdminKit 是一個免費 bootstrap5 管理介面樣版下載的網站，也提供了許多額外付費下載的樣式及套件，有需要的可以使用看看。
網路資源
Graphic Design Junction- 豐富的設計資源收集網站
Graphic Design Junction 是一個豐富的設計資源收集網站，在上面可以看到設計、字型、icon、Mockup、WordPress 佈景主題等等相關資源。
網路資源
Masonry- 瀑布流版面配置的套件
相信對於網站開發有一定經驗的朋友一定對瀑布流 UI 不陌生，其中最有名的以瀑布流 UI 為版面配置的就屬 pintreset，那如果我們要在自己的網站上使用瀑布流 UI 的配置的話，一般我們都是使用 Masonry 這一個 js 的套件。
網路資源
MockFlow- 好用的線上 wireframe、Sitemap、Mockup工具
現在專案工具真的是百家爭鳴，MockFlow 是可以線上協作 Wireframe、Sitemap 與 Mockup的工具，免費可以開啟一個 UI 專案、3 個頁面，雖然是遠遠不及 figma，但還是可以參考看看。