設計資源總匯
奧革設計團隊精心整理的設計師必備設計資源,收藏各式各樣的網站設計靈感、App設計靈感、配色靈感、圖示設計、設計工具、品牌設計、免費圖庫、響應式網站設計工具等,設計師趕快把他收藏到書籤吧!
網頁設計
App 設計
配色靈感
圖示設計
企業識別
字型與字體
PhotoShop 資源
Sketch 資源
原型設計
免費可商用圖庫
設計工具
設計規範
設計用紙
設計新聞
網頁開發工具

CSShake 各種「抖」的 CSS 程式碼
Some CSS classes to move your DOM! Easy-to-use classes that will add different kind of shake to each part of your site.

uiGradients - 漸層產生器
一款簡單好用的漸層產生工具,你可以用他來產生各種漂亮的漸層背景,而且還直接複製 CSS 程式碼套用在你的網站上!

Panda
Find the best content. Be informed. Stay inspired. The newsfeed dashboard for 130,000+ designers, developers and entrepreneurs.

Muzli Design Inspiration
設計師必裝 Chrome Extension,隨時隨地了解設計圈發生的大小事!
Be For Web | 為網而生
原創譯文博客 - 關注移動及互聯網產品、用戶體驗設計、前端開發等方面的新聞時訊、觀點論述、學習教程等;內容以原創翻譯為主。
Creative Tim's Blog
Fully coded design resources for web developers

First Time User Experience
I'm Krystal Higgins and this is my collection of new user experiences, good and bad, from a variety of products. Learn more about designing good onboarding experiences.
騰訊ISUX - 社交用戶體驗設計
騰訊社交用戶體驗設計,簡稱ISUX (Internet Social User Experience),成立於2011年1月11日,是騰訊集團核心、全球最具規模的UX設計團隊,專業成員包括用戶研究、交互設計、視覺設計、品牌設計、視頻動畫設計、UI開發、產品設計與市場研究
Pinapps
我推薦的不僅僅是應用,更是一種態度。
UX Movement
UX Movement is a user experience blog that publishes articles showing how good and bad interface design practices affect user behavior.
UXmatters
Insights and inspiration for the user experience community
人人都是產品經理
人人都是產品經理致力為產品新人、產品經理等廣大產品愛好者打造一個良好的學習交流平台。深度剖析國內外互聯網業內動態,分享產品設計、交互設計、視覺設計、用戶體驗設計、產品運營、產品市場和項目管理等專業產品知識。
優設 - UISDC
是有著良好職業交流氛圍的網頁設計行業聯盟。與優設哥、獠麝雞、你丫才美工一起聽講座,聊設計。聯盟始終堅持開放、分享、成長的宗旨,為會員提供交流互動平台和網頁設計講座。
可樂橙
可樂橙是一名UI/UX設計師,每周為大家翻譯一篇國外設計精選,點滴積累,人人都能成為設計師
騰訊 CDC
騰訊CDC是一個設計團隊,做世界一流的互聯網設計團隊,為用戶創造優質在線生活體驗。CDC關注於互聯網視覺設計、交互設計、用戶研究、前端開發。
阿里媽媽 MUX
阿里媽媽MUX團隊,是阿里媽媽下的用戶體驗部門,這裡會定期發佈他們在產品設計上的心得與技巧。
阿里巴巴- 用戶體驗部門
阿里巴巴中文站(1688.com)UED,也稱1688UED,花名「U一點」,成立於1999年,歷史悠久,底蘊深厚,是阿里巴巴集團最為資深的用戶體驗設計部門之一。
Wireframe Sketch Sheets
著名設計資源網站 Medialoot 上的設計點點紙張,不容錯過!
INTERFACE SKETCH
提供網頁、移動和平板電腦平台免費素描模板。
Outline and Tapsize
提供 28 種網頁、移動和平板電腦平台免費素描模板。
Sneakpeekit
最完整的設計紙免費下載,有 Mobile、Tablet、Web、點點紙等等

iOS Human Interface Guidelines
蘋果人機界面設計規範,設計師應該都要看過!

