設(shè)計公司收錄
常用
- Behance 全球設(shè)計師的作品展示平臺
- Dribbble 界面設(shè)計推薦必去網(wǎng)站
- CSSWINNER 國外優(yōu)秀CSS網(wǎng)站畫廊
- MUUUUU 日本網(wǎng)頁畫廊，更新較快
- 韓國設(shè)計森林 韓國網(wǎng)頁畫廊網(wǎng)站
- 站酷 國內(nèi)設(shè)計師平臺
- abduzeedo 每天創(chuàng)意靈感分享
- 創(chuàng)客貼 極簡的平面設(shè)計工具，托拉拽創(chuàng)建精美設(shè)計
- 千庫網(wǎng) 口碑好、500萬素材免費下載
- UI設(shè)計愛好者 學(xué)習(xí)UI設(shè)計的好網(wǎng)站
- 花瓣 找設(shè)計靈感的好地方
- Pinterest 全世界的人都在幫你找靈感
設(shè)計素材
- UI干貨
- UI-Cloud 海量UI資源，可當(dāng)素材庫或靈感庫使用
- flypixel 目前已有800多個優(yōu)秀UI資源
- 365psd 每天一款高品質(zhì)PSD素材
- Pixeden APP UI、網(wǎng)頁模板、紋理等
- 優(yōu)秀設(shè)計資源 不定期分享免費高品質(zhì)干貨
- freebiesgallery WEB, APP UI等PSD素材
- 365webresources 分享網(wǎng)頁和UI相關(guān)免費素材
- DBL 專門分享Dribbble和Behance的素材網(wǎng)站
- Graph Berry Mockup、icon、模板等素材分享
- Freebiesbug 綜合UI素材網(wǎng)站
- 網(wǎng)站模板
- Themeforest 質(zhì)量極高的網(wǎng)頁模板分享平臺 也可以在這里找靈感
- 網(wǎng)站模板 不定期精選優(yōu)秀PSD/HTML網(wǎng)站模板
- Templated 響應(yīng)式模板分享站
- Freewebsitetemplates 免費網(wǎng)頁模板分享，有的質(zhì)量不錯
- 網(wǎng)頁模板巨人 提供多行業(yè)企業(yè)網(wǎng)站、CMS、商城模板
- 圖標(biāo)
- Easy icon 圖標(biāo)搜索引擎(中英)
- Icon Finder 圖標(biāo)搜索引擎(英)
- Logo EPS 可以免費下載矢量LOGO模板的網(wǎng)站
- Font Awesome 流行的網(wǎng)頁圖標(biāo)字體 直接下載 | Cheatsheet
- The Nounproject 高度可識別性的符號、圖標(biāo)
- iconmonstr 設(shè)計風(fēng)格簡約的圖標(biāo)素材
- 阿里圖標(biāo)庫 阿里巴巴矢量圖標(biāo)庫
- Icomoon 在線網(wǎng)頁字體圖標(biāo)制作工具
- iconmelon 提供漂亮的SVG圖標(biāo)
- iconShock 這里可以找到一些精致的擬物化圖標(biāo)
- 矢量圖 / 筆刷 / 紋理
- Freepik 百萬級矢量素材庫
- Qbrushes 有PS筆刷以及紋理素材
- Subtle Patterns 平鋪背景分享，很漂亮
- CG textures CG類紋理素材
- High Resolution Textures 高分辨率紋理素材
- Fbrushes PS筆刷下載站
- Brusheezy PS筆刷、紋理背景
- psdbox PS教程及素材分享
- Texture King 紋理王，各種材質(zhì)紋理素材分享
- Textures 推薦！含3D紋理, PNG紋理 Texture Lovers（備用）
- 字體下載
- A5字體下載 中文字體下載推薦網(wǎng)站
- dafont 大量免費英文字體下載站
- fontsquirrel 字體松鼠，可商用的免費字體
- 求字體 可通過圖片查找對應(yīng)的字體，也提供字體下載
- Font Fabric 提供漂亮的免費字體下載
- Font CDN Google Web 字體CDN
- losttype 非常多漂亮的英文字體，帶banner展示
- fontex 免費可商業(yè)的字體下載站
- Abstract Fonts 較全的字體下載站
- 谷歌Web Font 做英文站，來這里找字體吧，直接用在web上
- 免費高清圖片
- Unsplash 高品質(zhì)圖片素材，可免費用在任何地方
- Pexels 免費圖片分享
- Gratisography 免費高分辨率真圖片，可個人及商用
- DesignersPics 設(shè)計師圖片素材
- Foter 超過2億張免費圖片
- Girlydrop 免費女子寫真素材
- Twnsnd 免費懷舊、復(fù)古照片分享
- Pixabay 共有約 370000 張免費的照片、矢量文件和藝術(shù)插圖
- Pakutaso 來自日本的免費寫真素材站
- Little Visuals 免費圖片，可用于任何地方
靈感酷站
- WEB
- CSS Design Awards 歐美網(wǎng)頁設(shè)計欣賞
- Awwwards 歐美網(wǎng)頁設(shè)計欣賞
- 4db 日本網(wǎng)頁設(shè)計欣賞
- straightline 日本網(wǎng)頁設(shè)計欣賞
- krwz 韓國網(wǎng)頁設(shè)計欣賞
- ivdesign 韓國網(wǎng)頁設(shè)計欣賞
- 81-Web 日本網(wǎng)頁設(shè)計畫廊
- One page love 單頁網(wǎng)頁設(shè)計欣賞
- Mobile Patterns 移動網(wǎng)頁設(shè)計欣賞
- hoverstat Web 交互動畫欣賞
- 移動APP UI
- Dribbble 設(shè)計師必備靈感站
- Pttrns 收集移動APP界面設(shè)計作品
- UIparade UI零碎組件分享
- UIgarage 優(yōu)秀UI碎片整理
- IOSicongallery 分享優(yōu)秀IOS應(yīng)用程序圖標(biāo)的網(wǎng)站
- app-icons APP圖標(biāo)集合
- Love UI 分享移動端APP設(shè)計作品
- Uplabs 分享Material和iOS風(fēng)格的設(shè)計作品
- Inspired UI. 分享iPad、iPhone和Android UI設(shè)計作品
- Call to idea 細(xì)節(jié)分類各種UI設(shè)計元素的UI酷站
- 動效設(shè)計
- UI Movement 主要展示移動APP的動效界面，更新快
- Motions 有APP和其它好玩的GIF動畫作品
- Design Patterns 分類展示的動效元素，并且已實現(xiàn)代碼編寫
- Capptivate 展示的優(yōu)秀的動效作品(更新有點慢)
- Little Big Details 分享APP界面、軟件界面、網(wǎng)頁\智能手表等界面
- UYI 收集一系列動效界面，方便你激發(fā)動效設(shè)計靈感
- UI Interactions 分享帶動效的UI設(shè)計作品，更新快
- SIX UX 分享6秒內(nèi)的交互設(shè)計作品
- User Flow Patterns 可能需要“科學(xué)上網(wǎng)”才能正常訪問
- NavNav 收集優(yōu)秀Web&APP菜單
靈感畫板
- 推薦
- 中文字體設(shè)計 中文字體設(shè)計靈感
- 英文字體設(shè)計 英文字體設(shè)計靈感
- 網(wǎng)頁設(shè)計 網(wǎng)頁設(shè)計靈感
- 扁平化專題頁面 扁平化專題頁面設(shè)計靈感
- UI設(shè)計規(guī)范 Android / iOS相關(guān)規(guī)范
- APP UI
- 引導(dǎo)頁 APP引導(dǎo)頁
- 擬物化icon 擬物化圖標(biāo)分享
- 彈窗設(shè)計 精美的彈窗設(shè)計
- UI界面原型 原型草圖、線框架圖，但精美不一定是好原型
- 扁平化ui 扁平化ui設(shè)計作品
- 電商設(shè)計
- Banner Banner設(shè)計靈感
- 電商海報 電子商務(wù)海報設(shè)計
- 淘寶直通車 淘寶直通車廣告設(shè)計
- 化妝品首頁 詳情頁 | 海報 | 直通車
- 家具首頁 詳情頁 | 海報 | 直通車
- 母嬰首頁 詳情頁 | 海報 | 直通車
- 兒童服飾首頁 詳情頁 | 海報 | 直通車
- 女裝服飾首頁 詳情頁 | 海報 | 直通車
- 男裝服飾首頁 詳情頁 | 海報 | 直通車
- 女鞋首頁 詳情頁 | 海報 | 直通車
- 男鞋首頁 詳情頁 | 海報 | 直通車
- 女士箱包首頁 詳情頁 | 海報 | 直通車
- 家電數(shù)碼電器首頁 詳情頁 | 海報 | 直通車
- 珠寶飾品首頁 詳情頁 | 海報 | 直通車
- 餐飲美食首頁 詳情頁 | 海報 | 直通車
設(shè)計教程
配色
- 配色工具
- Color Scheme 在線配色中文版
- coolors APP 在線配色以及查看優(yōu)秀的配色方案
- Color Hunter 上傳圖像獲取配色方案
- colourco.de 簡單易用的在線配色工具
- Colllor 輕松創(chuàng)建色調(diào)一致的配色板
- pltts.me 很多漂亮配色板的網(wǎng)站
- UIgradients 生成美麗的漸變顏色（推薦）
- Colorfavs 抓取圖像配色，帶收藏配色功能（推薦）
- colors.css 一個包含16種全新標(biāo)準(zhǔn)色CSS樣式表
- PALETTABLE 推薦！智能匹配的顏色贊哦！
-
Google
Material Desgin 系列 - Material風(fēng)格配色 輕易搭配出Google Magerial Design的配色方案
- Material UI 把所有顏色匯聚在一個頁面上
- material mixer 快速 DIY 美觀的 Material design APP 界面配色
- MD Palette Generator 根據(jù)自定義顏色生成配色
- Random material 隨機搭配一套UI配色方案
- Material Colors 精選 500 和 A200 色板的顏色
- MD Colors 又一個簡單的可視化的Material Design工具
- tintui 只顯示 Material Design 中的 500 顏色
- MD Colors 2 將色板中的顏色連同他們的正式名稱可視化
- Colorion 分享 Material 設(shè)計配色，帶收藏夾功能
設(shè)計工具
- 輔助
- Assistor PS 功能強大的標(biāo)注工具
- 在線JPG/PNG壓縮 Optimizilla在線圖像壓縮工具，可批量
- 黃金比計算工具 Golden Ratio，可以計算黃金比例的工具
- GuideGuide PS參考線快速繪制工具
- pixlr 在線Photoshop繪圖工具
- 創(chuàng)客貼 推薦！一個可以告別PS的免費平面設(shè)計工具
- 在線多邊形制作 在線low poly制作工具，簡單幾步即可創(chuàng)作一幅藝術(shù)作品
- stylestats 輸入網(wǎng)址獲得該網(wǎng)站配色
- Gridzzly 網(wǎng)點網(wǎng)格紙在線生成
- Mockplus 簡潔高效的原型設(shè)計工具軟件，關(guān)注設(shè)計，而非工具
- BG Patterns 在線制作平鋪背景工具
- mindmeister 在線思維導(dǎo)圖
- fontsquirrel 在線生成@fontface工具
- 有字庫 生成中文@fontface字體
- Vector magic 強大的位圖轉(zhuǎn)矢量圖工具
- Velositey 快速排版網(wǎng)頁布局的PS擴(kuò)展
-
Fontello
在線生成Web font字體
- infogr 信息圖制作 在線制作漂亮的可視化信息圖工具
- 比例計算工具 16:9, 4:3, 21:9, 2:1 在線計算工具
- UI Faces 提供真實用戶頭像，社交UI/用戶列表設(shè)計必備
尺寸規(guī)范
Sketch
- Sketch官網(wǎng) Sketch官方網(wǎng)站
- Sketch快捷鍵 Sketch快捷鍵速記表，含中英對照
- Sketch素材 Sketch素材下載站
- Sketchcasts Sketch視頻教程
- Sketch tips 分享 Sketch 的使用技巧 簡單易懂
- sketch資源集
- sketchhunt 分享Sketch資源
- Sketch News Sketch綜合信息網(wǎng)站，有教程、新聞、素材、插件等信息
- Sketch repo 分享Sketch 素材，資源質(zhì)量較好
- Sketchtips Sketch技巧（更新有點慢）
- Sketch Rocks! Sketch插件、素材、教程、雜項...
- Sketch Packs 純Sketch插件
信息圖
- Designspiration 提供不同類型的數(shù)據(jù)圖表
- informationisbeautiful 數(shù)據(jù)信息圖分享
- 網(wǎng)易數(shù)讀 輕量化數(shù)據(jù)閱讀體驗
- infosthetics 分享可視化數(shù)據(jù)
- 搜狐數(shù)字之道 搜狐的數(shù)據(jù)圖表新聞
- 新浪圖解天下
- coolinfographics 酷圖表
- Best- infographics 專注搜尋互聯(lián)網(wǎng)上每天熱門的信息圖
- GOOD GOOD信息圖分享
- 騰訊新聞百科 騰訊的圖表新聞專欄
- 網(wǎng)商圖媒體 解讀電商動態(tài)
- 百度瀏覽器統(tǒng)計份額 網(wǎng)頁設(shè)計師必備，統(tǒng)計國內(nèi)瀏覽器使用率
前端開發(fā)
- 推薦
- w3school 前端入門教程網(wǎng)站
- Codrops 前端技術(shù)分享博客
- Bootstrap中文站 Bootstrap流行的響應(yīng)式前端框架
- 緩動函數(shù)速查表
- 響應(yīng)式VS自適應(yīng) 讓你了解響應(yīng)式和自適應(yīng)的區(qū)別
- 特殊符號表 箭頭、貨幣、特殊字符、Unicode、Hex Code、Html Code
- emojis emojis表情及其它特殊符號
- CSS中文字體對照表 中文字體Unicode查看
- normalize.css 目前流行使用的CSS Reset
- 百度靜態(tài)資源公共庫 穩(wěn)定，快速的國內(nèi)CDN加速服務(wù)
UED團(tuán)隊
Designer Game 可提高你設(shè)計技能的游戲
- Pixact 測試你對像素寬度的識別能力
- Whatpx 寫出黑色矩形的寬度
- bezier 用貝塞爾曲線繪圖，提高鋼筆工具的運用
- RGBchallenge 測試你對RGB值的了解
- helvarialquiz 分辨Arial和Helvetica字體
- Color 匹配色輪的顏色
- Type 字體排版練習(xí)
- Shape 鋼筆工具使用練習(xí)
- Real or Photoshop 分辨圖像是真是假
- dedesigntheweb 通過原型圖來分辨是哪個網(wǎng)站
- colorrun 點擊亮度高的顏色
- The Color 看你有多色
- CSS Diner CSS午餐，簡單易懂的 CSS 選擇器在線學(xué)習(xí)游戲
- Flexbox Defense 邊玩塔防游戲邊學(xué)習(xí) CSS Flexbox 屬性
培訓(xùn)機構(gòu)