UI設計架構 | Material UI |
主要因素 | RWD, React考慮 |
Bootstrap
Build responsive, mobile-first projects on the web with the world’s most popular front-end component library.
Bootstrap is an open source toolkit for developing with HTML, CSS, and JS. Quickly prototype your ideas or build your entire app with our Sass variables and mixins, responsive grid system, extensive prebuilt components, and powerful plugins built on jQuery.
- 什麼是Bootstrap
- 是一個快速可以上線的設計語言,不需自己設計
- 西方市場使用者都看的懂的設計語言
- 設計觀感類似Twitter
- 使用Bootstrap的公司
- Spotify
- Lyft
- StackShare
- Coursera
- Udemy
- Snapchat
React Bootstrap
- 官方網站
- 已經設計好的React.js component,適合跟React.js前端結合
Material Design
Material Design is a visual language that synthesizes the classic principles of good design with the innovation of technology and science.
- 什麼是Material Design
- 中文文件
- 我們產品基本上都採用Google的Material Design
- 是一個快速可以上線的設計語言,不需自己設計
- 西方市場使用者都看的懂的設計語言
- 設計觀感類似Google Apps
- 使用Material Design的公司
- Certain Lending
- Digital Services
- Asurint
- Solinftec
- Orange Room
- Blue Bean Software
Material UI
- 官方網站
- 已經設計好的React.js component,適合跟React.js前端結合
- CSS, HTML, JSX都整包設計好
- 實作RWD比Bootstrap還容易及快速
Material CSS
- 官方網站
- 採用Responsive Web Design原則
- 主要提供編好的CSS檔案
Material Design Lite
- 官方網站
- 不限於任何前端結構
- 提供設計好的CSS, HTML, 和JavaScript檔案
- 設計好的包裝叫MDL components
Ant Design
服务于企业级产品的设计体系,基于确定和自然的设计价值观上的模块化解决方案,让设计者和开发者专注于更好的用户体验。
- 什麼是Ant Design