設計資源總匯

奧革設計團隊精心整理的設計師必備設計資源，收藏各式各樣的網站設計靈感、App ... 可樂橙是一名UI/UX設計師，每周為大家翻譯一篇國外設計精選，點滴積累，人人都能 ... 服務項目 合作流程 設計案例 設計資源總匯 部落格 help_outline常見問題聯絡我們 設計資源總匯 奧革設計團隊精心整理的設計師必備設計資源，收藏各式各樣的網站設計靈感、App設計靈感、配色靈感、圖示設計、設計工具、品牌設計、免費圖庫、響應式網站設計工具等，設計師趕快把他收藏到書籤吧！ 網頁設計 App設計 配色靈感 圖示設計 企業識別 字型與字體 PhotoShop資源 Sketch資源 原型設計 免費可商用圖庫 設計工具 設計規範 設計用紙 設計新聞 網頁開發工具 July11th,2016 CSShake各種「抖」的CSS程式碼 SomeCSSclassestomoveyourDOM!Easy-to-useclassesthatwilladddifferentkindofshaketoeachpartofyoursite. 網頁開發工具 July12th,2016 uiGradients-漸層產生器 一款簡單好用的漸層產生工具，你可以用他來產生各種漂亮的漸層背景，而且還直接複製CSS程式碼套用在你的網站上！ 配色靈感 網頁開發工具 Panda Findthebestcontent.Beinformed.Stayinspired.​ Thenewsfeeddashboardfor130,000+designers​,​​developers​andentrepreneurs​. App設計 網頁設計 設計新聞 March30th,2016 MuzliDesignInspiration 設計師必裝ChromeExtension，隨時隨地了解設計圈發生的大小事！ 網頁設計 App設計 設計新聞 March30th,2016 BeForWeb|為網而生 原創譯文博客-關注移動及互聯網產品、用戶體驗設計、前端開發等方面的新聞時訊、觀點論述、學習教程等；內容以原創翻譯為主。

設計新聞 March30th,2016 CreativeTim'sBlog Fullycodeddesignresourcesforwebdevelopers 設計新聞 March30th,2016 FirstTimeUserExperience I'mKrystalHigginsandthisismycollectionofnewuserexperiences,goodandbad,fromavarietyofproducts.Learnmoreaboutdesigninggoodonboardingexperiences. 設計新聞 March30th,2016 騰訊ISUX-社交用戶體驗設計 騰訊社交用戶體驗設計，簡稱ISUX(InternetSocialUserExperience)，成立於2011年1月11日，是騰訊集團核心、全球最具規模的UX設計團隊，專業成員包括用戶研究、交互設計、視覺設計、品牌設計、視頻動畫設計、UI開發、產品設計與市場研究 設計新聞 March30th,2016 Pinapps 我推薦的不僅僅是應用，更是一種態度。

設計新聞 March30th,2016 UXMovement UXMovementisauserexperienceblogthatpublishesarticlesshowinghowgoodandbadinterfacedesignpracticesaffectuserbehavior. 設計新聞 March30th,2016 UXmatters Insightsandinspirationfortheuserexperiencecommunity 設計新聞 March30th,2016 人人都是產品經理 人人都是產品經理致力為產品新人、產品經理等廣大產品愛好者打造一個良好的學習交流平台。

深度剖析國內外互聯網業內動態，分享產品設計、交互設計、視覺設計、用戶體驗設計、產品運營、產品市場和項目管理等專業產品知識。

設計新聞 March30th,2016 優設-UISDC 是有著良好職業交流氛圍的網頁設計行業聯盟。

與優設哥、獠麝雞、你丫才美工一起聽講座，聊設計。

聯盟始終堅持開放、分享、成長的宗旨，為會員提供交流互動平台和網頁設計講座。

設計新聞 March30th,2016 可樂橙 可樂橙是一名UI/UX設計師，每周為大家翻譯一篇國外設計精選，點滴積累，人人都能成為設計師 設計新聞 March30th,2016 騰訊CDC 騰訊CDC是一個設計團隊，做世界一流的互聯網設計團隊，為用戶創造優質在線生活體驗。

