萬盛學電腦網

您现在的位置: 萬盛學電腦網 >> 軟體知識 >  >> 影像處理 >> 平面設計理論

2016 年二月設計師實用乾貨大合集:圖標、UI Kit、模板、字體、開發工具

新年開工首發乾貨合集,延續精選傳統:精緻線性圖標、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 風格

收藏備用,靈感與效率雙提升。

copyright © 萬盛學電腦網 all rights reserved