新年開工首發乾貨合集,延續精選傳統:精緻線性圖標、Material Design 素材、手勢圖標、App 展示套件、各類設計模板、視覺稿、插畫、UI Kit、PSD/WordPress/Bootstrap 模板、前端開發工具等。類別雖雜,實用可靠,總有幾款能派上用場。
圖標與視覺素材
- Outline & Filled Vector Icons:15,400+ 圖標,AI/SVG/PNG 多格式
- Multi-Touch Gesture Icons:58 個多點觸控手勢圖標,AI 格式相容 CS4
- Facebook Devices Design Resources:官方原生視覺稿套件,涵蓋 iPhone、Galaxy、Sony 智能手錶等多平台尺寸
- Valentine's Watercolor Pack:41 種情人節水彩元素,PNG 透明背景
- 50 Branding Mockup Templates:50 款扁平風 PSD 視覺稿
UI Kit 與介面模板
- Picnic:薰衣草紫配色餐廳菜單模板
- Merkury:PSD 後台管理模板,六款介面
- PSD UI Presentation Kit:預製視覺元素與場景展示 App/網站
- Minimal Ecommerce PSD UI Kit:極簡電商 UI,6 色系、多種常用控件
- EventPro:跨設備扁平風 PSD UI Kit,含聊天、分析、時間線等專業控件
- Colorado:近似線框圖的極簡 UI 控件包,復古配色,PSD/AI 格式
- GoodBarber:暗色調 iOS 專用 UI Kit,涵蓋導航、註冊、菜單、文章、圖片、視頻等
- Winter Inspired Mobile UI Kit:30 元素,Material Design 風格,藍白冬季限定配色
字體精選
- Quenda:無襯線,6 字重,字符標點完整
- Arabella:手寫風格 TTF,適合標題、簽名、徽章
- Qanelas:20 字重無襯線,柔和圓角極致整齊
- Poste:裝飾襯線,陰影狀襯線極具特色
- Brotherhood:強裝飾手寫體
網站模板(PSD/HTML/WordPress)
- Pixture:源自 Dribbble 作品的網站 PSD,雙寬度 1600px/750px
- Sertin:Bootstrap 單頁 PSD,適合產品頁、作品集、落地頁
- Abdullah:暗色調 PSD 作品集模板,自由佈局含自適應柵格
- Krakatau:現代 WordPress 主題,乾淨風格、Google Fonts、響應式、SEO 優化
- Spacious:乾淨多功能 WordPress 主題,全響應式、多布局、自訂選單
- Lhander:現代極簡 HTML 模板,平滑滾動、固定導航、視頻模組
- Flat Portfolio PSD & HTML:扁平響應式雙格式模板
- ABITO:WordPress 主題,含淡入淡出、模糊等流行特效
代碼片段與開發工具
- Expanding Material Design Contact Form:懸停展開聯繫表單
- Multi-Device Scrolling Menu:水平滾動菜單含背景色聯動
- CSS 3D Solar System:可調參數 3D 太陽系模型
- SVG Clip-path Hover Effect:CSS+SVG 控制懸停顯示效果
- Absolute Centering Snippet:純 CSS 元素置中對齊
- Fabric:響應式、移動優先前端框架
- Gitlo:Trello 管理 GitHub 效率工具
- Climate:彩色文本優化終端調試體驗
- Fabricator:Node.js 快速構建可擴展 UI Kit 平台
- CodePad:開發者社交代碼片段站(CoffeeScript、Angular、Ruby、Swift 等)
- Imba:構建強大 Web 應用的新程式語言
- HackMyResume:命令行生成簡歷,Markdown/JSON 輸入,多格式輸出
- Slim:PHP 微框架,快速構建 Web App/API
- PHAP:PHP 寫原生移動 App(Android/iOS/WP)
- Milligram:2KB 極輕量 CSS 框架
- Philter:JS 插件控制 CSS 濾鏡
- Neutron:Sass 靈活布局框架
- Placemat:人物/場景圖片佔位符插件
- Handwriting.io:生成超擬真手寫字體 API
- Chartico:互動式線上柱狀圖製作工具
- Smoke:Bootstrap 組件庫(提醒、進度條、全屏、儀表板)
- Pressure.js:JS 庫控制 Force Touch/3D Touch
- CMS.js:純客戶端 JS 靜態站生成器
- Loud Links:互動音頻 JS 庫(HTML5 Audio 播放 MP3/OGG)
- Applol:Jekyll 插件與主題合集(產品/作品展示站)
- StickyStack.js:jQuery 粘滯堆疊效果插件
- Colofilter.css:CSS 雙色濾鏡庫(色相、飽和度、亮度、混合模式)
- WP Secure Forms:WordPress 表單編輯器生成符合主題的表單
- MediumEditor:純 JS 內聯編輯器,參考 Medium 風格
收藏備用,靈感與效率雙提升。