小楼axure 图文教程（十一）新手入门基础（3）作者: 小楼一夜听春语分类:Axure教程发布时间: 2013-07-15 22:29?6没有评论编辑
本文出自诉客-产品经理的心声，转载时请注明出处及相应链接。
（三）Axurerp元件的触发事件
l OnClick（点击时）: 鼠标点击事件，除了动态面板的所有的其他元件的点击时触发。比如点击按钮。
l OnMouseEnter（鼠标移入时）: 鼠标进入到某个元件范围时触发，比如当鼠标移到某张图片时显示该图片的介绍。
l OnMouseOut（鼠标移出时）: 鼠标离开某个元件范围时触发。比如鼠标离开图片时，图片介绍消失。
l OnKeyUp（按键弹起时）: 文本框（单行与多行）编辑时，键盘按下某一个按键松开时触发，不支持其他axure元件。比如统计文本框输入的字数。
l OnFocus（获取焦点时）: 当一个元件通过点击或切换获取焦点时触发。比如搜索框编辑时，清空“请输入关键字”的提示。
l OnLostFocus（失去焦点时）: 当一个组件失去焦点时触发。比如用户名、密码的验证。
l OnChange（选中项改变时）:下拉列表框或列表框的选中项改变时触发，不支持其他元件。比如选择地址时，选择不同的省份，显示对应的省内城市。
动态面板专属事件
l OnMove（移动时）：当动态面板移动时触发。是指通过其他事件的触发控制面板移动时，比如当进度条移动时，进度比例的变化。
l The OnShow and OnHide events（显示或隐藏时）：当动态面板隐藏或显示时触发。比如图片显示时按钮文字是关闭图片，图片隐藏时按钮文字变为打开图片。
l OnPanelStateChange（状态改变时）：当动态面板更改面板的状态时触发。
比如通过改变动态面板状态实现的进度条效果，当状态改变时改变相应的进度比例。
l OnDragStart: Occurs when the drag begins（开始拖动面板时）：当开始拖动动态面板时触发。比如在动态面板拖动开始时，显示“拖动开始”的文字提示。
l OnDrag: Occurs as the panel is dragged（面板拖动时）：动态面板拖动时触发，比如拖动一块动态面板另外一块跟随移动。
l OnDragDrop: Occurs when the panel is dropped（面板拖动结束时）：当拖拽结束时触发。比如滑动解锁，面板拖动结束时根据滑块的位置设置相应的效果。
Axure8.0基础教程手册 目录 基础1.添加元件到画布 ------------------------------------------------------------------------------- 4 基础2.添加元件名称 ---------------------------------------------------------------------------------- 4 基础3.设置元件位置/尺寸--------------------------------------------------------------------------- 5 基础4.设置元件默认角度 ---------------------------------------------------------------------------- 6 基础5.设置元件颜色与透明 ------------------------------------------------------------------------- 6 基础6.设置形状或图片圆角 ------------------------------------------------------------------------- 7 基础7.设置矩形仅显示部分边框 ------------------------------------------------------------------- 7 基础8.设置线段/箭头/边框样式 ------------------------------------------------------------------- 8 基础9.设置元件文字边距/行距 --------------------------------------------------------------------- 8 基础10.设置元件默认隐藏 -------------------------------------------------------------------------- 9 基础11.设置文本框输入为密码 -------------------------------------------------------------------- 9 基础12.设置打开选择文件窗口 ------------------------------------------------------------------ 10 基础13.限制文本框输入字符位数 --------------------------------------------------------------- 11 基础14.设置文本框提示文字 --------------------------------------------------------------------- 11 基础15.设置文本框回车触发事件 --------------------------------------------------------------- 11 基础16.设置鼠标移入元件时的提示------------------------------------------------------------- 12 基础17.设置矩形为其他形状 --------------------------------------------------------------------- 12 基础18.设置自定义形状 --------------------------------------------------------------------------- 13 基础19.设置形状水平/垂直翻转 ----------------------------------------------------------------- 14 基础20.设置列表框的内容 ------------------------------------------------------------------------ 14 基础21.设置元件默认选中/禁用 ----------------------------------------------------------------- 14 基础22.设置单选按钮唯一选中 ------------------------------------------------------------------ 15
Adobe Illustrator 第一课 一、控制调板：Alt+W+X（CS3版本/英文版是：Alt+W+C） 工具栏：Alt+W+O 二、矩形：M 按空格键可以移动位置（针对还没有结束编辑） 按Shift做正方形，按Alt保持中心点不变 三、圆角钜形 按左方向键是直角，按右方向键是100%圆角 按上方向键是加大圆角，按下方向键是减圆角 Alt固定中心，shift画正的图形 四、椭圆：L 做图方法同钜形 按Alt 键单击图标同一组工具可以互相转换 选择图标再单击画布可以定大小 五、直线工具：“\” 按shift可以画45度角的倍数的直线 六、选择工具：“V” 1、按Shift键拖动等比缩放，Alt中心不变，shift+Alt是以中心等比缩放 2、双击图标或“V+回车”可准确移动图形；按Tab确定 3、按Alt键可以复制 七、直接选择工具：A 编辑点和线 八、编组选择工具： 1、选择群组中的一个 2、点对点对齐（变白色时证明对齐，必须要把对齐点Alt+Ctrl+“勾上） 按Alt是编组工具与选择工具的转换 九、颜色：F6 填色（“/”为无色） 改变颜色时，描边和填色哪个在上面哪个就被改变 “X”是描边与填色的转换 Shift+“X”描边与填色的颜色转换 “D”是默认的黑色描边，白色填色，描边粗细为1pt 作业：中国银行标志、联想标志 第二课 一、套索工具：Q（选点用的，只是选择点不能编辑） 二、画笔工具：B 画笔面板F5 三、铅笔工具：N 四、旋转工具：R 1、双击图标或按“R+回车”以图形的中心点为旋转轴旋转 2、单击图标或按“R”再单击某个点则以该点为旋转轴（按Alt单击中心可以准确旋转度数） Ctrl+D再制 五、镜像：O 用法同旋转，左右镜像点垂直上下镜像点水平 六、比例缩放：S S+回车会出现对话框可以更改比例 七、改变形状工具：可以修改所有选中图形中的一个；倾料工具 八、钢笔工具：P 按空格可以移点的位置，按Alt键改变控制炳方向，按Shift控制15度方向； 转换锚点工具：Shift+C（单击节点可以转为直线）； 加点工具“+”，减点工具“-” 十、置入Alt+F+L 锁定Ctrl+2 解除锁定Alt+Ctrl+2 显示标尺Ctrl+R 作业：奔驰标志、勾图 第三课（文字工具） 一、美工文字T （区域文字、路径文字） 文字面板Ctrl+T
Axure RP 8.0函数大全Axure函数手册用法及说明Axure RP 8.0函数大全是根据小楼老师的《Axure RP 8 函数速查表》整理而来，方便大家查询。这些函数不用去记，大概了解他们的用途即可。需要的时候再来查一下就可以了。 在做课件的时候，将所有的函数用途和参数注解，整理了一份表格资料。后来，觉得这个东西挺有用，所以，分享给大家当做参考资料。 函数能够提高原型的制作效率，但也容易导致画蛇添足。如果是单纯的学习，建议通过一些有趣味的原型，多加锻炼使用。这样在实际应用中，才能够手到拈来，随心所欲。如果是用于工作，在不熟悉函数使用的情况下，尽量避免纠结于某个函数的使用，以免影响工作效率，得不偿失。扎实学习，灵活使用。这句话不仅适用于函数，也适用于Axure以及其他的任何工具。 Axure函数的基本语法 在axure交互设计时，函数可以用在条件公式和需要赋值的地方，其基本语法是用双方括号包含，变量值和函数用英文句号连接。 例如：[[LVAR. Width]] 表示变量LVAR的宽度。 [[This. Width]] 当前元件的宽度 元件函数 This用途：获取当前元件对象。当前元件是指当前添加交互动作的元件。 Target用途：获取目标元件对象。目标元件是指当前交互动作控制的元件。 x用途：获取元件对象的X轴坐标值。
y用途：获取元件对象的Y轴坐标值。 width用途：获取元件对象的宽度值。 height用途：获取元件对象的高度值。 scrollX用途：获取元件对象的水平滚动距离（当前仅限动态面板）。scrollY用途：获取元件对象的垂直滚动距离（当前仅限动态面板）。text用途：获取元件对象的文本文字。 name用途：获取元件对象的自定义名称。 top用途：获取元件对象的上边界坐标值。 left用途：获取元件对象的左边界坐标值。 right用途：获取元件对象的右边界坐标值。 bottom用途：获取元件对象的下边界坐标值。 opacity用途：获取元件对象的不透明比例。 rotation用途：获取元件对象的旋转角度。 鼠标指针函数 Cursor.x用途：鼠标指针在页面中位置的X轴坐标。 Cursor.y用途：鼠标指针在页面中位置的Y轴坐标。 DragX用途：鼠标指针沿X轴拖动元件时的瞬间(0.01秒)拖动距离。DragY用途：鼠标指针沿Y轴拖动元件时的瞬间(0.01秒)拖动距离。TotalDragX用途：鼠标指针拖动元件从开始到结束的X轴移动距离。TotalDragY用途：鼠标指针拖动元件从开始到结束的Y轴移动距离。DragTime用途：鼠标指针拖动元件从开始到结束的总时长。
Al基础知识图文教程--xx知识学习 第一节: Illustrator 简介 知识点： 川ustrator简介及应用领域 IIIustrator 发展史 川ustrator高手你应该掌握哪些知识 川ustrator简介及应用领域 川ustrator是美国Adobe （奥多比）公司出品的重量级矢量绘图软件，是出版、多媒体和网络图像的工业标准插画软件。 Adobe（公司）: 始于1982年，目前是广告，印刷、出版和Web领域首屈一指的图形设 计，出版和成像软件设计公司，总部在美国加州圣何塞。 川ustrator将矢量插图，版面设计、位图编辑、图形编辑及绘图工具等多种元素合为一体，广泛地应用于广告平面设计，CI策划、网页设计、插图创作、产品包装设计、商标设计等多个领域。 具不完全统计全球有97%的设计师在使用川ustrator软件进行艺术设计。 Illustrator 发展史 Adobe公司在1987年的时候就推出了Illustrator1.1版本。随后一年，又在Window 平台上推出了2.0版本。Illustrator真正起步应该说是在1988年。 Adobe Illustrator6.0 1996 年 Adobe Illustrator7.0 日文版1997 年
Adobe Illustrator8.0 1998年 Adobe Illustrator 9 2000年 Adobe Illustrator 10 2001 年 Adobe Illustrator 11 2002年 Adobe Illustrator CS2 2003 年 Adobe Illustrator CS3 Adobe Illustrator CS4 2008 年 Adobe Illustrator CS4软件是一个完善的矢量图形环境。 川ustrator高手你应该掌握哪些知识 川ustrator工具，面板总结归纳徒手绘制人物，卡漫，角色创意等Illustraotr在装饰绘画中的运用及实例 Illustraotr制作产品实体及企业标志创意 Illustrator高级排版，海报制作技巧及实例 川ustrator各种印刷品制作技巧 Illustrator在CI策划中的应用技巧 AI与PS的结合使用及各种网页按钮的制作技巧 第二节： 矢量格式和位图格式 知识点： 矢量格式与位图格式的区别及特点：
小楼axure 图文教程（十六）微信摇一摇效果 作者: 小楼一夜听春语分类:Axure教程发布时间: 2013-07-22 21:43?6没有评论编辑本教程axure原型百度云盘下载：小楼原创原型-微信摇一摇效果 本文出自诉客?产品经理的心声，转载时请注明出处及相应链接。 本来是想借着这个axure原型效果写一下拖动面板后通过变量让其他面板联动的的效果，结果做到一半，想起来，这个联动效果不用拖的，而是移动面板，糗P了。既然做了，就做下去吧，结果又碰到了一个软件的bug。我勒个去！ 说一下这个axure6.5中的bug，就是无论你在动态面板的哪个事件（拖动开始，拖动时，拖动结束）中，只要设置了变量值，那么在这些事件中的内部框架加载页面就会失效。本来简单实现的功能，又不得不在框架上加了一个动态面板状态。 其实在这个效果中，实现方法没什么值得过多说的，不过有些值的我们注意的地方是很有价值的。 先说实现过程： 我的想法是这样的，先说内容页，内容页在主页加载时就要加载到内部框架里，但是不能动，当摇动结束时，重新加载内容页，这时候再让它动。为了实现这个效果就要加个变量作为开关，主页加载时没有变量，这时候加载内容页就可以通过内容页的onloadpage事件判断变量没有值不作任何动作。当摇动结束时，给变量赋值，并且重新加载内容页，这个时候在内容页的onloadpage事件中就能判断变量被赋值，执行动态的效果。 那么过程就应该是在主页放上手机外壳元件，里面放个框架，然后把他们一起转换成动态面板，在打开主页时，就把摇一摇的界面加载到框架里，在拖动这个动态面板时，让面板可以随意拖动（摇一摇），当拖动结束时，给指定的变量复制，并把内容页重新加载到框架。、
精品 Adobe Illustrator 第一课 一、控制调板：Alt+W+X（CS3版本/英文版是：Alt+W+C） 工具栏：Alt+W+O 二、矩形：M 按空格键可以移动位置（针对还没有结束编辑） 按Shift做正方形，按Alt保持中心点不变 三、圆角钜形 按左方向键是直角，按右方向键是100%圆角 按上方向键是加大圆角，按下方向键是减圆角 Alt固定中心，shift画正的图形 四、椭圆：L 做图方法同钜形 按Alt 键单击图标同一组工具可以互相转换 选择图标再单击画布可以定大小 五、直线工具：“\” 按shift可以画45度角的倍数的直线 六、选择工具：“V” 1、按Shift键拖动等比缩放，Alt中心不变，shift+Alt是以中心等比缩放 2、双击图标或“V+回车”可准确移动图形；按T ab确定 3、按Alt键可以复制 七、直接选择工具：A 编辑点和线 八、编组选择工具： 1、选择群组中的一个 2、点对点对齐（变白色时证明对齐，必须要把对齐点Alt+Ctrl+“勾上） 按Alt是编组工具与选择工具的转换 九、颜色：F6 填色（“/”为无色） 改变颜色时，描边和填色哪个在上面哪个就被改变 “X”是描边与填色的转换 Shift+“X”描边与填色的颜色转换 “D”是默认的黑色描边，白色填色，描边粗细为1pt 作业：中国银行标志、联想标志 第二课 一、套索工具：Q（选点用的，只是选择点不能编辑） 二、画笔工具：B 画笔面板F5 三、铅笔工具：N 四、旋转工具：R 1、双击图标或按“R+回车”以图形的中心点为旋转轴旋转 2、单击图标或按“R”再单击某个点则以该点为旋转轴（按Alt单击中心可以准确旋转度数） Ctrl+D再制 五、镜像：O 用法同旋转，左右镜像点垂直上下镜像点水平 六、比例缩放：S S+回车会出现对话框可以更改比例 七、改变形状工具：可以修改所有选中图形中的一个；倾料工具 八、钢笔工具：P 按空格可以移点的位置，按Alt键改变控制炳方向，按Shift控制15度方向； 转换锚点工具：Shift+C（单击节点可以转为直线）； 加点工具“+”，减点工具“-” 十、置入Alt+F+L 锁定Ctrl+2 解除锁定Alt+Ctrl+2 显示标尺Ctrl+R 作业：奔驰标志、勾图 第三课（文字工具） 一、美工文字T （区域文字、路径文字） 文字面板Ctrl+T
Axure使用介绍文档 目录 一、Axure rp 的界面 (2) 二、Axure rp的线框图元件 (3) 三、Axure rp的元件触发事件 (4) 四、Axure rp的条件生成 (6) 五、系统函数与变量 (8) 六、动态面板的使用 (14) 七、母版的使用 (20) 八、中继器的使用 (28)
一、Axure rp 的界面 （界面显示各个区域可在主菜单工具栏-视图中找到） 1、菜单工具栏：同大部分软件类似，可选择Axure各个功能的工具区。 2、操作界面：绘制产品的操作区，所有元件、部件可拖与此区域操作。 3、站点地图：页面文件存放区域，可增加、删除、修改、查看页面；可设置页面级别。 4、元件库（部件库）：主要分为流程图和线框图；可拖动元件库里的元件到操作界面进行产品绘制；为提高效率，元件库也可自行导入已经可使用的元件。 5、母版：母版的使用主要针对于顶部导航、底部导航，多个页面中重复出现的元素，可先绘制与母版中，再拖动到需使用的页面（比起重复操作，修改扩展行也更强）。 6、页面属性：可设置当前页面的注释、交互、与样式。 7、元件交互与注释：可对操作页面中用到的元件或元件与元件之间的交互事件进行设置（如动态面板显示与隐藏、鼠标点击事件、鼠标移入移出事件等）。8、元件属性和样式：可设置选中元件的基本样式与属性。
9、部件管理（动态面板管理）：该区域可对已设置的动态面板状态进行操作，可添加、删除、进行排序，也可双击动态面板进入编辑。 二、Axure rp的线框图元件 1、图片：图片元件拖入编辑时，可双击载入本地磁盘的图片，载入图片是Axure 会自动提示将大图进行优化，避免原型文件过大；载入的图片可以选择原图大小也可以保持元件大小。 2、文本：标题1、标题2、单行文本、多行文本都属于文本类型的元件，在网页中的名称为lable，主要用于文字描述、文本链接等功能 3、矩形：矩形可用作背景、按钮等元件使用；双击矩形可输入文本；拖入矩形时默认是直角矩形，可通过左右拖动左上角的黄色小三角来改变圆角半径；也可通过右键选择形状来改变当前形状。 4、占位符：顾名思义，主要用于替代一些没有交互或交互比较简单的区域。
第一课（1-3节） 一、软件介绍： Illustrator英译：插画 它集图形设计、文字编辑及高品质输出于一体的矢量图形软件，广泛应用于平面广告设计、网页图形制作、插画制作及艺术效果处理等诸多领域。 基本术语和概念： （1）矢量图：是按数学方法由postscript代码定义的线条和曲线组成的图形，文件小，文件保存线条和图块的颜色信息，可以无极缩放，文件大小与图形复杂程度有关。 （2）位图（像素图、栅格图）：由排列在一起的栅格组成的，每一个栅格代表一个像素点，每一个像素点只能显示一种颜色。文件所占空间大，文件放大到一定的倍数后会产生锯齿，文件大小与分辩率有关，适宜表现连续调的图片。 二、软件窗口界面介绍： （1）标题栏（软件标题、文件标题） （2）菜单栏（10个） （3）设置栏（所用工具或所选的图形不同出现不同功能设置） （4）工具箱 （5）绘图窗口（打印区域和非打印区域） （6）面板窗（配合工具完成强大的AI功能） （7）状态栏（显示比例、状态提示、滚动窗口） 三、文件窗口缩放显示及位移 （1）导航器面板：改变图形窗口的大小及显示位置 （2）缩放（Z）和手形工具（H）：放大和缩小图形，以及图形在窗口中的显示位置。 ★双击“手形工具”实现满画布显示；双击“缩放工具”实现100%画面显示；Ctrl++放大显示、Ctrl+-缩小显示、Ctrl+0满画布显示、选择任何一个工具箱中的工具，按下空格键暂时切换为抓手工具
四、选择工具及选择命令详解（一） 1、选择工具： （1）选择工具（V，黑箭头）：选择绘图窗口中的图形图像。 使用方法: 单选,单击所选物体即为选中，在被选图形以外单击取消选择； 多选,Shift+单击，圈选； 还可以移动图形，按Alt复制图形，按Shift+Alt水平或垂直复制图形，并可以缩放和旋转图形，按Shift等比缩放，按Shift键45度角倍数旋转。 五、基本绘图工具一 （1）直线工具： 使用方法，单击鼠标左键不放确定线段第一个控制点，拖动鼠标到适当位置释放鼠标确定线段第二个控制点。 （Shift绘制水平或垂直及45度角的直线段，Alt绘制以鼠标落点为中心的线段，在拖动鼠标未确定第二个控制点，同时按下空格键，可以移动绘制图形位置，以上快捷方式适用于AI 所有绘图工具） 精确绘制线段，选择直线工具在页面中单击鼠标左键调出“直线段工具设置”对话框进行数据设置。（在绘制过程中按~键可以绘制放射线段。） （2）弧线工具：基本同上，绘制过程中按F键进行弧线方向的转换，C键进行开放和闭合的转换。 （3）螺旋线工具：基本同上，绘制过程中按光标上下键进行增圈和减圈设置。 （4）矩形网格工具：可以绘制简单的表格图形（通过解组及调整也可得到不规则的表格）（5）极坐标网格工具：可以将平面网格极坐标化，通过设置框可以精确圈数和隔线数量。（练习题：绘制蝴蝶图形） 第二课（4-6节）
Axure?教程axure??础（1）名词解释： 线框图：一般就是指?产品原型，比如：把线框图尽?快画出来和?把原型尽快?做出来是一?个意思。 axure?元件：也叫axu?re组件或?axure?部件，系统自带了?一部分最基?础常用的，网上也有很?多别人做好?的，软件使用到?一定阶段可?以考虑自己?制作元件，以便提高产?品原型的制?作速度。 生成原型：是指把绘制?好的原型通?过axur? e rp生成静?态的htm?l页面，检查原型是?否正确，同时，方便演示。建议生成时?选择用谷歌?浏览器打开?（第一次会有?提示安装相?关插件），ie会每次?都有安全提?示，不如谷歌浏?览器方便。 （一）Axure?rp的界面?
1-主菜单工具?栏：大部分类似?offic?e软件，不做详细解?释，鼠标移到按?钮上都有对?应的提示。 2-主操作界面?：绘制产品原?型的操作区?域，所有的用到?的元件都拖?到该区域。 3-站点地图：所有页面文?件都存放在?这个位置，可以在这里?增加、删除、修改、查看页面，也可以通过?鼠标拖动调?整页面顺序?以及页面之?间的关系。 4-axure?元件库：或者叫ax?ure组件?库、axure?部件库，所有软件自?带的元件和?加载的元件?库都在这里?，这里可以执?行创建、加载、删除axu?re元件库?的操作，也可以根据?需求显示全?部元件或某?一元件库的?元件。 5-母版管理：这里可以创?建、删除、像页面头部?、导航栏这种?出现在每一?个页面的元?素，可以绘制在?母版里面，然后加载到?需要显示的?页面，这样在制作?页面时就不?用再重复这?些操作。 6-页面属性：这里可以设?置当前页面?的样式，添加与该页?面有关的注?释，以及设置页?面加载时触?发的事件o?npage?load。 7-元件属性：这里可以设?置选中元件?的标签、样式，添加与该元?件有关的注?释，以及设置页?面加载时触?发的事件； A-交互事件:元件属性区?域闪电样式?的小图标代?表交互事件?；
axure新手入门基础 名词解释： 线框图：一般就是指产品原型，比如：把线框图尽快画出来和把原型尽快做出来是一个意思。 axure元件：也叫axure组件或axure部件，系统自带了一部分最基础常用的，网上也有很多别人做好的，软件使用到一定阶段可以考虑自己制作元件，以便提高产品原型的制作速度。 生成原型：是指把绘制好的原型通过axurerp生成静态的html页面，检查原型是否正确，同时，方便演示。建议生成时选择用谷歌浏览器打开（第一次会有提示安装相关插件），ie会每次都有安全提示，不如谷歌浏览器方便。 （一） Axurerp的界面 1-主菜单工具栏：大部分类似office软件，不做详细解释，鼠标移到按钮上都有对应的提示。
2-主操作界面：绘制产品原型的操作区域，所有的用到的元件都拖到该区域。 3-站点地图：所有页面文件都存放在这个位置，可以在这里增加、删除、修改、查看页面，也可以通过鼠标拖动调整页面顺序以及页面之间的关系。 4-axure元件库：或者叫axure组件库、axure部件库，所有软件自带的元件和加载的元件库都在这里，这里可以执行创建、加载、删除axure元件库的操作，也可以根据需求显示全部元件或某一元件库的元件。 5-母版管理：这里可以创建、删除、像页面头部、导航栏这种出现在每一个页面的元素，可以绘制在母版里面，然后加载到需要显示的页面，这样在制作页面时就不用再重复这些操作。 6-页面属性：这里可以设置当前页面的样式，添加与该页面有关的注释，以及设置页面加载时触发的事件onpageload。 7-元件属性：这里可以设置选中元件的标签、样式，添加与该元件有关的注释，以及设置页面加载时触发的事件； A-交互事件:元件属性区域闪电样式的小图标代表交互事件； B-元件注释：交互事件左面的图标是用来添加元件注释的，在这里我们能够添加一些元件限定条件的注释，比如：文本框的话，可以添加注释指出输入字符长度不能超过20。 C-元件样式：交互事件右侧的图标是用来设置元件样式的，可以在这里更改原件的字体、尺寸、旋转角度等，当然也可以进行多个元件的
小楼axure教程 （五）动态面板的用途 小楼一夜听春语分类: Axure教程发布时间: 2013-07-09 22:24?61条评论编辑 小楼axure教程 （五）动态面板的用途 写了几个Axure教程之后发现，可能教程的起点有些高了，过分的去讲效果的实现，而忽略了axure功能以及基础元件的使用，那么从这个教程开始，把这些逐渐的展开讲解。 关于动态面板 动态面板是axure原型制作中使用非常频繁的一个元件，主要用途就是实现一些动态的交互效果。所以，如果动态面板使用不熟悉的话，对axure原型的制作会有很大的影响，那么动态面板都能做什么呢？主要有以下几个方面： 1、隐藏与显示 2、滑动效果 3、拖动效果 4、多状态效果 以上这些效果都在移动面板的元件属性里面体现。那通过这几个属性都能实现什么样的功能呢？简单的举几个例子。 1、显示隐藏效果 我们经常在做原型的时候，需要点击按钮后出现一些界面上没有的元素，比如：
登录功能在不填写用户名时点击登录按钮，显示出要求用户填写用户名的提示。 情景B： 当我们需要在用户的某一个操作时，弹出一个提示框。当用户点击提示框的确定按钮时提示框消失。 诸如以上情景都需要用到动态面板的显示隐藏效果。 动态面板初始状态是隐藏还是显示，可以通过右键单击动态面板—编辑选项—设为显示（或）设为隐藏来实现。 2、动态面板的滑动效果 与显示隐藏效果不同，动态面板的滑动效果一般是通过其他交互事件来激发的，可能是点击某个按钮，也可能是页面加载时实现。比如： 情景A： 情景B： 点击登录按钮，登录面板的弹出收起效果。 一般滑动效果都需要有复杂的激发过程，比如通过页面的onpageload事件。现在，在此不做过多讲解，以后通过案例来进行介绍，则更易懂一些。 3、动态面板的拖动效果 动态面板的拖动效果，对于移动互联网产品原型来说是必须的，主要用于APP的产品原型。用来实现面板被拖动时产生的一些效果。 情景A： 手机的滑动解锁功能。
AI基础知识图文教程 --入门知识学习 第一节：Illustrator简介 知识点: Illustrator简介及应用领域 Illustrator发展史 Illustrator高手你应该掌握哪些知识 Illustrator简介及应用领域 Illustrator是美国Adobe（奥多比）公司出品的重量级矢量绘图软件，是出版、多媒体和网络图像的工业标准插画软件。 Adobe(公司):始于1982年，目前是广告，印刷、出版和Web领域首屈一指的图形设计，出版和成像软件设计公司，总部在美国加州圣何塞。 Illustrator将矢量插图，版面设计、位图编辑、图形编辑及绘图工具等多种元素合为一体，广泛地应用于广告平面设计，CI策划、网页设计、插图创作、产品包装设计、商标设计等多个领域。 具不完全统计全球有97%的设计师在使用Illustrator软件进行艺术设计。 Illustrator发展史 Adobe公司在1987年的时候就推出了版本。随后一年，又在Window平台上推出了版本。Illustrator 真正起步应该说是在1988年。 Adobe 1996年 Adobe 日文版 1997年 Adobe 1998年 Adobe Illustrator 9 2000年 Adobe Illustrator 10 2001年 Adobe Illustrator 11 2002年 Adobe Illustrator CS2 2003年 Adobe Illustrator CS3 Adobe Illustrator CS4 2008年 Adobe Illustrator CS4软件是一个完善的矢量图形环境。 Illustrator高手你应该掌握哪些知识 Illustrator工具，面板总结归纳徒手绘制人物，卡漫，角色创意等 Illustraotr在装饰绘画中的运用及实例
Axure教程 axure新手入门基础（1） 2013-08-19 21:43Nairo分类：原型设计微信二维码 首先做个声明：此次教程里为了快速完成，借用了一些网上已有教程的图文，不是剽窃，只图方便。另外，因为汉化版本可能功能名称等略有差别，请自行理解。 名词解释： 线框图：一般就是指产品原型，比如：把线框图尽快画出来和把原型尽快做出来是一个意思。 axure元件：也叫axure组件或axure部件，系统自带了一部分最基础常用的，网上也有很多别人做好的，软件使用到一定阶段可以考虑自己制作元件，以便提高产品原型的制作速度。 生成原型：是指把绘制好的原型通过axure rp生成静态的html页面，检查原型是否正确，同时，方便演示。建议生成时选择用谷歌浏览器打开（第一次会有提示安装相关插件），ie会每次都有安全提示，不如谷歌浏览器方便。 （一） Axure rp的界面
1-主菜单工具栏：大部分类似office软件，不做详细解释，鼠标移到按钮上都有对应的提示。 2-主操作界面：绘制产品原型的操作区域，所有的用到的元件都拖到该区域。 3-站点地图：所有页面文件都存放在这个位置，可以在这里增加、删除、修改、查看页面，也可以通过鼠标拖动调整页面顺序以及页面之间的关系。 4-axure元件库：或者叫axure组件库、axure部件库，所有软件自带的元件和加载的元件库都在这里，这里可以执行创建、加载、删除axure元件库的操作，也可以根据需求显示全部元件或某一元件库的元件。
5-母版管理：这里可以创建、删除、像页面头部、导航栏这种出现在每一个页面的元素，可以绘制在母版里面，然后加载到需要显示的页面，这样在制作页面时就不用再重复这些操作。 6-页面属性：这里可以设置当前页面的样式，添加与该页面有关的注释，以及设置页面加载时触发的事件onpageload。 7-元件属性：这里可以设置选中元件的标签、样式，添加与该元件有关的注释，以及设置页面加载时触发的事件； A-交互事件:元件属性区域闪电样式的小图标代表交互事件； B-元件注释：交互事件左面的图标是用来添加元件注释的，在这里我们能够添加一些元件限定条件的注释，比如：文本框的话，可以添加注释指出输入字符长度不能超过20。 C-元件样式：交互事件右侧的图标是用来设置元件样式的，可以在这里更改原件的字体、尺寸、旋转角度等，当然也可以进行多个元件的对齐、组合等设置。 8 动态面板：这个是很重要的区域，在这里可以添加、删除动态面板的状态，以及状态的排序，也可以在这里设置动态面板的标签；当绘制原型动态面板被覆盖时，我们可以在这里通过点击选中相应的动态面板，也可以双击状态进入编辑。 Axure rp的界面就介绍到这里，界面中的各个区域基本上在做产品原型的过程中，使用都很频繁，所以建议不要关闭任何一个区域。如果不小心关闭了，可以通过主菜单工具栏—视图—重置视图来找回。
AI基础知识图文教程--入门知识学习 第一节：Illustrator简介 知识点: Illustrator简介及应用领域 Illustrator发展史 Illustrator高手你应该掌握哪些知识 Illustrator简介及应用领域 Illustrator是美国Adobe（奥多比）公司出品的重量级矢量绘图软件，是出版、多媒体和网络图像的工业标准插画软件。 Adobe(公司):始于1982年，目前是广告，印刷、出版和Web领域首屈一指的图形设计，出版和成像软件设计公司，总部在美国加州圣何塞。 Illustrator将矢量插图，版面设计、位图编辑、图形编辑及绘图工具等多种元素合为一体，广泛地应用于广告平面设计，CI策划、网页设计、插图创作、产品包装设计、商标设计等多个领域。 具不完全统计全球有97%的设计师在使用Illustrator软件进行艺术设计。 Illustrator发展史 Adobe公司在1987年的时候就推出了Illustrator1.1版本。随后一年，又在Window平台上推出了2.0版本。Illustrator真正起步应该说是在1988年。 Adobe Illustrator6.0 1996年 Adobe Illustrator7.0日文版1997年 Adobe Illustrator8.0 1998年 Adobe Illustrator 9 2000年 Adobe Illustrator 10 2001年 Adobe Illustrator 11 2002年 Adobe Illustrator CS2 2003年 Adobe Illustrator CS3 Adobe Illustrator CS4 2008年 Adobe Illustrator CS4软件是一个完善的矢量图形环境。 Illustrator高手你应该掌握哪些知识
axure案例 【篇一：axure案例】 下面是近收集到的最好的网页设计资源，希望大家能够喜欢。网页模板macbook pro retina 15 mockup (psd).stationary mockup templ 【篇二：axure案例】 用axure写产品需求文档实例-axure中文网 axure中文网axure官 方正版 快速原型设计工具 2015-12-22 分类：阅读(21824) 评论(10) 说来有些惭愧，写这篇文章是用来教大家写需求文档的。但其实， 我很少会写传统意义上的产品需求文档；甚至，我连word都很少用。用惯了axure的任意布局方式，再用word感觉非常别扭，尤其是 在添加图片时，简直感到捉急。当然，这不是我不用word写需求文档的根本原因。 简单来谈一下，为什么软件开发项目中，需要需求文档这么个东西？在稍微大一点的开发团队中，产品经理未必能向所有开发人员，传 达具体的产品开发需求。这时就需要一份文档来供所有的项目参与 人员阅读。而产品经理又常常爱拍脑袋、容易变卦，所以文档也是 开发人员约束产品经理的一项武器。在产品上线前的测试环节，测 试人员也同样会拿产品需求文档来验收产品质量。当团队进入新人时，文档也可以让新人更快地了解产品。 总的来说，产品需求文档有三个核心作用： 传达产品开发需求；保证各部门沟通有理有据产品质量控制有具体 标准由此可见，产品需求文档是必不可少的。那一份好的需求文档，就应该能准确传达出产品的开发需求。那么产品需求文档该用什么 方式写，才能更好地传达出产品开发需求呢？ 就我所见，行业大多产品经理都是用word axure原型的方式组成产 品需求文档。那这种方式，是否真的能方便地表达出产品需求？我 问了很多程序猿，他们在开发时，一般都是看着效果图和原型图写 代码，只有在遇到问题时，才会查看word文档。也就是说，开发需要一边写代码，一边看效果图，一边看原型，还要时不时查看文档。而且，大多数程序猿都不会逐字逐句去读产品经理的长篇大论。那 产品经理写word真的合适吗？这样的用户体验真的好吗？花费大量时间写word真的有价值吗？在axure画原型的同时，我们为什么 不能直接在旁边标注呢？这样岂不是方便快捷很多吗？
小楼axure 图文教程（十一）新手入门基础（3）作者: 小楼一夜听春语分类:Axure教程发布时间: 2013-07-15 22:29?6没有评论编辑 本文出自诉客-产品经理的心声，转载时请注明出处及相应链接。 （三）Axurerp元件的触发事件 l OnClick（点击时）: 鼠标点击事件，除了动态面板的所有的其他元件的点击时触发。比如点击按钮。 l OnMouseEnter（鼠标移入时）: 鼠标进入到某个元件范围时触发，比如当鼠标移到某张图片时显示该图片的介绍。 l OnMouseOut（鼠标移出时）: 鼠标离开某个元件范围时触发。比如鼠标离开图片时，图片介绍消失。 l OnKeyUp（按键弹起时）: 文本框（单行与多行）编辑时，键盘按下某一个按键松开时触发，不支持其他axure元件。比如统计文本框输入的字数。 l OnFocus（获取焦点时）: 当一个元件通过点击或切换获取焦点时触发。比如搜索框编辑时，清空“请输入关键字”的提示。 l OnLostFocus（失去焦点时）: 当一个组件失去焦点时触发。比如用户名、密码的验证。 l OnChange（选中项改变时）:下拉列表框或列表框的选中项改变时触发，不支持其他元件。比如选择地址时，选择不同的省份，显示对应的省内城市。 动态面板专属事件 l OnMove（移动时）：当动态面板移动时触发。是指通过其他事件的触发控制面板移动时，比如当进度条移动时，进度比例的变化。
l The OnShow and OnHide events（显示或隐藏时）：当动态面板隐藏或显示时触发。比如图片显示时按钮文字是关闭图片，图片隐藏时按钮文字变为打开图片。 l OnPanelStateChange（状态改变时）：当动态面板更改面板的状态时触发。 比如通过改变动态面板状态实现的进度条效果，当状态改变时改变相应的进度比例。 l OnDragStart: Occurs when the drag begins（开始拖动面板时）：当开始拖动动态面板时触发。比如在动态面板拖动开始时，显示“拖动开始”的文字提示。 l OnDrag: Occurs as the panel is dragged（面板拖动时）：动态面板拖动时触发，比如拖动一块动态面板另外一块跟随移动。 l OnDragDrop: Occurs when the panel is dropped（面板拖动结束时）：当拖拽结束时触发。比如滑动解锁，面板拖动结束时根据滑块的位置设置相应的效果。
简易A I基础教程 This model paper was revised by the Standardization Office on December 10, 2020
第二章——绘图基础 1、形状复合模式 建立复合形状——先对每个对象先赋予一个组合模式—选择对象，按住alt，单击形状模式 a、复制对象——选择+alt，拖动 2、对齐的方法 A、对齐——shift+F7，变换——shift+F8。& 窗口- B、上下左右对齐，不是跟某个固定对象对齐，谁在最边缘跟谁对齐。 C、标尺——ctrl+r D、对齐时不能选择辅助线，否则图形不见了。清除参考线——视图-参考线-清除参考线。 辅助线可以锁定，锁定后不能被选中。 D、与某个对象对齐——先选择所有对象-单击要对齐的对象-选择对齐方式 E、与画板对齐—— F．视图——智能参考线——对目标对象的对齐。 Ctrl+U——开启或关闭智能参考线。
A、Ctrl+r——标尺，默认的原点在页面左上角，拉动标尺在左上角的交点，可以调节原点 B、变换面板——shift+F8 A、可以在九宫格指定对象的控制点，然后对其xy坐标值进行修改。Y的值，+为向下，-为向上。 B、宽、高是对对象的边长进行修改，对象变化时，控制点不变。链条可以锁定高宽比。 C、可以输入角度对对象进行旋转，绕控制点旋转 D、镜像——水平翻转、垂直翻转，首先得指定控制点 在镜像之前，先选择-编辑，复制-编辑，粘贴在前面& ctrl+c，ctrl+f F、输入数值——/2，*,-10，+10 配置文件—— 钢笔工具——P（path）——跟ps相似 使用钢笔工具时，填充为无，描边为黑。 在使用钢笔工具时，按住ctrl，可变为选择工具，进行移动。
小楼axure 图文教程（七）日历元件的制作（图像热区效果） 作者: 小楼一夜听春语分类: Axure教程发布时间: 2013-07-11 22:48 ?6没有评论编辑示例原型下载：小楼原创元件-日历 实现目标： 1、点击日历图标出现日期选择面板，点击其中一个预先设定好的日期，日期在文本框显示。 2、点击日历图标中的清空，则删除文本框中的日期。 3、点击今天则文本框日期显示为当前日期（通过变量实现，未接触过变量的同学可略过）。 4、点击关闭，则关闭日期选择面板。 最终效果如下：（看不到动态效果时，请点击图片。） 实现过程： 首先，准备一个文本框，一个日历图标，一个动态面板，一个日期选择面板的图片（示例用图是从百度图片下载的），把这些元件的标签都设置好（不会设置标签参看教程：小楼axure rp教程（一）文本框焦点效果）。 准备好这些，我们就可以开始制作了。
1、双击动态面板，再双击打开状态1，然后，把日期选择图片粘贴到里面，并拖动到左上角的位置，点右键—顺序–设置为最底层。 2、从元件库里面拖出四个图片热区，分别调整成合适的大小后覆盖在清空、今天、关闭三个按钮和要选择的日期数字上。 3、分别设置每个热区的鼠标点击事件。 A点击清空上的热区时，删除日期文本框的文字。
B点击今天上的热区时，调用系统日期变量[[Year]]-[[Month]]-[[Day]]，将当前日期填入文本框。如果要是填前一天的就是[[Year]]-[[Month]]-[[Day-1]]喽，当天是月初1号，就是[[Year]]-[[Month-1]]-[[Day-1]]。然后设置动态面板隐藏，可以加上500毫秒淡入淡出的动画效果。 （设置动态面板隐藏的图就不截了，不会的参照C步骤） C点击关闭上的热区时，设置隐藏动态面板。 D点击日期数字上的热区时，直接设置文本框的值等于对应的日期就可以了。然后隐藏动态面板。