CDC關注於互聯網視覺設計、交互設計、用戶研究、前端開發。

設計新聞 March30th,2016 阿里媽媽MUX 阿里媽媽MUX團隊，是阿里媽媽下的用戶體驗部門，這裡會定期發佈他們在產品設計上的心得與技巧。

設計新聞 March30th,2016 阿里巴巴-用戶體驗部門 阿里巴巴中文站（1688.com）UED，也稱1688UED，花名「U一點」，成立於1999年，歷史悠久，底蘊深厚，是阿里巴巴集團最為資深的用戶體驗設計部門之一。

設計新聞 WireframeSketchSheets 著名設計資源網站Medialoot上的設計點點紙張，不容錯過！ 設計用紙 INTERFACESKETCH 提供網頁、移動和平板電腦平台免費素描模板。

設計用紙 OutlineandTapsize 提供28種網頁、移動和平板電腦平台免費素描模板。

設計用紙 Sneakpeekit 最完整的設計紙免費下載，有Mobile、Tablet、Web、點點紙等等 設計用紙 iOSHumanInterfaceGuidelines 蘋果人機界面設計規範，設計師應該都要看過！ 設計規範 iOS設計規範 由對岸翻譯的蘋果人機界面設計規範，翻譯的品質還不錯。

設計規範 March21st,2016 AppleWatchHIG 蘋果手錶人機界面設計規範，也許你可以看看！ 設計規範 March21st,2016 AppleWatch設計規範 蘋果手錶人機界面設計規範，也許你可以看看！ 設計規範 OSXHIG 蘋果作業系統人機界面設計規範，設計應用程式的你一定要讀讀！ 設計規範 AndroidWearDesignGuideline AndroidWearDesign的設計規範，設計手錶前可以來看看哦。

設計規範 AndroidWear設計規範 AndroidWearDesign的設計規範中文版，不習慣看英文的設計師可以看看哦！ 設計規範 GoogleMaterialDesign GoolgeMaterialDesign的設計規範，可以從裡頭學到很多很多。

設計規範 GoogleMaterial設計規範 來自對岸翻譯的MaterialDesign中文版！ 設計規範 UIFaces 設計時找不到適當的大頭照嗎？下次到uifaces來找找！ 設計工具 Pngyu Mac上最強PNG圖片壓縮軟體，使用方式非常簡單！ 設計工具 JPEGmini 可樂罐是Mac上非常知名的軟體，也最強的JPG圖片壓縮軟體！ 設計工具 馬克鰻 你還在用PS標注設計稿？馬上試試超高效的設計稿標註、測量工具 設計工具 March20th,2016 配色神器ColorCube 簡單易用，支持下列功能：1.批量網頁截圖2.屏幕吸管3.色彩分析,色板導出 配色靈感 設計工具 Slicy 自動切圖神器！減少了很多設計師的工作量！ 設計工具 Cutterman 它是款Photoshop插件，幫助你快速完成切圖工作 設計工具 xScope xScope是一套強大的專業設計輔助工具，專門為設計師和開發人員設計。

