標籤: UI 頁1

網路資源

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 大小表。

網路資源

Website Style Guide Resources- 豐富的網頁 UI Guideline 收集站

Website Style Guide Resources 是一個豐富的網頁 UI Guideline 收集站,對於 UI Guideline 不知道該怎麼做的朋友都可以到這邊來參考被收錄的範例,相信一定會有不少收穫。

網路資源

Screen Siz.es- 提供螢幕解析度、寬高比的參考列表

Screen Siz.es 是一個提供螢幕解析度、寬高比的參考列表的網站。

網路資源

Storybook- 幫你快速打造團隊內共用的 UI 元件展示與文件的好工具

Storybook 為了解決 UI 樣式管理而誕生的服務,只要透過這個服務,就能快速幫團隊建立共用的 UI 元件與文件,。

網路資源

uiGradients- 收錄好看的漸層配色,也可以自訂自己的

uiGradients 收錄好看的漸層配色,也可以自訂自己的漸層配色,並能下載 jpg 或取得 css。

網路資源

FigmaCrush- 豐富的 Figma 資源收集站

現在大家在開發專案應該很多都有碰過 Figma,FigmaCrush 則是一個收集了許多 Figma 範例跟素材的網站,有興趣的朋友可以上去找找靈感。