LogoLogo
HomeBlogResources
  • README
  • Design
    • Awesome Design Tools
      • Awesome Design Tools
    • Awesome-UI-Templates
      • README-en
    • awesome-design-systems
      • Awesome Design System
    • Awesome Figma
      • Awesome Figma
    • awesome-styleguides
      • README-en
    • awesome-typography
      • Awesome Typography
    • awesome-ui
      • README-en
    • Awesome UX Design Styleguides
      • Awesome UX Design Styleguides
    • awesome-ux-designer
      • README-en
      • Reading list
    • awesome-ux
      • README-en
    • Awesome Webflow
      • webflow-masterclass
        • Webflow + Firebase用戶認證
    • webflow-masterclass
      • Webflow + Firebase用戶認證
  • Devops
    • Awesome SaaS boilerplate
    • Free for Dev
    • Mega Awesome List
    • Awesome-WordPress-Plugins
      • Awesome WordPress Plugins List
    • Awesome Wordpress Plugin List
    • Awesome CMS
    • awesome-flutter-cn
    • awesome-headless-cms
      • readme-en
    • Awesome-jamstack-resources
      • Awesome-jamstack-resources
    • Awesome Laravel
      • Awesome Laravel
    • awesome-list
      • The awesome manifesto
      • Contributor Covenant Code of Conduct
      • Contribution Guidelines
      • Creating Your Own List
      • pull_request_template
      • Media
    • Awesome Minio
    • awesome-react
      • README-en
    • Awesome Stack
      • Awesome Stacks
    • Awesome UI component library
      • Awesome UI component library
    • awesome-uikit
      • README-en
    • awesome-vercel
      • Awesome Vercel (Previously ZEIT )
    • Awesome WooCommerce
      • Awesome WooCommerce
    • Awesome WordPress
      • Awesome WordPress
    • Awesome Wordpress Developer Tools
      • Awesome WP Developer Tools
  • Marketing
    • Awesome ADTech
      • Awesome AdTech
    • awesome-discord-communities
      • Contributor Covenant Code of Conduct
      • CONTRIBUTING
      • FAQ
      • Server Badges and Tags
      • .github
        • ISSUE_TEMPLATE
          • custom
        • ISSUE_TEMPLATE
          • issue--exisiting-community
        • ISSUE_TEMPLATE
    • HubSpot CMS Boilerplate
      • HubSpot CMS Boilerplate
    • Awesome HubSpot
    • Awesome Marketing
    • awesome-seo
    • marketing-for-engineers
      • README-en
    • Tech-Marketer
  • Nocode
    • Awesome NoCode / LowCode
      • readme-en
  • Server
    • Awesome Cloudflare
      • Awesome Cloudflare
    • Awesome-Selfhosted
      • Awesome-Selfhosted
  • shopify
    • Awesome Shopify
      • Awesome Shopify
    • Shopify Awesome 真棒!
      • Awesome Shopify
  • Tools
    • Awesome VS Code
    • Awesome Mac
      • Awesome Mac
      • editor-plugin-zh
      • editor-plugin
    • Awesome Nomad
      • Awesome Nomad
    • Awesome-notion
      • Awesome Notion (Eng)
    • awesome-tools-for-startups
      • Awesome list of FREE tools Startups should be using
  • web3
    • Blockchain-stuff
      • CONTRIBUTE
    • Blockchain-stuff
    • Web3.0_Vault-main
    • Web3.0_Vault-main
      • basics
    • awesome-discord-communities
      • Contributor Covenant Code of Conduct
      • CONTRIBUTING
      • FAQ
      • Server Badges and Tags
      • .github
        • ISSUE_TEMPLATE
          • custom
        • ISSUE_TEMPLATE
          • issue--exisiting-community
        • ISSUE_TEMPLATE
    • awesome-ethereum
    • awesome-solidity-gh-pages
      • Contributor Covenant Code of Conduct
      • Contribution Guidelines
      • PULL_REQUEST_TEMPLATE
    • Awesome Web3
      • Awesome Web3 Code of Conduct
      • Contribution Guidelines
      • PULL_REQUEST_TEMPLATE
    • free-Web3-resources
      • Contributor Covenant Code of Conduct
    • free-Web3-resources
      • Contributing Guidelines
    • free-Web3-resources
    • free-Web3-resources
      • Intro to Solidity
    • free-Web3-resources
      • 200-days-of-Web3
    • free-Web3-resources
    • free-Web3-resources
    • Free Web3 Resources
    • free-Web3-resources
      • .github
    • free-Web3-resources
      • .github
        • ISSUE_TEMPLATE
    • free-Web3-resources
      • .github
        • ISSUE_TEMPLATE
    • Web3.0_Vault-main
    • web3together-main
      • CODE_OF_CONDUCT
      • sessions
        • Getting Started in Smart Contract Development with Solidity
    • free-Web3-resources
      • .github
        • PULL_REQUEST_TEMPLATE
    • free-Web3-resources
      • .github
        • ISSUE_TEMPLATE
          • bug_report
    • free-Web3-resources
      • .github
        • ISSUE_TEMPLATE
          • feature_request
  • webgl
    • Awesome-threejs
      • docs
        • Hellow Three.js 之 三维空间中观察物体的方法--照相机
        • 创建自己的全景图
        • Hellow Three.js 之 创建各种几何形状
        • hello-light-pro
        • Hellow Three.js 之 光影之谜
        • Hellow Three.js 之 加载外部3D模型
        • Hellow Three.js 之 给创建的物体赋予材质
        • hello-obj-mtl
        • P5
        • Hellow Three.js 之 有趣的着色器
        • Hellow Three.js 之 运动物体的性能监测
        • Hellow Three.js 之 让物体动起来
        • Hello Three.js 之 Hello world!
        • what-webgl
        • glsl
          • GLSL 中文手册
          • OpenGL GLSL 语法和函数详解
          • The book of shaders 记录
          • 各种 Shaders 效果
      • demo
        • 有趣的 three.js Demo
          • Decorative WebGL Backgrounds
          • Infinite Tubes
          • The Aviator
        • P5.js Demo
        • Learning-Threejs
          • learning-threejs
        • Learning-Threejs
          • master
            • learning-threejs
        • Learning-Threejs
          • master
            • learning-threejs
        • Learning-Threejs
          • master
            • learning-threejs
        • Learning-Threejs
          • master
            • learning-threejs
        • Learning-Threejs
          • master
            • learning-threejs
        • Learning-Threejs
          • master
            • learning-threejs
        • Learning-Threejs
          • master
            • learning-threejs
        • Learning-Threejs
          • master
            • learning-threejs
        • Learning-Threejs
          • master
            • learning-threejs
        • Learning-Threejs
          • master
            • learning-threejs
        • Learning-Threejs
          • master
            • learning-threejs
        • Learning-Threejs
          • master
            • assets
              • models
                • ogre
                  • ogro
    • awesome-threejs
      • README-en
      • Contributor Covenant Code of Conduct
      • Contribution Guidelines
    • Awesome WebGL
      • CONTRIBUTING
      • Awesome WebGL
      • Contributor Covenant Code of Conduct
      • Libraries
        • CONTRIBUTING
      • Libraries
        • WebGL Libraries - Features
      • Libraries
        • WebGL Libraries - File Size
      • Awesome WebGL - Libaries/Frameworks
  • AI
    • ChatGPT 中文指南
    • 生成式 AI 項目、工具、藝術作品和模型的精選列表
    • 精選 GPT-4 指南
    • ChatGPT 工具收錄
      • Awesome ChatGPT
    • ChatGPT 中文調教指南
    • GPT 開放原始碼項目合集
    • ChatGPT 應用收藏
    • Awesome OpenAI - 超酷的 OpenAI 蒐藏
      • Awesome-openAI
    • Awesome GPT-3 應用集
      • Awesome GPT-3
    • ChatGPT 提示指令庫
      • Awesome ChatGPT Prompts
  • SaaS
    • awesome-saas-boilerplates