它是一個非常理想的測量，校準，檢查屏幕上的圖形和佈局的軟體 設計工具 Tailor 只要輸入你的品牌名稱，Tailor就會自動產生精美的Logo設計，設計師沒靈感的時候也可以來玩玩！ 設計工具 企業識別 March29th,2016 假名產生器（支援中文） 非常強大的假名產生器，你可以在這裡產生各個國家語言的假使用者名稱！ 設計工具 March29th,2016 GoogleDeviceMetrics Google團隊整理的設備尺寸規格表，幾乎所有熱門的設備尺寸都清楚的寫在這啦，正在設計app的設計師趕緊收藏下來！ 設計工具 March29th,2016 TinyPNG 線上壓縮圖片服務，能夠將你的PNG圖片壓縮的非常小，手頭沒有其他工具時候推薦使用！ 設計工具 May16th,2016 VisualCenter中心點對齊 只需要上傳圖示或圖片，這個工具就能告訴你究竟置中對齊的位置在哪裡！ 設計工具 August12th,2016 Clipchamp-線上影片壓縮 非常好用的線上影片壓縮轉檔服務，利用它快速為影音檔案瘦身！ 設計工具 August17th,2016 ImageOptim強大的圖片壓縮工具 ImageOptim是一款非常好用的圖片壓縮軟體，如果你想要讓GIF、PNG圖片在網路傳輸更快一些，用它來壓縮準沒錯！ 設計工具 August17th,2016 SubtlePatterns-超過400種高質感紋理背景 SubtlePatterns這個網站收藏超過400種不同的背景紋理圖案，而且都是免費的，正需要質感背景的你不要錯過啦！ 設計工具 August17th,2016 SketchMeasure-設計稿標註神器 Sketch設計師必備工具，非常方便的設計稿標註插件，除此以外，Measure還可以輕鬆將設計稿變成所有人都可以開啟的自動標註提示的動態網頁，沒有Mac的工程師也可以直接看稿啦。

Sketch資源 設計工具 September17th,2018 Eagle-圖片管理工具 奧革團隊開發，輕鬆管理大量圖片素材，滿足圖片素材「收藏、整理、查找」的各種情境，支援Mac與Windows系統。

網頁設計 App設計 設計工具 Pexels 一網打盡所有免費圖 免費可商用圖庫 Pixabay 一網打盡所有免費圖 免費可商用圖庫 TheStocks 一網打盡所有免費圖 免費可商用圖庫 Findaphoto 一站搜尋所有熱門免費圖庫網站 免費可商用圖庫 StreetWill 一網打盡所有免費圖 免費可商用圖庫 March29th,2016 Zoommy Zoommy是一款跨屏台的免費圖庫瀏覽、下載軟體，裡面幾乎收藏了所有免費圖庫的資源！ 免費可商用圖庫 March28th,2016 Unsplash Unsplash提供無著作權（CC0）高解析度圖片，你可以任意運用在任何地方，無須付費，也不用標註原作者名稱。

免費可商用圖庫 March29th,2016 SplitShire Whatwouldyoudoifyouhadamazingcopyrightfreerealphotos?Downloadfreehighqualityphotoswithnocopyrightrestrictionsandreallook. 免費可商用圖庫 March29th,2016 旅遊日記 華人的攝影師分享他在全球各地旅遊的景點照片，而且這些照片都是免費可商用授權的，設計師別錯過啦！ 免費可商用圖庫 April13th,2016 CC0Photo 韓國的一個擁有CC0授權的免費圖像分享站點，提供豐富的免費圖片資源，主要有動植物、自然景觀、生活方式、人物肖像、城市、食品、事件等等。

免費可商用圖庫 April15th,2016 Foodshot-美食圖庫 FoodShot是一個美食主題的圖庫網站，圖片品質都非常的好，都是經過精心挑選過的。

免費可商用圖庫 April18th,2016 VisualHunt高品質免費圖庫 據說有3億張免費圖片，找高品質免費圖庫來這就對了！VisualHunt精選萬張CC0授權相片開放免費下載！ 免費可商用圖庫 April28th,2016 FoodiesFeed-美食圖庫 FoodiesFeed每日提供高質感美食相片，將這些照片全部都可以個人/商用使用。

免費可商用圖庫 March23rd,2016 FlintoforMac Flinto在Mac上的原型製作工具，幾乎大部分的效果都可以模擬，非常的威猛！ 原型設計 InVision 讓UI設計師共享自己的原型同時與他人互動及討論，並獲得立即的意見回應。

有了InVision以後，公司內部許多人都可以對設計師給出自己的意見。

原型設計 March21st,2016 MarvelApp 好用又免費的原型製作工具，與Sketch搭配，快速製作產品原型！ 原型設計 March29th,2016 Principle 非常火紅的Prototype製作軟體，是由Apple前工程師製作的創業項目，現在教學資源已經非常完善。

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

