V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
sunshinev
V2EX  ›  程序员

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

  •  
  •   sunshinev ·
    sunshinev · 279 天前 · 2067 次点击
    这是一个创建于 279 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

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

    第 1 条附言  ·  279 天前
    谢谢各位大佬,应该是 UI 设计稿哈哈~~

    不是看原型,不过 UI 设计稿也是根据稿子,来按照设计稿里面标注的背景色、按钮样式、图片、这些来一点一点对照着,码出来么。。。
    9 条回复    2024-01-30 11:07:58 +08:00
    Anarchy
        1
    Anarchy  
       279 天前
    能看到控件大小位置就够了,有图标的导出。不过一般不会用原型稿的,位置信息和图片资源都可能有问题,正常等到 UI 定稿才开发。
    ilyyfan
        2
    ilyyfan  
       279 天前 via Android
    screeshot2code
    Yasuo666
        3
    Yasuo666  
       279 天前   ❤️ 1
    原型是看业务逻辑的,UI 设计稿是看长什么样子
    sunshinev
        4
    sunshinev  
    OP
       279 天前
    @Anarchy 谢谢大佬,应该是 UI 设计稿~ 那需要的色值、背景图都得从设计稿里面 download 下来用哈
    janus77
        5
    janus77  
       279 天前
    是的,一点一点码出来
    debuggerx
        6
    debuggerx  
       279 天前   ❤️ 2
    首先看原型图、UI 稿以及产品需求,理解业务逻辑和用户操作流程,这个是和后端一样的。然后需要分析整体页面结构,怎么做屏幕适配,怎么合理布局,怎么规划节点层级以及用哪些 UI 组件,可以实现需要的效果以及保证运行流畅。真正编码的时候就是啪啪啪敲代码,我一般双屏甚至三屏开发,同时打开 UI 设计稿、IDE 和预览页面,先把结构和功能写出来,到这一步做完就已经差不多了。最后还原设计,现在的设计工具基本功能都差不多,鼠标点点就能看到一个元素的大小位置颜色等信息,一个一个用代码实现,其实一般来说工作量不算特别大,熟悉就好,写起来几乎不用动脑子。
    snowflake007
        7
    snowflake007  
       279 天前
    UI 开发是一个繁琐的过程,比请求获取数据,存储转换数据耗时多了,我们产品会使用简单的原型工具墨刀先简单做原型出来,打通业务主流程,后面设计师用 Figma 设计,经过和开发评审设计修改后再开发
    sunshinev
        8
    sunshinev  
    OP
       275 天前
    @debuggerx 谢谢大佬~ 感觉都有画面了
    sunshinev
        9
    sunshinev  
    OP
       275 天前
    @snowflake007 谢谢大佬
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1245 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 27ms · UTC 23:15 · PVG 07:15 · LAX 16:15 · JFK 19:15
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.