macOS UI Kit 使用教程

macOS UI Kit 使用教程

macOS-UI-Kit :gem: The most detailed and accurate macOS UI Kit for Sketch. This Sketch Library includes common Mac interface elements, cursors, and a Touch Bar UI Kit. 项目地址: https://gitcode.com/gh_mirrors/ma/macOS-UI-Kit

1. 项目的目录结构及介绍

macOS UI Kit 项目的目录结构如下：

macOS UI Kit/
├── .github/
├── .images/
├── LICENSE
├── Preview.sketch
├── README.md
└── macOS UI Kit.sketch

• .github/：此目录通常用于存放与 GitHub 相关的配置文件，如 .github/workflows 用于存放 GitHub Actions 工作流文件。
• .images/：此目录用于存放项目中的图像文件。
• LICENSE：项目使用的许可协议文件，本项目采用 MIT 许可协议。
• Preview.sketch：这是 macOS UI Kit 的预览文件，可以用来查看 UI Kit 的样式和组件。
• README.md：项目的自述文件，包含项目的介绍、使用方法和贡献指南。
• macOS UI Kit.sketch：这是主文件，包含了 UI Kit 的所有组件和样式。

2. 项目的启动文件介绍

项目的启动文件是 macOS UI Kit.sketch。当你打开这个文件时，你会看到一个详细的 macOS 用户界面组件库。这个库包含了数百个可定制的组件、颜色和文本样式，旨在帮助你快速开始设计 Mac 应用程序。

在使用之前，请确保你已经安装了 Sketch 应用程序，并且 Sketch 的版本至少是 89。同时，为了正确显示字体样式，你需要安装 Apple 的 SF Pro 字体。

3. 项目的配置文件介绍

本项目中的配置主要是通过 Sketch 本身的偏好设置来完成的。你需要进行以下配置步骤：

1. 下载最新版本的 macOS UI Kit。
2. 打开 Sketch.app。
3. 转到 Sketch > 偏好设置… > 库 > 添加库…。
4. 选择下载的 macOS UI Kit.sketch 文件。

请注意，在使用 Preview.sketch 文件之前，请先链接库文件。

以上就是 macOS UI Kit 的基本介绍和使用方法。如果你在使用过程中遇到问题，或者想要添加新的元素，可以通过 GitHub 提交问题或者直接为 UI Kit 贡献新的元素。

macOS-UI-Kit :gem: The most detailed and accurate macOS UI Kit for Sketch. This Sketch Library includes common Mac interface elements, cursors, and a Touch Bar UI Kit. 项目地址: https://gitcode.com/gh_mirrors/ma/macOS-UI-Kit