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