Gravit 开源设计工具使用教程

1. 项目介绍

Gravit 是一款跨平台的设计工具，支持 Mac、Windows、Linux、Chrome OS 以及浏览器。它完全使用 HTML5、JavaScript 和 CSS3 编写，包含核心引擎 "Infinity"、实际应用程序和核心模块 "Gravit"。Gravit 以 Freehand 和 Fireworks 为灵感，旨在为设计师提供一款功能强大且易于使用的设计工具。

2. 项目快速启动

环境准备

在开始之前，请确保您的系统中已安装以下依赖：

• NodeJS + NPM
• Grunt Client
• Bower
• SASS + Compass

安装步骤

1. 克隆项目到本地：

   git clone https://github.com/OliBridgman/gravit.git
   

2. 安装 Node.js 依赖：

   cd gravit
   npm install
   

3. 安装客户端 JavaScript 库：

   bower install
   

4. 运行 Grunt：

   grunt
   

完成后，您可以在浏览器中通过地址 http://127.0.0.1:8999/ 打开 Gravit。推荐使用 Chrome 浏览器，因为这也是独立版本所使用的浏览器。

3. 应用案例和最佳实践

Gravit 可以用于多种设计工作，以下是一些应用案例和最佳实践：

• 网页设计：利用 Gravit 的矢量工具和布局功能，设计响应式网页。
• UI/UX 设计：创建应用界面和用户交互原型，利用其丰富的组件和图标库。
• 图标设计：Gravit 提供了强大的图标设计工具，可以轻松创建高质量的图标。

在设计时，建议遵循以下最佳实践：

• 保持设计的简洁性，避免过度设计。
• 利用 Gravit 的图层管理功能，保持项目结构的清晰。
• 常备保存和导出设计，以防不慎丢失。

4. 典型生态项目

Gravit 作为开源项目，其生态系统中有一些典型的相关项目，可以帮助用户更好地使用和扩展 Gravit：

• Gravit Plugins：社区开发的插件，可以增强 Gravit 的功能。
• Gravit Templates：预设的设计模板，可以帮助用户快速开始新项目。
• Gravit Resources：提供额外的设计资源，如图标、图案等。

通过这些典型生态项目，用户可以更高效地使用 Gravit，并与其他设计师分享和合作。