将设计师 PSD 应用到移动应用程序的最佳实践答案

【问题标题】：Best practice to apply designer PSD to mobile app将设计师 PSD 应用到移动应用程序的最佳实践
【发布时间】：2017-09-06 13:30:47
【问题描述】：

作为一名开发人员，我擅长编码功能和后端实现。但我不擅长 UI 和 UX 设计。通过模型，设计师可以生成具有漂亮 UI 和颜色匹配的 PSD 文件。现在的问题是，在我的应用程序中应用这些设计的最佳实践是什么？我正在使用 ReactNative 平台。

【问题讨论】：

【解决方案1】：

您可以在官方文档https://facebook.github.io/react-native/docs/getting-started.html中查看所有可用的组件和一些布局提示

那么你应该了解更多关于 flexbox 的知识，这是一个有趣的游戏入门：http://flexboxfroggy.com/

并学习如何操作 DOM 样式。以下是属性列表： https://www.w3schools.com/JSREF/dom_obj_style.asp

有了这个，您可以创建您的组件并自定义它们，使其看起来像您收到的模型。

还有一些库可以为您提供一些自定义组件，例如按钮、列表、文本、页眉、页脚、输入等。最常见的是 Native Base https://nativebase.io/ 和 material design http://react-native-material-design.github.io/

虽然我建议您学习如何创建自己的自定义组件，而不是依赖第三方库。

希望对你有帮助。

【讨论】：

【解决方案2】：

如果您不喜欢花时间编写 UI，请使用第 3 方 UI 库。

我是NativeBase的粉丝

由您的设计师运行它，看看他们是否可以更新他们的设计以尽可能接近库。

【讨论】：