客户端开发是如何使用产品原型的？后台开发不理解客户端开发。。。

[sunshinev]

一个产品原型里面会包含各种图片元素，每个元素的屏幕位置

客户端在开发的时候，是每个页面单独导出每一个可以用到的 image 元素，然后按照原型中标记尺寸，进行页面设计吗？

后台开发不理解客户端开发。。。

谢谢各位大佬，应该是 UI 设计稿哈哈~~

不是看原型，不过 UI 设计稿也是根据稿子，来按照设计稿里面标注的背景色、按钮样式、图片、这些来一点一点对照着，码出来么。。。

[Anarchy]

能看到控件大小位置就够了，有图标的导出。不过一般不会用原型稿的，位置信息和图片资源都可能有问题，正常等到 UI 定稿才开发。

[ilyyfan]

screeshot2code

[Yasuo666]

原型是看业务逻辑的，UI 设计稿是看长什么样子

[sunshinev]

@Anarchy 谢谢大佬，应该是 UI 设计稿~ 那需要的色值、背景图都得从设计稿里面 download 下来用哈

[janus77]

是的，一点一点码出来

[debuggerx]

首先看原型图、UI 稿以及产品需求，理解业务逻辑和用户操作流程，这个是和后端一样的。然后需要分析整体页面结构，怎么做屏幕适配，怎么合理布局，怎么规划节点层级以及用哪些 UI 组件，可以实现需要的效果以及保证运行流畅。真正编码的时候就是啪啪啪敲代码，我一般双屏甚至三屏开发，同时打开 UI 设计稿、IDE 和预览页面，先把结构和功能写出来，到这一步做完就已经差不多了。最后还原设计，现在的设计工具基本功能都差不多，鼠标点点就能看到一个元素的大小位置颜色等信息，一个一个用代码实现，其实一般来说工作量不算特别大，熟悉就好，写起来几乎不用动脑子。

[snowflake007]

UI 开发是一个繁琐的过程，比请求获取数据，存储转换数据耗时多了，我们产品会使用简单的原型工具墨刀先简单做原型出来，打通业务主流程，后面设计师用 Figma 设计，经过和开发评审设计修改后再开发

[sunshinev]

@debuggerx 谢谢大佬~ 感觉都有画面了

[sunshinev]

@snowflake007 谢谢大佬