iOS 設計規範
由對岸翻譯的蘋果人機界面設計規範,翻譯的品質還不錯。

Apple Watch HIG
蘋果手錶人機界面設計規範,也許你可以看看!

Apple Watch 設計規範
蘋果手錶人機界面設計規範,也許你可以看看!

OSX HIG
蘋果作業系統人機界面設計規範,設計應用程式的你一定要讀讀!

Android Wear Design Guideline
Android Wear Design 的設計規範,設計手錶前可以來看看哦。

Android Wear 設計規範
Android Wear Design 的設計規範中文版,不習慣看英文的設計師可以看看哦!

Google Material Design
Goolge Material Design 的設計規範,可以從裡頭學到很多很多。

Google Material 設計規範
來自對岸翻譯的 Material Design 中文版!

UI Faces
設計時找不到適當的大頭照嗎? 下次到 uifaces 來找找!

Pngyu
Mac 上最強 PNG 圖片壓縮軟體,使用方式非常簡單!

JPEGmini
可樂罐是 Mac 上非常知名的軟體,也最強的 JPG 圖片壓縮軟體!

馬克鰻
你還在用PS標注設計稿?馬上試試超高效的設計稿標註、測量工具

配色神器ColorCube
簡單易用,支持下列功能:1.批量網頁截圖 2.屏幕吸管 3.色彩分析,色板導出

Slicy
自動切圖神器!減少了很多設計師的工作量!
Cutterman
它是款Photoshop插件,幫助你快速完成切圖工作
xScope
xScope是一套強大的專業設計輔助工具,專門為設計師和開發人員設計。它是一個非常理想的測量,校準,檢查屏幕上的圖形和佈局的軟體

Tailor
只要輸入你的品牌名稱,Tailor就會自動產生精美的Logo設計,設計師沒靈感的時候也可以來玩玩!

假名產生器(支援中文)
非常強大的假名產生器,你可以在這裡產生各個國家語言的假使用者名稱!

Google Device Metrics
Google 團隊整理的設備尺寸規格表,幾乎所有熱門的設備尺寸都清楚的寫在這啦,正在設計 app 的設計師趕緊收藏下來!

TinyPNG
線上壓縮圖片服務,能夠將你的 PNG 圖片壓縮的非常小,手頭沒有其他工具時候推薦使用!

Visual Center 中心點對齊
只需要上傳圖示或圖片,這個工具就能告訴你究竟置中對齊的位置在哪裡!

Clipchamp - 線上影片壓縮
非常好用的線上影片壓縮轉檔服務,利用它快速為影音檔案瘦身!

ImageOptim 強大的圖片壓縮工具
ImageOptim 是一款非常好用的圖片壓縮軟體,如果你想要讓 GIF、PNG 圖片在網路傳輸更快一些,用它來壓縮準沒錯!

Subtle Patterns - 超過 400 種高質感紋理背景
Subtle Patterns 這個網站收藏超過 400 種不同的背景紋理圖案,而且都是免費的,正需要質感背景的你不要錯過啦!

Sketch Measure - 設計稿標註神器
Sketch 設計師必備工具,非常方便的設計稿標註插件,除此以外,Measure 還可以輕鬆將設計稿變成所有人都可以開啟的自動標註提示的動態網頁,沒有 Mac 的工程師也可以直接看稿啦。

Eagle - 圖片管理工具
奧革團隊開發,輕鬆管理大量圖片素材,滿足圖片素材「收藏、整理、查找」的各種情境,支援 Mac 與 Windows 系統。
Pexels
一網打盡所有免費圖

Pixabay
一網打盡所有免費圖
The Stocks
一網打盡所有免費圖
Find a photo
一站搜尋所有熱門免費圖庫網站
Street Will
一網打盡所有免費圖

Zoommy
Zoommy 是一款跨屏台的免費圖庫瀏覽、下載軟體,裡面幾乎收藏了所有免費圖庫的資源!

Unsplash
Unsplash 提供無著作權(CC0)高解析度圖片,你可以任意運用在任何地方,無須付費,也不用標註原作者名稱。

