Axure中文社区

WebPPD产品原型设计

 找回密码
 新用户注册
查看: 6895|回复: 3

Axure8.0 钢笔工具的使用

[复制链接]

183

主题

6234

帖子

3万

积分

管理员

创始人

Rank: 9Rank: 9Rank: 9

积分
30096

实名认证

QQ
发表于 2015-8-23 23:19:40 | 显示全部楼层 |阅读模式
有趣UI设计
Axure8.0新增了钢笔工具,见下图位置。

2015-08-23_23-18-04.jpg


1. 开始和结束

选中钢笔工具,然后从需要绘制的地方开始,点击一下鼠标,绘制出第一个点,
然后依次移动鼠标,点击,绘制出不同的拐点,
结束时可以点回到“起点”,形成一个闭环的图形,
也可以双击鼠标,结束绘制。

屏幕快照 2015-08-23 下午11.20.20.jpg


2. 绘制弧度曲线

点击鼠标新增了一个节点之后,不要松开鼠标,而是按住鼠标来拖动。
可以拖出具有一定弧度的曲线,拉的弧度辅助线越长,曲线弧度的半径越大。

屏幕快照 2015-08-23 下午11.27.30.jpg


3. 选中钢笔图形的路径

对于用钢笔工具绘制完的图形,鼠标在上面点击一下,选中的是整个图形,
如果我们想选中这个图形的路径线路,调整这个图形的路径走向,
需要将鼠标移动至鼠标线所在的位置,当鼠标变成下面图形样式时,
点击一下鼠标,可以选中该图形的所有路径了,此时该图形的各个节点也会显露出来。

2015-08-23_23-40-49.jpg


下面是选中图形路径节点之后的样子。

屏幕快照 2015-08-23 下午11.49.14.jpg


Axure自带的规格形状,在上面右键可以选择转化为自定义形状,
转化为自定义形状之后,就可以照上边的方法选中它的路径节点了。

屏幕快照 2016-09-05 下午6.26.32.jpg


4. 在钢笔路径上添加节点并拖动位置。

在经过上面第3步选中钢笔路径之后,鼠标再次移到路径线附近,
鼠标会显示有一个“+”号,此时在路径线上点击会增加出一个节点。
鼠标按住该节点,可以调整节点的位置。

2015-08-23_23-57-32.jpg


添加了一个新的节点,并拖动了位置之后。

2015-08-24_00-03-26.jpg


5. 选中并删除路径节点。

经过上面的步骤之后,选中一个路径上的节点,使其变为“绿色点”,
然后点击鼠标右键,可以删除该节点。

屏幕快照 2015-08-24 上午12.06.49.jpg


6. 改变路径节点处,是直线拐角还是曲线过度。

经过上面的步骤,选中一个路径节点之后,点击鼠标右键,
选择:curve,是曲线过度。
选择:sharpen,是直线拐角。
提示:不通过右键,而是在节点上双击鼠标,也可以完成直线拐角与曲线过度的切换。

2015-08-24_00-14-23.jpg


7. 钢笔工具示例文件:

钢笔工具使用.rp

56.18 KB, 下载次数: 71

0

主题

1

帖子

11

积分

会员

Rank: 5Rank: 5

积分
11
发表于 2015-9-29 10:20:51 | 显示全部楼层

0

主题

6

帖子

11

积分

会员

Rank: 5Rank: 5

积分
11
发表于 2015-11-10 09:39:16 | 显示全部楼层
学习了。

1

主题

7

帖子

100

积分

会员

Rank: 5Rank: 5

积分
100
发表于 2017-3-3 10:02:49 | 显示全部楼层
受教了 谢谢老师
您需要登录后才可以回帖 登录 | 新用户注册

本版积分规则

QQ|手机版|版权|关于|WebPPD ( 京ICP备09037244号 )

GMT+8, 2017-4-24 15:15

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表