如果PM要求对该模型的视觉效果进行对比,那么在绘制原型图时就需要注意各种关键点,比如在组件相关性页面中的位置,其他组件的两端是否可以对齐等。
接下来通过一些真实例子的全过程,给大家讲解一下原型图如何变质的要点。以下方法对单个组件有效,并选择了多个组件。这些功能经常在项目栏中使用,也可以在主视图的工具栏和左边的圆圈中找到。
设置组件的状态。
下图中调用的字符元素要求右侧框架和上方圆形横幅之间有适当的间距。
可以在整个过程中设置组件的x值和y值来协商结果,但是这种方法比强制更容易控制,上面的方法也更简洁。
设置水笔在组件中的相对位置。
除了设置元件的XY状态,您还可以使用相对距离来协商元件状态。
将组件两端与网格对齐。
当我们要求将组件分配到布局的开口位置时,请点击缺口区域选择“网格数据战助手线-渲染网格”和“网格数据战助手线-两端对齐网格”。
这时候你一说拖动元素,就会制造出一个发明逐渐被拖动的时间,每次间距都是坚定的10px,也ss="superseo">ss="superseo">就是下图第一页设置的网格默认间距。
将两个组件与其他组件对齐。
我们需要拖动组件的整个过程,以将两端与其他组件对齐。可以开启“两端对齐组件”功能。请点击选择“网格数据战争助手线-两端对齐组件”的区域已开槽。
打开后,当您拖放组件以对齐两端的其他组件时,会出现深蓝色实线提示,报告您通过对齐两端而获胜。如下图”
21弓箭手“胜”“重”确保左端对齐。
异性组件两端对齐。
当我们期望几个组件具有矛盾的视觉效果时,我们可以使用两端对齐的功能。
如下图所示,选择"
21阿彻,互联网技术,物料经理,这三个元素,已经对齐在文章栏的顶部。两端对齐效果以第一种选择为准。
对于对齐两端的其他方式,方法是相同的。
相对性别成分扩散
比如大家期待的“21弓手”、“互联网技术”、“物料经理”这三个键的音程是一样的。然后大家依次选择和设置水平传播。
同样,根据实践活动的情况,我们选择传播和终止利用sag。
首先分开,然后对齐两端。
如果你期望三个按钮意味着团队更加和谐,那么你可以先将三个按钮分组,然后相对矩形垂直居中,然后分组即可。
提倡单独学习上一篇文章《如何用Axure标准绘制页面中的接线图》,掌握起来会很快。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)