SplitShire
What would you do if you had amazing copyright free real photos? Download free high quality photos with no copyright restrictions and real look.

旅遊日記
華人的攝影師分享他在全球各地旅遊的景點照片,而且這些照片都是免費可商用授權的,設計師別錯過啦!

CC0Photo
韓國的一個擁有CC0授權的免費圖像分享站點,提供豐富的免費圖片資源,主要有動植物、自然景觀、生活方式、人物肖像、城市、食品、事件等等。

Foodshot - 美食圖庫
FoodShot 是一個美食主題的圖庫網站,圖片品質都非常的好,都是經過精心挑選過的。

Visual Hunt 高品質免費圖庫
據說有 3 億張免費圖片,找高品質免費圖庫來這就對了!Visual Hunt 精選萬張 CC0 授權相片開放免費下載!

FoodiesFeed - 美食圖庫
FoodiesFeed 每日提供高質感美食相片,將這些照片全部都可以個人/商用使用。

Flinto for Mac
Flinto 在 Mac 上的原型製作工具,幾乎大部分的效果都可以模擬,非常的威猛!

InVision
讓 UI 設計師共享自己的原型同時與他人互動及討論,並獲得立即的意見回應。有了InVision以後,公司內部許多人都可以對設計師給出自己的意見。

Marvel App
好用又免費的原型製作工具,與 Sketch 搭配,快速製作產品原型!

Principle
非常火紅的 Prototype 製作軟體,是由 Apple 前工程師製作的創業項目,現在教學資源已經非常完善。

Framer
相較於其他 Prototype 軟體,Framer 可以使用簡易的程式語言製作出更佳細緻、逼真的產品原型。

Framer JS 台灣社團
Framer在台灣的經銷商, 透過這個社團跟大家介紹Framer,需要採購的朋友可以與他們聯繫哦。

Axure RP
Axure RP 軟體的每一個功能都是專為網站企劃人員而設計的,幫助企劃人員更快速且更簡易的建立 APP 和 Website 的 wireframe、流程圖、prototype 和規格,並且不需要寫任何程式。

Sketch Repo
這裡只收藏高品質的 Sketch 設計素材,全部都是每費下載的哦!

Sketch Talk
Sketch 使用者社區,時時關注 Sketch 最新的開發動態。

Sketch 3 Tutorial
免費 Sketch 3 使用教學,非常適合給初次入門的設計師學習。

Sketch App Sources
Sketch 官方的素材分享網站,裡面有非常多的素材可以免費下載。

Sketch 中文網
Sketch 中文網整理了非常多 Sketch 相關的素材、教學,使用 Sketch 的朋友千萬要來看看
Sketch Shortcuts
最齊全的 Sketch 快捷鍵集合,網站最底部還有自定義快捷鍵的方法。

Sketch Tricks
集合了一些 Sketch 的使用心得,同時提供針對Android 的素材。
Sketch Plugins
Github上由 Bomber Studios 製作的一系列外掛程式,幫助你更高效的使用Sketch。
SketchCasts
一個葡萄牙設計團隊創作的 Sketch 教學視頻,每週更新。
Sketch App Collect
Medium 上關於 Sketch 的 collection, 聚合了很多很棒的討論
SketchActive
用 Sketch 創作的360個向量圖示,免費下載。

Facebook 設計資源
Facebook 設計團隊釋出的設計資源,有各式各樣的設備Mockup、UI Kit 等超多超佛心的資源,趕緊收藏起來吧!

Pixel Buddha
We're passionate about creating free and premium resources for professional community.

Invision Craft
由 Inivision lab 團隊開發的 Sketch & Photoshop 插件,推薦設計師裝上它加快整體設計流程!
MediaLoot
分類非常細的設計素材網站,好多免費素材可以下載喔!。

Freebiesbug
分類非常細的免費 PSD 素材網站,你可以在這裡找到非常棒的免費素材。
Design Freebies
精選的 PSD 素材整理下載,提供個人、商用的版權

GraphicBurger
非常多免費的設計素材可以下載,很多素材都有商業授權,實在非常佛心。

