美文网首页app设计、原型、code
【Mockplus教程】标尺和参考线

【Mockplus教程】标尺和参考线

作者: huaer | 来源:发表于2015-10-29 14:53 被阅读631次

每个页面都拥有单独的标尺和参考线,可以用于辅助组件的对齐以及尺寸调整。

1. 使用标尺

新建页面之后,在主菜单中选择“显示标尺”即可看到工作区左边和上边显示出

标尺。标尺有两种显示方式:百分比和像素,可以根据需要进行切换。只需要在

标尺上面鼠标右击即可看到切换显示方式的菜单,如图:

2. 使用对齐线

鼠标左键点住标尺,然后向工作区内部移动,就会出现一根相应方向(横向/纵向)的对齐线。

在移动组件过程中,靠近对齐线时会自动吸附上去,保持对齐。

完整操作如下:

相关文章

  • 【Mockplus教程】标尺和参考线

    每个页面都拥有单独的标尺和参考线,可以用于辅助组件的对齐以及尺寸调整。 1. 使用标尺 新建页面之后,在主菜单中选...

  • 【Axure10】菜单-视图-标尺、网格、辅助线

    显示标尺 控制标尺的显示与隐藏。 标尺:用于页面中距离尺寸的参考。 显示标尺可以通过鼠标在标尺范围内拖出页面参考线...

  • AI知识点-标尺与对齐

    标尺和参考线 调出和隐藏标尺快捷键:cmd+R; 在标尺上点击右键,选择标尺的单位,应用于屏幕的文件选择“像素”。...

  • Sketch辅助工具:标尺/网格/布局/像素

    常用辅助工具 标尺 标尺:ctrl+R,显示或隐藏标尺。 通过在标尺上移动点击,得出横向或纵向的参考线。 将鼠标移...

  • 5.3笔记

    高斯、镜像模糊、杂色ctrl r:标尺(参考线)视图-显示-智能参考线alt delt:填充前景色;ctrl de...

  • 标尺、网格和参考线,photoshop零基础学PS教程

    标尺、网格和参考线是Photoshop 中的辅助工具,通过这些工具,可以方便地对图像进行准确的编辑。 一、标尺的显...

  • ps

    command + r 显示隐藏标尺在标尺上可以拖拽参考线可以通过移动工具拖拽回去,也可以通过在视图菜单中选择清...

  • ppt对齐

    对齐原则,对齐参考线。ppt有自带的参考线和标尺,如果是一个形状,就可以按照虚线来移动确定是不是对齐。如果是三个形...

  • PS 切图

    一、安装和基本设置(二)界面设置: 视图:显现>智能参考线、标尺 窗口:设置四大常用选项卡:信息、字符、图层、历史...

  • maike-ruler编辑器开发标尺工具

    工具效果如图 页面标尺工具,缩放跟随 支持屏幕像素 devicePixelRatio支持参考线支持屏幕缩放支持动态...

网友评论

    本文标题:【Mockplus教程】标尺和参考线

    本文链接:https://www.haomeiwen.com/subject/saqfhttx.html