awesome-ui

Awesome-UI 

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

＃＃ 執照

麻省理工學院

＃＃ 貢獻

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

• 正在處理你的第一個 Pull Request？ 你可以從這個 免費 系列 如何在 GitHub 上為開源項目做出貢獻 中學習如何-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. 風格

• 顏色

• 圖標

  • 股票圖標

• 圖像

  • 庫存照片

• 排版

• 寫作

1. 佈局

2. 組件

3. 模式

4. 可用性

5. 動畫

6. 在線課程

7. 播客

8. 社區

9. 靈感

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

11. 其他軟件和工具

12. 工作

#UI-UX 終極指南

• UX StackExchange

• UX 神話

• 必讀 UI 書籍

• 52 週的 UX

• 直覺和諧指南

• 臉書設計

• HackDesign

• GoodUI

• 布朗大學 CS 1300：用戶界面和用戶體驗

• Donald Norman 的日常用品設計

• 比爾巴克斯頓，輸入手稿

• SideBar.IO

• AskTog

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

• AskTog: DesignMenu

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

• 關於面部，交互設計要點 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：圖像

####庫存照片

• 股票

• 庫存

• 像素

• 所有免費庫存：免費庫存圖片、圖標和視頻。

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

• Splashbase：搜索和發現免費的高分辨率照片和視頻。

• 啟動庫存照片：去。做點什麼。

• 傑曼特里：免費圖片。做任何事（CC0）。製造魔法。

• Moveast：這是一個葡萄牙人向東移動的旅程。

• 旅行咖啡書：分享美麗的旅行時刻。

• 設計師圖片：供您個人和商業使用的免費照片。

• Death to the Stock Photo：每月免費向您發送照片。

• Foodie's Feed：高清免費食物圖片

• Mazwai：免費創作共用高清視頻剪輯和鏡頭。

• Jéshoots：新的現代免費照片。

• Super Famous：荷蘭交互設計師 Folkert Gorter 拍攝的照片。

• 圖片：免費的高分辨率照片。

• Pixabay：免費的高質量圖像。

• Magdeleine：每天一張免費的高分辨率照片。

• 快照：個人和商業用途的免費庫存照片。

• 小視覺效果：每 7 天收件箱中有 7 張高分辨率圖像。

• 斯普利特郡：美味的免費庫存照片。

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

• 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

字體資源

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

＃＃＃寫作

• GMD：寫作

＃佈局 佈局類別

＃＃＃原則

• GMD：佈局原則

###單位和測量

• GMD：單位和測量

###指標和關鍵線

• GMD：指標和關鍵線

＃＃＃結構

• GMD：結構

###響應式用戶界面

• GMD：響應式 ui

###分屏

• GMD：分屏

＃組件

• GMD

#模式

• GMD

#可用性 可用性類別

• 設計原則

• 可用性手冊

• Reddit 可用性

可訪問性

gmd

雙向性

gmd

＃動畫片 動畫類別

＃＃＃ 繪畫

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

###用戶體驗設計

• 粉碎雜誌

• 谷歌開發者

• 動畫原理

• 動畫原理

• 儀表板

• 用戶體驗心理學

＃資源

• 增長供應

• 學生網頁設計

• 為創始人設計

• 方框和箭頭

• 設計代碼

• 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：全球最大的用戶界面設計數據庫。

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

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

• 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

＃規劃

• 規劃

  1. 研究

  2. 競爭分析

  3. 數據分析

  4. 用戶反饋

  5. 計劃

  6. 用戶故事

  7. 用戶流程

  8. 紅色路線

  9. 探索

  10. 頭腦風暴與素描

  11. 線框

  12. 原型

  13. 溝通

  14. IA

  15. 語言

  16. [輔助功能]（https://www.gov.uk/service-manual/user-centred-design/accessibility.html）

  17. 創建

  18. UI 元素

  19. 手勢

  20. 響應性

  21. 提供反饋

  22. 等待時間

  23. 錯誤

  24. 已完成的動作

  25. 敲定

  26. 最終佈局

  27. 圖像和圖標的使用

  28. 字體顏色和層次結構

  29. 喜悅

  30. 微文

  31. 微交互

  32. [過渡]（http://www.google.co.uk/design/spec/animation/authentic-motion.html）

  33. 分析

  34. KPI 設置

  35. AB 測試計劃

  36. 測試

道德

• 花費時間

• 黑暗模式.org

#其他軟件/工具/資源

• Pixlr

• Uxdesign

• 現在

• 做

• 草圖

• 忍者模擬

• 應用登陸示例 2015

• Iphone 矢量

• 放置：Iphone 矢量、模型和視頻

• 魔術模型

• PicApp

• MockDrop

• 智能模型

• Isweet it 模型

• 設計收藏和啟示

• 最佳用戶體驗設計師工具和資源集合

• 有史以來唯一的 ux 閱讀列表

• 前 10 名 UI 設計資源

隱藏的寶石

• 綠襪

書籍

• 別讓我思考

• 微交互

• 打造更好的產品

• Kevin Hale 的閱讀清單

鍋爐板

• 應用登陸頁面

教程

• 創建華麗 UI 的 7 條規則（第 2 部分）

• 創建華麗 UI 的 7 條規則（第 1 部分）

• 確保圖像上文本的高對比度

＃工作

• Dribbble 工作