Fribbble
Fribbble 從名字就能猜出它在做什麼,這裡收藏很多來自 Dribbble 設計師之手的免費 PSD 素材。

IconStore
超多超棒的 ICON Set 免費下載,而且都提供商業使用呢!

Type.center
以文字為了文字的文字網站,各式各樣豐富的訊息提供給各位。

字窩
結合群眾力量的經營,上傳圖片、辨識文字、單一漢字搜尋、拼貼宣傳,字窩可以是平面設計師尋找靈感的工具,也是漢字設計做完善保存的管道。

jf tips
JUSTFONT 的另一個部落格,時常分享有用的文章,讓字體走入生活。
wordmark.it
自動列出你電腦內安裝過的字體,並且立即測試你所需要的文字,反黑、改大小等等設定都不難,不失為快速選字體的方式噢!

JUSTFONT 部落格
有關字型和字型相關的專業文章,包括字體設計、專業排版、英文和中文字型討論,如何挑選一套好字型等專業文章.

Beautiful Web Type
A showcase of the best typefaces from the Google web fonts directory.
qiuziti
來 qiuziti 上傳圖片,問字體不求人!

Typekit
Typekit is a service which allows subscribers to embed fonts into online documents.[1] It allows designers and developers a subscription-based library of hosted, high-quality fonts to use on their websites.

FontShop
FontShop.com -- Find, Try, Buy & Download Fonts

Type is Beautiful
Type is Beautiful 是一个关于文字设计和视觉文化的网站。我们关注的话题包括字体、排版、平面设计、公共设计、技术和视觉文化。

Hoefler
Webfonts by Hoefler&Co.Meet Cloud.typography, the webfont solution for design professionals.

Typetester
The Typetester is an online application for comparison of the fonts for the screen. Its primary role is to make web designer’s life easier.
iospirations
定義了各種裝置的尺寸,尺寸ChiCun最給力的設計標準分享網站。
Logopond
提供眾多的品牌 Logo 設計,是一個尋找 Logo 靈感的好地方
LogoFury
收藏非常多的 Logo,讓設計師們找尋靈感畫廊,在這裡你也可以看到其他人對這些概念的評價
logos
在這裡除了可以找到許多免費的 Logo 素材外,你也可以付費購買一些超讚的作品!
Logo Galleria
熱門的 Logo 畫廊,也是一個取得靈感的好地方

seeklogo.com
Logo 搜尋引擎,你可以透過關鍵字搜尋,找到意想不到的好靈感
Branding Served
知名設計社群 Behance 的分站,這裡的 Branding Design 都是從 Behance 上精挑細選出來的!
Brand New
Brand New: Opinions on corporate and brand identity work. A division of UnderConsideration.
Identity Designed
Identity Designed is a showcase of brand identity projects from around the world.

overlapps
收藏來自世界各地的優良 ICON 設計,是一個非常專注在 ICON 設計整理與分享的好地方!
Iconsfeed
Iconsfeed 就像是 ICON 界的 Pttrns,你可以閱覽各種分類的 ICON 設計。

Color Hunt
每日配色靈感,有空就來這裡挖掘神氣的色彩靈感!

COLOURlovers
討論配色的社群,你可以在這看到來自四面八方的色彩靈感!

color.hailpixel
非常酷的配色網站,你只需要點、點、點,隨性配色的好地方!
Color Scheme Designe
超級好用的配色工具,你可以使用單色、互補色、類似色等搭配方式找到理想的色彩搭配方案。

Adobe Color CC
由 Adobe 開發的色彩分享網站,在這裡你可以看到非常多樣的 Color Scheme,讓我們的靈感源源不絕!

Flat Colors
扁平化配色案例參考,裡面已經配好各式各樣扁平化設計風格的顏色。

日本の伝統色
想要設計日本風格的配色嗎,趕快來這個網站找配色!

Colourcode
非常好玩的配色工具,點擊旁邊的工具列,移動滑鼠瞬間就配出超好看的顏色了!
Color Crush
進入後介面很簡單,不喜歡就按叉叉,喜歡就收藏,可以說配色界的 Tinder。

