標籤: UI 頁1

網路資源

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 不知道該怎麼做的朋友都可以到這邊來參考被收錄的範例,相信一定會有不少收穫。

網路資源

GoodUI- 一些 UI 上的建議整理

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

網路資源

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

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

網路資源

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

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

網路資源

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

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

網路資源

FigmaCrush- 豐富的 Figma 資源收集站

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

網路資源

One Page Love- 收集一頁式網站的網站

One Page Love 是一個收集一頁式網站的網站,並提供樣版供人下載。

網路資源

Uplabs- 讓設計師分享個人設計作品的網站,並提供原始檔供下載

Uplabs 是一個讓設計師分享個人設計作品的網站,也提供了原始黨下載,有的免費有的是需要付費的,但就算不下載還是一個可以激發靈感的好地方。

網路資源

Pttrns- 行動裝置(mobile, ipad, apple watch) 的 UI 收藏網站

Pttrns 是一個專注在行動裝置(mobile, ipad, apple watch) 的 UI 收藏網站,可以依據作業系統或者 UI Pattern 的不同做篩選與瀏覽。

網路資源

Sitesee- 收集網頁設計的網站

Sitesee 是一個收集網頁設計的網站。

網路資源

Mobbin- 收集優秀手機 app UI 和 pattern 的網站

Mobbin 是一個收集優秀手機 app UI 和 pattern 的網站,可以透過他的分類去激發自己的靈感。

網路資源

Land-book- 分門別類的優秀網頁作品收藏網站

Land-book 收錄了關於 Lading Page、個人作品集、部落格等許多類型的優秀網站,值得前往觀看激發靈感。