原型設計 April3rd,2016 FramerJS台灣社團 Framer在台灣的經銷商,透過這個社團跟大家介紹Framer，需要採購的朋友可以與他們聯繫哦。

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

原型設計 SketchRepo 這裡只收藏高品質的Sketch設計素材，全部都是每費下載的哦！ Sketch資源 SketchTalk Sketch使用者社區，時時關注Sketch最新的開發動態。

Sketch資源 Sketch3Tutorial 免費Sketch3使用教學，非常適合給初次入門的設計師學習。

Sketch資源 SketchAppSources Sketch官方的素材分享網站，裡面有非常多的素材可以免費下載。

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

Sketch資源 SketchTricks 集合了一些Sketch的使用心得，同時提供針對Android的素材。

Sketch資源 SketchPlugins Github上由BomberStudios製作的一系列外掛程式，幫助你更高效的使用Sketch。

Sketch資源 SketchCasts 一個葡萄牙設計團隊創作的Sketch教學視頻，每週更新。

Sketch資源 SketchAppCollect Medium上關於Sketch的collection,聚合了很多很棒的討論 Sketch資源 SketchActive 用Sketch創作的360個向量圖示，免費下載。

Sketch資源 March29th,2016 Facebook設計資源 Facebook設計團隊釋出的設計資源，有各式各樣的設備Mockup、UIKit等超多超佛心的資源，趕緊收藏起來吧！ PhotoShop資源 Sketch資源 March29th,2016 PixelBuddha We'repassionateaboutcreatingfreeandpremiumresourcesforprofessionalcommunity. Sketch資源 PhotoShop資源 March30th,2016 InvisionCraft 由Inivisionlab團隊開發的Sketch&Photoshop插件，推薦設計師裝上它加快整體設計流程！ Sketch資源 PhotoShop資源 MediaLoot 分類非常細的設計素材網站，好多免費素材可以下載喔！。

PhotoShop資源 Freebiesbug 分類非常細的免費PSD素材網站，你可以在這裡找到非常棒的免費素材。

PhotoShop資源 DesignFreebies 精選的PSD素材整理下載，提供個人、商用的版權 PhotoShop資源 GraphicBurger 非常多免費的設計素材可以下載，很多素材都有商業授權，實在非常佛心。

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

PhotoShop資源 IconStore 超多超棒的ICONSet免費下載，而且都提供商業使用呢！ 圖示設計 PhotoShop資源 March29th,2016 Type.center 以文字為了文字的文字網站，各式各樣豐富的訊息提供給各位。

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

字型與字體 jftips JUSTFONT的另一個部落格，時常分享有用的文章，讓字體走入生活。

字型與字體 wordmark.it 自動列出你電腦內安裝過的字體，並且立即測試你所需要的文字，反黑、改大小等等設定都不難，不失為快速選字體的方式噢！ 字型與字體 JUSTFONT部落格 有關字型和字型相關的專業文章，包括字體設計、專業排版、英文和中文字型討論，如何挑選一套好字型等專業文章. 字型與字體 BeautifulWebType AshowcaseofthebesttypefacesfromtheGooglewebfontsdirectory. 字型與字體 qiuziti 來qiuziti上傳圖片，問字體不求人！ 字型與字體 Typekit Typekitisaservicewhichallowssubscriberstoembedfontsintoonlinedocuments.[1]Itallowsdesignersanddevelopersasubscription-basedlibraryofhosted,high-qualityfontstouseontheirwebsites. 字型與字體 FontShop FontShop.com--Find,Try,Buy&DownloadFonts 字型與字體 TypeisBeautiful TypeisBeautiful是一个关于文字设计和视觉文化的网站。

我们关注的话题包括字体、排版、平面设计、公共设计、技术和视觉文化。

字型與字體 Hoefler WebfontsbyHoefler&Co.MeetCloud.typography,thewebfontsolutionfordesignprofessionals. 字型與字體 Typetester TheTypetesterisanonlineapplicationforcomparisonofthefontsforthescreen.Itsprimaryroleistomakewebdesigner’slifeeasier. 字型與字體 企業識別 iospirations 定義了各種裝置的尺寸，尺寸ChiCun最給力的設計標準分享網站。

