这是一个创建于 287 天前的主题，其中的信息可能已经有所发展或是发生改变。
一个产品原型里面会包含各种图片元素，每个元素的屏幕位置
客户端在开发的时候，是每个页面单独导出每一个可以用到的 image 元素，然后按照原型中标记尺寸，进行页面设计吗？
后台开发不理解客户端开发。。。
第 1 条附言 · 287 天前
谢谢各位大佬，应该是 UI 设计稿哈哈~~
不是看原型，不过 UI 设计稿也是根据稿子，来按照设计稿里面标注的背景色、按钮样式、图片、这些来一点一点对照着，码出来么。。。
不是看原型，不过 UI 设计稿也是根据稿子，来按照设计稿里面标注的背景色、按钮样式、图片、这些来一点一点对照着，码出来么。。。
 |
1
Anarchy 287 天前
能看到控件大小位置就够了，有图标的导出。不过一般不会用原型稿的，位置信息和图片资源都可能有问题，正常等到 UI 定稿才开发。
|
 |
2
ilyyfan 287 天前 via Android
screeshot2code
|
 |
3
Yasuo666 287 天前  1
原型是看业务逻辑的，UI 设计稿是看长什么样子
|
 |
5
janus77 287 天前
是的，一点一点码出来
|
 |
6
debuggerx 287 天前 2
首先看原型图、UI 稿以及产品需求，理解业务逻辑和用户操作流程，这个是和后端一样的。然后需要分析整体页面结构，怎么做屏幕适配，怎么合理布局，怎么规划节点层级以及用哪些 UI 组件，可以实现需要的效果以及保证运行流畅。真正编码的时候就是啪啪啪敲代码，我一般双屏甚至三屏开发，同时打开 UI 设计稿、IDE 和预览页面，先把结构和功能写出来，到这一步做完就已经差不多了。最后还原设计，现在的设计工具基本功能都差不多，鼠标点点就能看到一个元素的大小位置颜色等信息，一个一个用代码实现，其实一般来说工作量不算特别大，熟悉就好，写起来几乎不用动脑子。
|
 |
7
snowflake007 287 天前
UI 开发是一个繁琐的过程，比请求获取数据，存储转换数据耗时多了，我们产品会使用简单的原型工具墨刀先简单做原型出来，打通业务主流程，后面设计师用 Figma 设计，经过和开发评审设计修改后再开发
|
 |
9
sunshinev OP @snowflake007 谢谢大佬
|
Select Language