①形状类
· 拖动矩形左上角三角形状快速改变圆角
· 单击右上角圆形快速改变形状
· 按住ctrl键,进入矩形区域,拖动角度即可改变形状角度
· 在样式中可以设置具体的各项参数
· 其中填充是指文字与形状边缘之间填充的空隙
②图片
· 图片可以从外部导入图片
· 只有图片可以从外部导入图片
③动态面板
动态面板的实质就是层,一个动态面板可以有多个状态,每个状态可包含一系列元件;正是因为动态面板的存在实现了同一区域状态的变化。
· 任何时候都只有一个状态时可见的,一般都是默认第一个状态可见。
· 动态面板的状态可以隐藏、显示和改变。
· 将动态面板拖到界面后,可以根据需要改变面板大小、位置。
· 使用动态面板的情况:
· 页面中存某块内容在开始不显示,后来显示的情况;
· 在开始页面加载时不显示,后来显示的情况;
④Tab页切换;
· 某块内容随着事件的不同显示位置不同的情况。
⑤热区
热区在生成的原型中是透明的(不可见的),如果想在设计区域中也将其设置为不可见状态,在菜单栏中,点击“视图 → 遮罩 →取消勾选热区”即可。
· 可以添加成链接(比如,增大某处的反应区域;导航的链接)
· 跳转到层或区域(比如,回到顶部)
· 可以添加交互(比如,在翻到此处热区时自动加载下方更多)
⑥文本
文本本身没有边框,生成原型之后也没有。且文本的高度不可以改变
使用文本的时想要在其他元件上居中时要把文本设置的和元件一样大,不然不会有效果
⑦中继器
在页面上有很多重复的内容和元素时就可以中继器来做。
· 可以批量添加图片、文字;
· 可以批量添加动态面板、热区、文本等,元件;
· 可以批量修改图片、文字 ;
css定位精灵图,css鼠标投入,animate.css翻书,css内外边距范畴,css 下拉框居中,css e61d图形,字体的行距 css