Behance
Adobe 旗下的設計師作品分享社群,在這裡你可以找到非常完整的設計概念!

Dribbble
設計領域最熱門的社群之一,大神設計師都會在上面分享作品。

Pttrns
收集各種界面設計模式,收藏在這裡的都是精品!
UI4App
收集各種界面設計模式,收藏在這裡的都是精品!

UI Movement
交互設計動畫分享社群,每天分享許多好玩有趣的交互設計。

花瓣網
是 Pinterest 的對岸版本,有非常多的設計師都在這裡收藏設計靈感,在這裡你可以找到非常多中文的設計案例,缺乏靈感時一定要來這裡逛逛!

站酷(ZCOOL)
中國最具人氣的設計師互動平台,300萬設計師聚集地。致力於打造伴隨設計創意群體學習、交流、就業、交易、創業各個成長環節的生態體系。站酷,讓設計更有價值,與創意群體一同進步。

Collect UI
Daily inspiration collected from daily ui archive and beyond. Based on Dribbble shots, hand picked, updating daily.
APP UI
對岸收藏行動介面設計的網站,發現設計、分享設計
Inspired UI
收藏各種行動界面設計,你可以在這裡找到各種設計模式的好設計。
Mobile Patterns
與 Pttrns 相似,這裡也有許多設計樣式可以參考

lovely UI
lovely UI 是 tumblr 平台上的知名部落格,這裡收藏許多簡潔好看的界面設計。

Mobile Design Inspiration
Mobile Design Inspiration 每天分享許多來自世界各地的良好界面、圖示。

App Design Served
知名設計社群 Behance 的分站,這裡的 App Design 都是從 Behance 上精挑細選出來的!

SIX UX
非常用心的介面交互收藏,發現許許多多的介面交互細節。

Webdesigner Depot
Webdesigner Depot is one of the most popular blogs about web design trends, tutorials and much more.

Awwwards
在這裡你看到來至世界各地超讚的網頁設計,除此之外你也可以看到這個網站在這種各種分析指標的分數!

CSSDA
CSS Design Awards honors and recognizes web designers, developers and agencies that push the boundaries of web design with inspiring and creative work.

Fresh Design
這網頁收集了許多很棒的 web 作品,不但高質感,連前端技術也是水準之上啊~快進來膜拜吧!

NavNav
如同 NavNav 名字般,這裡收藏了很多導航列設計靈感,正在設計導航列的你不要錯過了!

Lapa - 精美著陸頁收藏
好多用心整理的 Landing page 設計靈感整理,正在設計首頁嗎?先來這裡找找靈感吧!

Kit FUI
這個網站收藏了超多電影、電玩中出現的科幻介面設計,這些介面設計超帥的阿!

4db - 日本優秀網站收集
這個網站絕對要收藏下來,裡面收藏好多非常優秀的日本優秀的網頁設計案例阿。

MUUUU - 超讚日本網站收藏
每天更新,收藏好多好精美的日本網站設計案例!推薦大家去關注!

One Page Love 單頁式網站靈感收藏
專門收藏單頁式網頁設計,這裡收藏的很多網站都非常的有質感。

SiteInspire
收藏超過2,500個以上來自世界各地的網頁設計,各個都是精品!

CSS Awards
在這裡你看到來至世界各地超讚的網頁設計,學習他們是如何使用CSS進行設計!

Land-Book
這裏收藏了非常多好看又實用的 Landing page,缺少靈感不妨來這看看。

Web Design Served
知名設計社群 Behance 的分站,這裡的網頁設計都是從 Behance 上精挑細選出來的!

Flat Design
想參考扁平設計風格的網站?來這個網站就對了!
Flat DSGN
超多 Flat 風格的網站設計可以參考,與上一個 Flat Design 非常相似
S5-Style
來自日本的靈感網站,分享非常多超好看的網站
UI設計
收藏各式各樣有用的設計資源

iOS Icon Gallery
收藏非常多的 iOS 系統上的 ICON 設計,各個案例都是精選!