TreeMind树图在线AI思维导图
当前位置:树图思维导图模板IT互联网分析方法/模型Web后台产品的详情页规范思维导图

Web后台产品的详情页规范思维导图

  收藏
  分享
免费下载
免费使用文件
U77418911 浏览量:32022-09-21 16:03:34
已被使用0次
查看详情Web后台产品的详情页规范思维导图

Web后台产品的详情页规范有实现规范、链接规范、间距规范、对齐规范的介绍

树图思维导图提供 Web后台产品的详情页规范 在线思维导图免费制作,点击“编辑”按钮,可对 Web后台产品的详情页规范  进行在线思维导图编辑,本思维导图属于思维导图模板主题,文件编号是:c7b5e1f38bb8a63b31f6b98ae24916fe

思维导图大纲

Web后台产品的详情页规范思维导图模板大纲

间距规范

字段间距需要保持一致(或者保证相邻字段的纵坐标差值),这样整体的显示效果会比较好

操作步骤

根据需求拖动相应的字段值,Axure自动显示 相邻间距

慢慢调整到合适的间距

或者自己根据第1个字段值的Y坐标+间距,从而得出第二个字段值的Y坐标

对齐规范

字段名对齐规范

字段名左对齐效果

操作步骤:按住Ctrl同时选择所有的字段值然后点击常用工具栏的“左侧对齐”按钮,然后再修改X坐标到合适位置

字段名右对齐效果

操作步骤:按住Ctrl同时选择所有的字段值然后点击常用工具栏的“右侧对齐”按钮,然后再修改X坐标到合适位置

字段值对齐规范

字段值有长有短,另外字数无法控制在一定范围内,所以不适合采用右侧对齐规范,只能采用左侧对齐规范

实现规范

对于完全由字段名和字段值组成的详情页,建议采用Axure的表格元件来画原型,简单快速

操作步骤

从默认元件库中拖动“表格”到工 作区合适位置

第一列填充相应的字段名

第二列填写相应的字段值,最后删除多余的

第三列即可

注意:字段值有时候需要选择图片/文字链接等其他Axure元件

链接规范

文字链接

文字链接建议使用蓝色字体,悬停显示下划线

操作步骤:点击该文本链接,设置鼠标单击时事件,添加动作“打开链接”,然后选择打开在“通过新标签页打开”(有时候也采用原标签页打开),然后链接到相应的页面

需要在交互样式——鼠标悬停的样式,点击勾选“下划线”

附件链接

附件链接建议使用图标+蓝色文字表示,点击附件链接自动下载到本地

操作步骤:点击该文本链接,设置鼠标单击时事件,添加动作“打开链接”,链接到“链接到URL或文件路径”;然后输入相对的本地路径,最后选择在当前窗口打开,文章开头的原型地址中可以体验相应的交互过程

相关思维导图模板

前台日常行为规范思维导图

树图思维导图提供 前台日常行为规范 在线思维导图免费制作,点击“编辑”按钮,可对 前台日常行为规范  进行在线思维导图编辑,本思维导图属于思维导图模板主题,文件编号是:5a6a90499b96fe69ba19aaebf588370f

中国临床试验受试者隐私权保护的相关问题及解决策略思维导图

树图思维导图提供 中国临床试验受试者隐私权保护的相关问题及解决策略 在线思维导图免费制作,点击“编辑”按钮,可对 中国临床试验受试者隐私权保护的相关问题及解决策略  进行在线思维导图编辑,本思维导图属于思维导图模板主题,文件编号是:38e14f03459127cad536b763e9539599