標籤: UI 頁1

網路資源

UI Tips- 收錄一些 UI/UX 設計上需要注意的重點的網站

UI Tips 是一個收錄了一些 UI/UX 設計上需要注意的重點的網站,可以上去看一下有哪些是已經知道的,又或者哪些是之前沒有注意過的事項。

網路資源

MUUUUU.ORG- 專門收集日系網站範例的網站

MUUUUU.ORG 是一個專門收集日系網站範例的網站,喜歡日系風格的朋友可以到這個網站來找靈感。

網路資源

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 切出該版型的網站。

網路資源

GoodUI- 一些 UI 上的建議整理

GoodUI 提供了一些 UI 上的建議整理,並有大量以 A/B 對照的方式說明 UI 設計的優劣。

網路資源

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,但還是可以參考看看。

網路資源

Draw.io- 好用的跨平台線上圖表工具

Draw.io 提供了方便的線上圖表繪製功能,你可以在上面建制流程圖、sitemap、系統架構圖之類的圖表,也提供了樣板供你使用及參考。

網路資源

COREUI- 免費的 bootstrap admin 樣版下載

COREUI 提供了免費的 bootstrap admin 樣版下載,你也可以付費取得更進階的服務。

網路資源

App Animations- 收錄許多手機 app 互動效果的網站

App Animations 是一個收錄許多手機 app 互動效果的網站,可以到這邊收集靈感。

網路資源

Figma- 好用的免費線上 UI 協作神器

Figma 是這幾年熱門的線上 UI 設計與原型協作工具,可以透過網頁的介面就能設計出各種裝置的 UI,還可以直接和其他使用者協作,另外再完成後還能直接看到 UI 上面的相關數據,像是間距、顏色、字體大小等等,如果有網站或 UI 規劃的需求還沒有用過的,絕對推薦來使用看看。

網路資源

Freebbble- 整理 Dribbble 上免費素材的網站

Freebbble 將 Dribbble 上許多設計師分享的免費素材檔案分門別類整理起來,包括 HTML/CSS、背景、圖示集、字型、PSD、使用者介面、網站模版等等。

網路資源

iOS Res- 方便查詢的 iOS 裝置解析度與 icon 大小表

iOS Res 提供了方便查詢 iOS 裝置解析度與 icon 大小表。