企業識別 Logopond 提供眾多的品牌Logo設計，是一個尋找Logo靈感的好地方 企業識別 LogoFury 收藏非常多的Logo，讓設計師們找尋靈感畫廊，在這裡你也可以看到其他人對這些概念的評價 企業識別 logos 在這裡除了可以找到許多免費的Logo素材外，你也可以付費購買一些超讚的作品！ 企業識別 LogoGalleria 熱門的Logo畫廊，也是一個取得靈感的好地方 企業識別 seeklogo.com Logo搜尋引擎，你可以透過關鍵字搜尋，找到意想不到的好靈感 企業識別 BrandingServed 知名設計社群Behance的分站，這裡的BrandingDesign都是從Behance上精挑細選出來的！ 企業識別 BrandNew BrandNew:Opinionsoncorporateandbrandidentitywork.AdivisionofUnderConsideration. 企業識別 IdentityDesigned IdentityDesignedisashowcaseofbrandidentityprojectsfromaroundtheworld. 企業識別 overlapps 收藏來自世界各地的優良ICON設計，是一個非常專注在ICON設計整理與分享的好地方！ 圖示設計 Iconsfeed Iconsfeed就像是ICON界的Pttrns，你可以閱覽各種分類的ICON設計。

圖示設計 March30th,2016 ColorHunt 每日配色靈感，有空就來這裡挖掘神氣的色彩靈感！ 配色靈感 March20th,2016 COLOURlovers 討論配色的社群，你可以在這看到來自四面八方的色彩靈感！ 配色靈感 March20th,2016 color.hailpixel 非常酷的配色網站，你只需要點、點、點，隨性配色的好地方！ 配色靈感 March20th,2016 ColorSchemeDesigne 超級好用的配色工具，你可以使用單色、互補色、類似色等搭配方式找到理想的色彩搭配方案。

配色靈感 March20th,2016 AdobeColorCC 由Adobe開發的色彩分享網站，在這裡你可以看到非常多樣的ColorScheme，讓我們的靈感源源不絕！ 配色靈感 March20th,2016 FlatColors 扁平化配色案例參考，裡面已經配好各式各樣扁平化設計風格的顏色。

配色靈感 March20th,2016 日本の伝統色 想要設計日本風格的配色嗎，趕快來這個網站找配色！ 配色靈感 March20th,2016 Colourcode 非常好玩的配色工具，點擊旁邊的工具列，移動滑鼠瞬間就配出超好看的顏色了！ 配色靈感 March31st,2016 ColorCrush 進入後介面很簡單，不喜歡就按叉叉，喜歡就收藏，可以說配色界的Tinder。

配色靈感 March30th,2016 Behance Adobe旗下的設計師作品分享社群，在這裡你可以找到非常完整的設計概念！ App設計 網頁設計 March30th,2016 Dribbble 設計領域最熱門的社群之一，大神設計師都會在上面分享作品。

App設計 網頁設計 March17th,2016 Pttrns 收集各種界面設計模式，收藏在這裡的都是精品！ App設計 March17th,2016 UI4App 收集各種界面設計模式，收藏在這裡的都是精品！ App設計 March29th,2016 UIMovement 交互設計動畫分享社群，每天分享許多好玩有趣的交互設計。

網頁設計 App設計 August6th,2016 花瓣網 是Pinterest的對岸版本，有非常多的設計師都在這裡收藏設計靈感，在這裡你可以找到非常多中文的設計案例，缺乏靈感時一定要來這裡逛逛！ 網頁設計 App設計 August12th,2016 站酷（ZCOOL） 中國最具人氣的設計師互動平台，300萬設計師聚集地。

致力於打造伴隨設計創意群體學習、交流、就業、交易、創業各個成長環節的生態體系。

站酷，讓設計更有價值，與創意群體一同進步。

