页面分层
文件夹与页面两级,结构随项目长
页面文件夹分层、母版复用与动态面板组织内容层级
文件夹与页面两级,结构随项目长
改母版,所有实例跟着变
元件与页面都按用途起名
一份数据集生成整列内容
顶部导航做成母版之后,改一次菜单就在所有页面上生效,几十个页面不用逐个打开;实例里单独改过的高亮项还会保留。
结构这件事在原型阶段就要定,等到交付前再理,改动成本会翻几倍。
页面按模块分文件夹,母版只留真正复用的部分。
页面面板可以按模块建文件夹,页面挂在下面,拖进拖出即调整层级;面板顺序决定生成的原型里导航的先后。
导航、页脚这类重复区块做成母版,实例拖进各页面,改母版内容即在所有页面生效,不必逐页打开。
母版实例允许改文字与图片,结构与交互仍跟随母版;同一份导航在不同页面高亮不同项,就是这么做的。
数据集一行对应列表一项,改数据即改全部;分页、排序与筛选在面板里设,不必手工复制十份元件。
把一组元件合成组当整体移动与缩放,图层顺序决定遮挡关系;组也能起名,交互里可以整组显示隐藏。
常用组合整理成自己的元件库文件,团队共用一套,做出来的原型风格容易一致,交接时元件含义也对得上。
功能按画的顺序分组:先摆元件,再挂交互,最后生成产物。
| 结构元素 | 用来做什么 | 典型用法 |
|---|---|---|
| 页面文件夹 | 按模块分组 | 登录、订单各一层 |
| 母版 | 收公共区块 | 导航与页脚 |
| 母版实例 | 复用并覆盖文字 | 当前页高亮 |
| 动态面板 | 页内多层内容 | 标签页与抽屉 |
| 中继器 | 生成重复列表 | 卡片与表格行 |
| 元件库 | 沉淀常用组合 | 团队统一元件 |
交互、状态与输出三条线都有调整,操作习惯基本不变。
文件夹支持多层嵌套,页面多时也能快速定位。
实例里改文字不再断开与母版的联动关系。
分页与排序在面板里配,不必自己写判断。
元件重名时给出提示,减少交互指错对象。
画布、元件库、交互面板与页面面板共用同一份工程视图,切换面板不重新加载文件。安装完成后建议把版本号与组件清单记在一个固定位置,换机器或重装时照着来,不必重新摸索。
下列场合覆盖从画第一屏到拿出去评审的整段过程。
登录、首页、订单各建一个文件夹,页面挂在下面,页面面板一眼能看出信息架构。
导航、页脚、侧边栏做成母版,改母版即改所有实例;实例里可以覆盖文字,结构仍同步。
把一组元件合成组并起名,交互面板与文档里显示的就是这个名字,接手的人不必猜编号。
重复的列表项用中继器加数据集生成,改一行数据比复制十份元件省事。
场景按日常办公里的真实用法归纳,具体流程按各自单位的习惯调整。
装之前先核对系统版本与磁盘余量。
页面分层,母版复用,改一处全局同步
把要做的页面写下来,按模块分文件夹,页面名用业务词而非编号,顺序即导航顺序。
导航、页脚、侧边栏先做成母版,页面里只放实例,后续改动集中在一处。
重复出现的卡片与表格行用中继器加数据集,改内容改数据即可。
做完一轮把元件与组名统一一遍,导文档前对一次结构,别人接手不用问。
第一次启动常要做一次初始化设置,走完就不会再问,之后直接把文件拖进去处理。
许可、版本与工程兼容三类疑问最集中。
会,这是母版的用途。实例里单独改过的文字与图片会保留,结构仍跟母版走;需要完全独立的页面,先把实例脱离母版再改。
用文件夹分组并给页面名加模块前缀,页面面板支持搜索,输入关键词直接定位。生成的原型导航顺序与面板顺序一致,交付时对方也容易找。
复制出来的是独立元件,改一处要改十处;中继器由数据集生成,改数据即改全部,还支持分页与排序。列表项多、结构一致时用中继器。
可以,导出成文件给同事导入即可。团队里统一一套,元件命名与含义一致,交接时少解释很多遍。