素材和資源的重要性往往是通過加班體現出來的。不論是做產品還是搞設計,解決方案總是能找到的,萬一找不到也總能妥協出來。但是如果想要縮短加班時間甚至不加班,多快好省地把東西給弄出來,就不得不靠“飛速找資源,合理用素材”這一技能了。新年新氣象,多玩少加班,能不能成,就看你了!
不得不承認,有的時候真的很想認認真真打磨一個LOGO,或者調整一個頁面,但是回頭看看背後焦躁的開發和抓狂的PM,你也只能默默對自己說“下一次吧”。牛逼的團隊裡設計師好象總是“又快又好”的代名詞,但是輪到自己團隊的時候好象就剩下“快”了。提升確實非一日之功。你需要擁有更多的素材,看更多的作品,更扎實的功底;你需要明白前端和開發在意的事情,PM在商業上的考慮,你需要更寬廣的視野和更開闊的眼界。不要糾結,提升自己就從下面的300+網站開始吧!
→ 設計 + 代碼 ←
A. 免費設計資源
Freebbble : 網站搜集了來自 Dribbble 的免費素材.
Dribbble : 在 Dribbble 中搜索 “freebie” 能找到許多免費的好東西.
Graphic Burger : 這裡的每一個設計資源都足夠精致.
Pixel Buddha : 為專業人士准備的設計素材,有免費的好資源,也有收費的進階版.
Premium Pixels : 為創意工作者准備的素材.
Fribbble : Dribbble設計師的免費素材,項目由 Gilbert Pellegrom 所策劃.
Freebiesbug : 最新最熱的PSD等設計素材,為設計師而生.
365 Psd :每天一款免費的PSD.
Dbf : 這裡有來自Dribbble和Behance的免費資源.
Marvel : 來自著名設計師的免費素材.
UI Space : 來自那些炫酷的創意工作者的高品質設計資源.
Free Section of Pixeden : 大量免費設計資源.
Free Section of Creative Market : 每周一一波免費設計資源.
Teehan+Lax : DiOS 8 GUI PSD (iPhone 6).
Teehan+Lax : iPad GUI PSD.
Freepik : 給每個人的免費平面設計資源.
Tech&All : PSD,技術新聞,免費資源,都在這裡.
Tethr : 最漂亮的iOS UI設計工具.
B. 取色
Material Palette : 幫你生成並導出Material Design配色模板.
New Flat UI Color Picker : 最好的扁平化UI設計配色方案.
Flat UI Colors : 漂亮的扁平化配色.
Coolors : 超級快的配色方案生成工具.
Skala Color : 為設計師和開發者而生的優質取色工具.
Couleurs : 幫你抓取和調整屏幕上色彩的簡單工具.
Material UI Colors : 為Web、Android和iOS而生的 Material ui 配色模板.
Colorful Gradients : 計算機自動生成的色階.
Adaptive Backgrounds : 從圖像中提取主色.
Brand Colors : 知名品牌的配色方案.
Paletton : 配色方案設計.
0 to 255 : 幫助網頁設計 師找到某一色彩的同色系配色的工具.
Colour Lovers : 創建、分享配色和配色方案.
Adobe Color CC : 來自Kuler社區的優質配色組合.
Bootflat : 來自扁平化設計的完美配色方案.
Hex Colorrrs : Hex 轉 RGB 轉換器.
Get UI Colors : 炫酷的UI配色.
Coleure : 智能取色工具。
Colllor : 配色方案生成工具.
Palette for Chrome : 從任意圖片生成配色方案的工具.
C. 靈感
MaterialUp : 每日 Material Design 設計案例.
FLTDSGN : 每日更新的最炫酷的扁平化的Web和APP UI設計.
Site Inspire : 幫你獲取靈感的網頁設計 案例.
UI Cloud : 世界上最大的UI設計數據庫.
Moodboard : 在這裡創建Moodboard,並輕松分享.
Crayon : 最全面的營銷設計收藏.
Land-Book : 產品著陸頁圖庫.
Ocean : 設計師共享反饋信息的優質社區.
Dribbble : 最炫酷的高品質設計師設計案例分享社區.
Behance : 發現並展示充滿創意的設計作品.
Pttrns : 移動端界面設計模板.
Flat UI Design : 扁平化UI設計.
Awwwards : 評選最具創意、最創新也最優秀的網頁設計作品.
The Starter Kit : 為開發者和設計師所准備的設計.
One Page Love : 單頁設計案例.
UI Parade : 設計案例與UI設計工具.
The Best Designs : 最佳網頁設計.
Agile Designers : 為設計師和開發者准備的最佳資源.
Niice : 有腔調的搜索引擎.
D. 免費圖庫
Stock Up : 免費優質圖片的集中地.
Pexels : 搜集最佳免費圖片的網站.
All The Free Stock : 免費的優質圖片、視頻和圖標.
Unsplash : 免費的高清圖庫.
Splashbase : 搜索和發現免費的高清圖片、視頻.
Startup Stock Photos : 來這裡,發現並創造更大的世界.
Jay Mantri : 可以免費並任意使用的優質圖片.
Moveast : 這裡記錄了一個葡萄牙小伙的東行之旅.
Travel Coffee Book : 分享旅行的每個美麗瞬間.
Designers Pics : 免費可商用的高清圖片.
Death to the Stock Photo : 每月更新的免費圖片.
Foodie’s Feed : 高清免費的食物圖片.
Mazwai : 免費高清的視頻短片.
Jéshoots : 免費的現代風照片.
Super Famous : 荷蘭交互設計師 Folkert Gorter 的攝影作品.
Picography : 免費高清圖庫.
Pixabay : 免費高清圖庫.
Magdeleine : 每日更新的免費高清圖庫.
Snapographic : 可以商用的免費高清圖庫.
Little Visuals : 每周發送7張高清免費圖片到你收件箱的網站.
Splitshire : 誘人的免費高清圖庫.
New Old Stock : 來自公共檔案館的復古照片.
Picjumbo : 完全免費的照片.
Life of Pix : 免費高清圖庫.
Gratisography : 免費高清圖庫.
Getrefe : 免費高清圖庫.
IM Free : 免費照片等資源的合集網站.
Cupcake : 來自一個攝影師的款待,由 Jonas Nilsson Lee 創建.
The Pattern Library : 免費的樣式合集.
Public Domain Archive : 100%免費的新照片.
ISO Republic : 富有創意的高品質圖片合集.
Stokpic : 完全免費的照片
Kaboompics : 獲取免費照片的最佳途徑.
Function : 免費照片合集.
MMT : 來自 Jeffrey Betts 的免費照片合集.
Paul Jarvis : 免費高分辨率圖片.
Lock & Stock Photos : 為你准備的高清圖片.
Raumrot : 免費高分辨率圖片.
Bucketlistly : 充滿創意的免費旅行照片.
更多網站: Free Digital Photos | Morguefile | Public Domain Pictures | Stockvault | ImageFree |Rgbstock | Dreamstime | Free Images | Free Range Stock | Free Photos Bank .
其他的精選免費照片:
→ 來自 Free Goodies for Designers : (here | here | here | here | here | here | here | here | here |here .),
→ 來自 Deal Jumbo: (here | here | here | here | here | here | here | here | here | here .),
→ 來自 Dribbble: (here | here | here | here | here | here | here | here | here .),
→ 來自 Graphic Burger: (here | here | here | here | here | here | here .)
E. 免費排版與字體資源
TypeGenius : 為你的設計項目挑選最佳的字體組合.
Font Squirrel : 100% 免費商用字體.
FontFaceNinja : 幫你找到最佳字體的浏覽器插件.
Google Fonts : 為網頁而生的免費開源字體解決方案.
Beautiful Web Type : 來自Google Fonts的最佳字體設計.
DaFont :可自由下載的字體存檔.
1001 Free Fonts : 可以隨便選擇的字體合集.
FontPark : 世界上最大的字體存檔.
Font-to-width : 幫你適配文本寬度的工具.
F. 免費圖標
Fontello : 圖標字體生成器.
Flat Icon : 幫你在16000+免費矢量圖標裡搜索有用圖標的工具.
Material Design Icons : 來自 Google 的750個免費字符合集.
Font Awesome :字體和CSS工具.
Glyphsearch : 在其他的圖標數據庫中搜索圖標的工具.
MakeAppIcon : 一次生成全部尺寸圖標的工具.
Endless Icons : 充滿創意的免費扁平化圖標.
Ico Moon : 4000+ 免費矢量圖標和生成工具.
The Noun Project :來自不同藝術家的上千創意圖標.
Perfect Icons : 社交圖標創建工具.
Material Design Icons :