網頁設計 App設計 March18th,2016 CollectUI Dailyinspirationcollectedfromdailyuiarchiveandbeyond.BasedonDribbbleshots,handpicked,updatingdaily. App設計 網頁設計 APPUI 對岸收藏行動介面設計的網站，發現設計、分享設計 App設計 InspiredUI 收藏各種行動界面設計，你可以在這裡找到各種設計模式的好設計。

App設計 MobilePatterns 與Pttrns相似，這裡也有許多設計樣式可以參考 App設計 lovelyUI lovelyUI是tumblr平台上的知名部落格，這裡收藏許多簡潔好看的界面設計。

App設計 MobileDesignInspiration MobileDesignInspiration每天分享許多來自世界各地的良好界面、圖示。

App設計 AppDesignServed 知名設計社群Behance的分站，這裡的AppDesign都是從Behance上精挑細選出來的！ App設計 March21st,2016 SIXUX 非常用心的介面交互收藏，發現許許多多的介面交互細節。

網頁設計 App設計 WebdesignerDepot WebdesignerDepotisoneofthemostpopularblogsaboutwebdesigntrends,tutorialsandmuchmore. 網頁設計 March18th,2016 Awwwards 在這裡你看到來至世界各地超讚的網頁設計，除此之外你也可以看到這個網站在這種各種分析指標的分數！ 網頁設計 March17th,2016 CSSDA CSSDesignAwardshonorsandrecognizeswebdesigners,developersandagenciesthatpushtheboundariesofwebdesignwithinspiringandcreativework. 網頁設計 March29th,2016 FreshDesign 這網頁收集了許多很棒的web作品，不但高質感，連前端技術也是水準之上啊～快進來膜拜吧！ 網頁設計 March29th,2016 NavNav 如同NavNav名字般，這裡收藏了很多導航列設計靈感，正在設計導航列的你不要錯過了！ 網頁設計 March29th,2016 Lapa-精美著陸頁收藏 好多用心整理的Landingpage設計靈感整理，正在設計首頁嗎？先來這裡找找靈感吧！ 網頁設計 March29th,2016 KitFUI 這個網站收藏了超多電影、電玩中出現的科幻介面設計，這些介面設計超帥的阿！ 網頁設計 April11th,2016 4db-日本優秀網站收集 這個網站絕對要收藏下來，裡面收藏好多非常優秀的日本優秀的網頁設計案例阿。

網頁設計 April19th,2016 MUUUU-超讚日本網站收藏 每天更新，收藏好多好精美的日本網站設計案例！推薦大家去關注！ 網頁設計 June20th,2016 OnePageLove單頁式網站靈感收藏 專門收藏單頁式網頁設計，這裡收藏的很多網站都非常的有質感。

網頁設計 March17th,2016 SiteInspire 收藏超過2,500個以上來自世界各地的網頁設計，各個都是精品！ 網頁設計 CSSAwards 在這裡你看到來至世界各地超讚的網頁設計，學習他們是如何使用CSS進行設計！ 網頁設計 March21st,2016 Land-Book 這裏收藏了非常多好看又實用的Landingpage，缺少靈感不妨來這看看。

網頁設計 March21st,2016 WebDesignServed 知名設計社群Behance的分站，這裡的網頁設計都是從Behance上精挑細選出來的！ 網頁設計 March21st,2016 FlatDesign 想參考扁平設計風格的網站？來這個網站就對了！ 網頁設計 March21st,2016 FlatDSGN 超多Flat風格的網站設計可以參考，與上一個FlatDesign非常相似 網頁設計 March21st,2016 S5-Style 來自日本的靈感網站，分享非常多超好看的網站 網頁設計 UI設計 收藏各式各樣有用的設計資源 iOSIconGallery 收藏非常多的iOS系統上的ICON設計，各個案例都是精選！ 全部最新蒐藏{{category.name}} 全部{{resources.length}} 最新蒐藏{{recents.length}} {{category.name}}{{category.count}} {{resource.publishedDate|date:'MMMd,y'}} {{resource.title}} {{resource.description}} {{category.name}}、 首頁 服務項目 合作流程 設計案例 設計資源總匯 部落格 聯絡我們