Powered by GitBook
On this page
  • Awesome-UI ![MIT](https://img .shields.io/github/license/mashape/apistatus.svg)
  • 清單
  • 道德
  • 隱藏的寶石
  • 書籍
  • 鍋爐板
  • 教程
Export as PDF
  1. Design

awesome-ui

PreviousAwesome TypographyNextREADME-en

Last updated 2 years ago

Awesome-UI

精選的 UI/UX 和設計列表 與 UI / UX 相關的一切資源。歡迎投稿,只需提出拉取請求!

## 執照

麻省理工學院

## 貢獻

歡迎投稿!只需做一個拉​​取請求!

  • 正在處理你的第一個 Pull Request? 你可以從這個 免費 系列 中學習如何-to-an-open-source-project-on-github)

# 中等的 ##其他很棒的免費東西列表

# 目錄 1.【原型工具】(https://github.com/kevindeasis/awesome-ui#prototyping-tools) 2.【線框圖工具】(https://github.com/kevindeasis/awesome-ui#wireframing-tools) 3.

#UI-UX 終極指南

  • [AskTog:交互設計的第一原則(修訂和擴展)](http://asktog.com/atc/principles-of-interaction-design/)

  • [SoundCloud 播客,精益創業:結合以用戶為中心的設計和精益創業,打造更好的產品](https://soundcloud.com/lean-startup/4-season-3-combining-user-centered-design-lean-啟動構建更好的產品?in=lean-startup/sets/lean-startup-webcasts)

#原型工具

#線框圖工具

#風格

款式分類

### 顏色

###圖標

###股票圖標

###圖像

####庫存照片

  • [Unsplash:免費(隨心所欲)高分辨率照片。](http://unsplash.com/)

  • [新舊股票:公共檔案中的複古照片。](http://nos.twnsnd.co/)

###排版

字體資源

* [谷歌字體文件](https://github.com/google/fonts)
* [安裝谷歌字體文件](https://github.com/qrpike/Web-Font-Load)

###寫作

#佈局 佈局類別

###原則

###單位和測量

###指標和關鍵線

###結構

###響應式用戶界面

###分屏

#組件

#模式

#可用性 可用性類別

可訪問性

雙向性

#動畫片 動畫類別

### 繪畫

[繪圖空間:繪圖] (https://www.drawspace.com/lessons)

###用戶體驗設計

#資源

#在線課程

#播客

#社區

#靈感

  • [Moodboard:建立一個漂亮的moodboard並分享結果。](http://www.gomoodboard.com/)

  • [蠟筆:最全面的營銷設計集合。](http://www.crayon.co/)

清單

#規劃

  • 規劃

    1. 研究

    2. 計劃

    3. 探索

    4. 溝通

    5. [輔助功能](https://www.gov.uk/service-manual/user-centred-design/accessibility.html)

    6. 創建

    7. 提供反饋

    8. 敲定

    9. 喜悅

    10. [過渡](http://www.google.co.uk/design/spec/animation/authentic-motion.html)

    11. 分析

道德

#其他軟件/工具/資源

隱藏的寶石

書籍

鍋爐板

教程

#工作

14.【工作流程】(https://github.com/kevindeasis/awesome-ui#planning)

佈局
組件
模式
可用性
動畫
在線課程
播客
社區
靈感
清單
其他軟件和工具
工作
UX StackExchange
UX 神話
必讀 UI 書籍
52 週的 UX
直覺和諧指南
臉書設計
HackDesign
GoodUI
布朗大學 CS 1300:用戶界面和用戶體驗
Donald Norman 的日常用品設計
比爾巴克斯頓,輸入手稿
SideBar.IO
AskTog
AskTog: DesignMenu
關於面部,交互設計要點 PDF
維涅利佳能
魔墨
Bill Buxton - 繪製用戶體驗
Day 2 Workshop of Sketching User Experiences Workshop Nicolai Marquardt
谷歌材料設計
設計代碼
黑客設計
發現設計
谷歌網絡基礎
ux pin
嬉皮元素
粉碎雜誌
黑客設計
zurb
ux-mag
ux 展位
nn組
ui-patterns
uie
可用性極客
列表分開
方框和箭頭
八種形狀
像素
設計 CC / Adob​​e Comet
Invision Sketch
原型
Marvelapp
表格
成幀器
金剛鸚鵡
炒作 3.5
摺紙
Flinto
網絡流
前台
網絡流
Krista 用動畫製作文字和矢量真棒
Mockplus
Moqups
Balsamiq
AdobeCC
Adobe Spark
模擬流
Justinmind
OmniGraffle
線框.cc
知更鳥
Axure
Flair Builder
UX Pin
Tobias Van Schneider 獨特的色彩組合
顏色對比
TNW:色彩情感
Kissmetrics:轉換顏色
SMW:色彩心理學
GMD: 顏色
DFF:色彩理論
GMD:圖標
Tubik Studio:UI 中的圖標與復制
Tuts+
Fontello:圖標字體生成器。
平面圖標:16000+ 字形矢量圖標的搜索引擎。
Font Awesome:標誌性字體和 CSS 工具包。
Glyphsearch:從其他圖標數據庫中搜索圖標。
Material Design Icons: 750 個由 Google 提供的免費開源字形。
圖標查找器:網站的免費圖標部分。
塗鴉集:50 個免費手繪塗鴉圖標
扁平集:免費扁平圓形圖標集 — 60 個圖標
矢量線集:免費矢量線圖標集 — 50 個圖標
MakeAppIcon:一鍵生成各種大小的應用圖標。
無盡的圖標:免費的平面圖標和創意。
Perfect Icons:社交圖標創建工具。
Material Design Icons: 750 個由 Google 提供的免費開源字形。
圖標糖果:60 個免費矢量 Photoshop 圖標。
Ico Moon:4000+ 免費矢量圖標,圖標生成器。
名詞項目:來自不同藝術家的數千個字形圖標。
GMD:圖像
股票
庫存
像素
所有免費庫存:免費庫存圖片、圖標和視頻。
Splashbase:搜索和發現免費的高分辨率照片和視頻。
啟動庫存照片:去。做點什麼。
傑曼特里:免費圖片。做任何事(CC0)。製造魔法。
Moveast:這是一個葡萄牙人向東移動的旅程。
旅行咖啡書:分享美麗的旅行時刻。
設計師圖片:供您個人和商業使用的免費照片。
Death to the Stock Photo:每月免費向您發送照片。
Foodie's Feed:高清免費食物圖片
Mazwai:免費創作共用高清視頻剪輯和鏡頭。
Jéshoots:新的現代免費照片。
Super Famous:荷蘭交互設計師 Folkert Gorter 拍攝的照片。
圖片:免費的高分辨率照片。
Pixabay:免費的高質量圖像。
Magdeleine:每天一張免費的高分辨率照片。
快照:個人和商業用途的免費庫存照片。
小視覺效果:每 7 天收件箱中有 7 張高分辨率圖像。
斯普利特郡:美味的免費庫存照片。
Picjumbo:完全免費的照片。
Pix 的生活:免費的高分辨率照片。
Gratisography:免費的高分辨率照片。
Getrefe:免費照片。
IM Free:精選的免費資源集合。
紙杯蛋糕:Jonas Nilsson Lee 的攝影師款待。
模式庫:項目的免費模式。
公共領域檔案:新的 100% 免費庫存照片。
ISO 共和國:高品質、免費的創意照片。
Stokpic:完全免費的照片。
Kaboompics:獲得免費照片的最佳方式。
功能:免費照片包。
MMT:Jeffrey Betts 提供的免費圖片素材。
保羅賈維斯:免費的高分辨率照片。
鎖定和庫存照片:為您提供免費庫存照片。
Raumrot:免費的高分辨率圖片。
GMD:排版
字體配對
排版介紹
排版評論
TypeGenius:為您的下一個項目找到完美的字體組合。
FontFaceNinja:用於查找網站使用的網絡字體的瀏覽器擴展。
Google 字體:針對網絡優化的免費開源字體。
Font-to-width:將文本片段緊貼在其容器中。
Beautiful Web Type:來自 Google 網絡字體目錄的最佳字體。
Font Squirrel:100% 免費商業字體。
DaFont:可免費下載字體的存檔。
1001 免費字體:大量免費字體。
FontPark:網絡上最大的免費字體檔案庫。
排版資源:谷歌字體
靈感:狼型
靈感:輸入靈感
靈感:設計靈感
靈感:運球
靈感:靈感網格
靈感:為你打字
靈感:abduzeedo
GMD:寫作
GMD:佈局原則
GMD:單位和測量
GMD:指標和關鍵線
GMD:結構
GMD:響應式 ui
GMD:分屏
GMD
GMD
設計原則
可用性手冊
Reddit 可用性
gmd
gmd
粉碎雜誌
谷歌開發者
動畫原理
動畫原理
儀表板
用戶體驗心理學
增長供應
學生網頁設計
為創始人設計
方框和箭頭
設計代碼
ontiwik
複雜
Tuts+
工具
人物:Paul Boag
uie
uxmag
Sketch 應用資源
素描工具箱
草圖插件
Krista 讓文字和矢量變得很棒
界面設計法則
轉向
網絡平台
學習設計更好的界面
Noexcuselist
哈佛公開課件
麻省理工開放課件
耶魯開放課件——課堂上的實際視頻講座,讓您獲得課堂體驗。很多課程,很多科目。
斯坦福開放課件
Codecademy — 免費學習交互式編碼。
Codeplace.com — 學習如何從頭開始編碼。以前 Stuk.io
Udacity — 獲得行業領導者認可的納米學位。
Learnable — 學習 Web 開發的最佳方式。
Code School - 邊做邊學。
Thinkful — 通過一對一指導提升您的職業生涯。
Code.org — 通過簡單的教程從今天開始學習。
代碼學校
樹屋
Freecodecamp
林達
Code.org
Codeacademy
Udacity
設計事項
深度設計
快樂星期一
行業
設計冒險
Boagworld
商店脫口秀
迭代
The Back to Front Show
在網格上
網絡大秀
前期播客
未完成的事情
自由職業者網
eventbrite
聚會
設計師新聞
UXstackexchange
UX 平面設計
Reddit 設計
Reddix UX
設計師對話
Layervault
MatrialUp:日常材料設計靈感。
FLTDSGN:最佳平面 UI 設計網站和應用程序的每日展示。
Site Inspire:網頁設計靈感。
UI Cloud:全球最大的用戶界面設計數據庫。
Land-Book:產品登陸頁面圖庫。
Ocean:設計師分享反饋的社區。
Dribbble:為設計師展示和講述。
Behance:展示和發現創意作品。
Pttrns:移動用戶界面模式。
平面 UI 設計:感謝 Erik,我發現了有用的板子。
Awwwards:設計、創意和創新獎。
入門工具包:為開發人員和設計師設計的資源。
一頁愛:一頁網站靈感的資源。
UI Parade:用戶界面設計工具和設計靈感。
最佳設計:最佳網頁設計。
敏捷設計師:設計師和開發人員的最佳資源。
Niice:有品味的搜索引擎。
r/web_design
r/userexperience
r/internetisbeautiful
r/webdesign
r/smt
r/androidisbeautiful
你幾乎可以做任何事情:標誌
freebiesbug
鼓膜
90 年代的用戶體驗設計
UX 清單
UX 清單倉庫
uxchecklist
競爭分析
數據分析
用戶反饋
用戶故事
用戶流程
紅色路線
頭腦風暴與素描
線框
原型
IA
語言
UI 元素
手勢
響應性
等待時間
錯誤
已完成的動作
最終佈局
圖像和圖標的使用
字體顏色和層次結構
微文
微交互
KPI 設置
AB 測試計劃
測試
花費時間
黑暗模式.org
Pixlr
Uxdesign
現在
做
草圖
忍者模擬
應用登陸示例 2015
Iphone 矢量
放置:Iphone 矢量、模型和視頻
魔術模型
PicApp
MockDrop
智能模型
Isweet it 模型
設計收藏和啟示
最佳用戶體驗設計師工具和資源集合
有史以來唯一的 ux 閱讀列表
前 10 名 UI 設計資源
綠襪
別讓我思考
微交互
打造更好的產品
Kevin Hale 的閱讀清單
應用登陸頁面
創建華麗 UI 的 7 條規則(第 2 部分)
創建華麗 UI 的 7 條規則(第 1 部分)
確保圖像上文本的高對比度
Dribbble 工作
![MIT](https://img .shields.io/github/license/mashape/apistatus.svg)
如何在 GitHub 上為開源項目做出貢獻
中等博文在這裡
在這裡
風格
顏色
圖標
股票圖標
圖像
庫存照片
排版
寫作
PRs Welcome
太棒了