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