将设计师PSD应用于移动应用的最佳做法

Question

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

Answer 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/和材料设计http://react-native-material-design.github.io/

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

希望它有所帮助。

Answer 2

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

我是NativeBase

的粉丝

由您的设计师运行，看看他们是否可以将设计更新为尽可能接近图书馆。