Sketch 如何与移动 Web 开发相关联?
How is Sketch linked to Mobile Web Development?
我是移动应用开发和 Sketch 的新手,我很难理解如何使用 Sketch 开发移动应用程序。
我正在研究 React-Native 以开发应用程序,但据我了解,您可以在 React 中设置元素样式的唯一方法是通过 css 文件,但我不知道如何使用设计我的应用程序的草图。
我是否完全遗漏了一些东西,或者是否可以在 React-Native 中开发应用程序并使用 Sketch 来设计应用程序中的元素?
谢谢!
Sketch 是一种类似于 Photoshop 或 Illustrator 的设计工具。但由于多种原因,它比这两种工具都要好得多
它创造了只有代码才有可能的设计。 Photoshop 最初是为照片编辑而创建的,您可以在那里创建的许多效果不能通过代码创建。
拥有仅UI设计所需的工具非常简单。没有画笔工具、涂抹工具等
基于矢量的工具,您可以将任何资产导出为 svg 或复制代码。
您也可以将样式复制为 CSS 并使用。无需样式文件。
您可以制作交互式模型的原型,并在编码之前对其进行测试。这是最大的优势,您可以在投入时间编码之前实际测试应用程序。
打开文件格式。许多第三方工具可以读取草图文件,您可以将您的设计提升到一个新的水平。例如,您可以在 InVision 中上传原型并将设计共享为云 link
这些是您应该选择素描的一些原因。但除此之外,它只是另一种设计工具。它无法为您创建功能性应用程序。
有几种工具专注于从设计文件到移动应用程序的转换。
- Supernova - 反应本机和本机应用程序的草图
- BuilderX - 草图到 react/react 原生
- XD to flutter - 你可以将sketch导入XD并转换成flutter App
- pxCode - 我们开发的解决方案,把sketch变成react/reactnative
这个区域比较新,因为设计文件不是well-structured代码方面的。所以这就是为什么映射这么难,代码质量不容易保持的原因。
这就是为什么经过多次迭代和分析,我们发现关键结构应该留给前端工程师的经验和专业来解决,而不是自动化任务
我是移动应用开发和 Sketch 的新手,我很难理解如何使用 Sketch 开发移动应用程序。
我正在研究 React-Native 以开发应用程序,但据我了解,您可以在 React 中设置元素样式的唯一方法是通过 css 文件,但我不知道如何使用设计我的应用程序的草图。
我是否完全遗漏了一些东西,或者是否可以在 React-Native 中开发应用程序并使用 Sketch 来设计应用程序中的元素?
谢谢!
Sketch 是一种类似于 Photoshop 或 Illustrator 的设计工具。但由于多种原因,它比这两种工具都要好得多
它创造了只有代码才有可能的设计。 Photoshop 最初是为照片编辑而创建的,您可以在那里创建的许多效果不能通过代码创建。
拥有仅UI设计所需的工具非常简单。没有画笔工具、涂抹工具等
基于矢量的工具,您可以将任何资产导出为 svg 或复制代码。
您也可以将样式复制为 CSS 并使用。无需样式文件。
您可以制作交互式模型的原型,并在编码之前对其进行测试。这是最大的优势,您可以在投入时间编码之前实际测试应用程序。
打开文件格式。许多第三方工具可以读取草图文件,您可以将您的设计提升到一个新的水平。例如,您可以在 InVision 中上传原型并将设计共享为云 link
这些是您应该选择素描的一些原因。但除此之外,它只是另一种设计工具。它无法为您创建功能性应用程序。
有几种工具专注于从设计文件到移动应用程序的转换。
- Supernova - 反应本机和本机应用程序的草图
- BuilderX - 草图到 react/react 原生
- XD to flutter - 你可以将sketch导入XD并转换成flutter App
- pxCode - 我们开发的解决方案,把sketch变成react/reactnative
这个区域比较新,因为设计文件不是well-structured代码方面的。所以这就是为什么映射这么难,代码质量不容易保持的原因。 这就是为什么经过多次迭代和分析,我们发现关键结构应该留给前端工程师的经验和专业来解决,而不是自动化任务