网格设置在axure操作中的妙用

AxureRP 6.0以前版本的格式设置都是在右键菜单里面的,不是很方便操作,6.0版本将这个功能分到右侧面板里面,并且增加了页面级的格式设置,大大方便了操作设 置,包括增加了对手绘风格格式的默认支持,再也不需要通过加载额外的手绘组件库来完成了。AxureRP的组件和页面级的格式设置,其实就是网页设计当中 的CSS代码,只不过用图形界面实现了,这样更直观,也更好掌握,毕竟不是所有的产品设计人员都懂CSS的。


里介绍一下各种格式设置,其实大家如果用中文版的话,是比较一目了然的,虽然汉化包里面广告比较多,呵呵,这里为了方便大家理解,还是替换成汉化版的截
图。组件级的格式设置在右侧组件属性面板里面,这里可以设置组件注释、组件交互和组件格式;页面级的格式设置在底部面板里,里面可以设置页面注释、页面交
互和页面格式。


件-位置+尺寸:这里的左上就是CSS里面的左间距和上间距,宽高就是width和heigth,每个选中项的这四个属性是设置单个组件的,完整选择的这
四个属性是设置组件组合的,也就是同时设置一组组件的集合,而不是同时设置多个组件,类似于一个容器,里面装了很多组件,这个设置是跟容器相关的,但和里
面的组件没有关系。下面的锁就是用来锁定位置的,锁定之后就不能再移动组件或者组件组合了。

组件-字体:这个很容易明白,依次是设置字体,字体大小,粗体,斜体,下划线,字体颜色,列表符号,列表符号就类似HTML里面的ul和li的组合,这里的一部分设置内容在AxureRP的工具栏上也有。

组件-对齐+边距:第一排的按钮是设置组件的水平对齐和垂直对齐的;边距可以设置上下左右,就是CSS里面的margin值;行距是设置组件内文本的,有段落文字的时候比较有用。

组件-样式:这里可以更改默认组件库里面所有组件的默认样式,点击后面的A字母图标,可以打开组件样式编辑器,可以修改默认的,也可以自定义。后面的是格式刷图标,这部分在工具栏上都有。

组件-排序:align是对齐,Distribute是设置水平和垂直的等间距,Order是设置层级的,就是层的顺序,Grouping是设置组件组合和解除组合的,这四个工具栏上都有。

组件-填充,线型+边框:这个也全部在工具栏上有,这个大家平时用的应该比较多,不多解释了。


面格式:页面样式里面也是设置默认显示效果的,也可以自定义,默认的选项就是列出来的这些选项;页面对齐是设置整个原型在页面里的对齐方式的,居左还是居
中,类似于设置body里面的align属性;背景色都知道,背景图片也一样,以前的版本要通过修改代码来添加背景图;水平对齐和垂直对齐是针对背景图在
页面内的布局的,重复也是设置背景图的,如果背景图的大小不够大,就会重复显示,就像设置桌面背景一样的。


图效果:在AxureRP 6.0之前的版本,要想画出手绘风格的原型,除了借助Balsamiq
Mockups外,就是加载手绘风格的组件库,用这个组件库来制作原型,出来的效果才和Balsamiq
Mockups差不多。6.0版本默认就支持手绘风格了,也不需要加载额外的组件库,简单设置一下就轻松搞定了。从汉化版本里面可以很清楚的看出,在页面
级的格式设置里面有草图效果的设置,只要将草图后面的值设的高一些,比如设置成100,组件拖动过来的样式就和手绘风格很像了,大家可以尝试一下,非常好
用,本身AxureRP的功能也比Balsamiq Mockups强大很多。

格式设置就介绍到这里,这个功能其实是为了方便设置的,不像以前要调出右键菜单。

更多产品设计的知识,可以学习已发布的轻松入门AxureRP7.0视频教程。

时间: 2024-11-07 09:36:44

网格设置在axure操作中的妙用的相关文章

JS中dataTransfer对象在拖曳操作中的妙用。

dataTransfer对象提供了对于预定义的剪贴板格式的访问,以便在拖曳操作中使用. 通俗的讲就是在拖曳操作的过程中,我们可以用过dataTransfer对象来传输数据,以便在拖曳操作结束的时候对数据进行其他的操作. 对象属性 dropEffect:设置或返回拖放目标上允许发生的拖放行为.如果此处设置的拖放行为不再effectAllowed属性设置的多种拖放行为之内,拖放操作将会失败.该属性值只允许为"null"."copy"."link"和&

Axure快速原型教程02--创建页面和设置界面

目录 Axure快速原型教程02--创建页面和设置界面 Axure快速原型教程01--原型说明下载和安装 首先,在左侧的面板中,我们发现有一个叫sitemap的面板,这个面板就是我们的一个个的页面了,比如登录页,注册页,我们还可以创建文件夹. 添加新页面,删除页面,移动位置等等 在页面的下面还可以再添加页面,可以直接点击某个页面然后拖动鼠标移动到其他的地方,比如移动到一个文件夹下面,双击页面可以修改页面的文件名,同理,修改文件夹名称也是一样. 想要删除某个页面,只需要右击这个页面,选择delet

如何提高Axure设计的效率 提高Axure设计效率的10条建议

如何更有效率的使用axure,这是新手需要掌握的技能.本文作者从实际经验中归纳出来的十条建议十分值得学习,转载分享给大家: Axure 是创建软件原型的快速有力的工具.上手很容易,但是,其中存在一个危险.这款软件是如此的直观以至于很多用户可以在没有接受过任何正式培训的情况下进行使用.他们可能不知道的是他们可能没有以恰当的方式来使用 Axure. 作为一位有经验的用户体验设计师,我很少在画一页的时候第一次就能把它设计正确.大部分时候,我要经历5到10次的反复迭代(iterations).当你的用户

提高Axure设计效率的10条建议 (转)

Axure 是创建软件原型的快速有力的工具.上手很容易,但是,其中存在一个危险.这款软件是如此的直观以至于很多用户可以在没有接受过任何正式培训的情况下进行使用.他们可能不知道的是他们可能没有以恰当的方式来使用 Axure. 作为一位有经验的用户体验设计师,我很少在画一页的时候第一次就能把它设计正确.大部分时候,我要经历5到10次的反复迭代(iterations).当你的用户体验设计是用来作为敏捷项目(agile project)的蓝图,那你可能需要在项目周期内跟上整个项目.有时候,这些变化将会影

提高Axure设计效率的10条建议

http://www.woshipm.com/ucd/92153.html Axure 是创建软件原型的快速有力的工具.上手很容易,但是,其中存在一个危险.这款软件是如此的直观以至于很多用户可以在没有接受过任何正式培训的情况下进行使用.他们可能不知道的是他们可能没有以恰当的方式来使用 Axure. 作为一位有经验的用户体验设计师,我很少在画一页的时候第一次就能把它设计正确.大部分时候,我要经历5到10次的反复迭代(iterations).当你的用户体验设计是用来作为敏捷项目(agile proj

Photoshop:建议设置

一.新建文档设置: 二.对齐设置 菜单->视图->对齐->全部 使用图层.形状等操作时自动对齐网格,画矢量图不怕模糊边缘,确保每个像素保持清晰. 三.首选项设置 关掉"启用轻击平移" 占内存又提高不了效率 四:文本设置 选择Windows LCD抗锯齿功能,文字可以为网页一样效果了 (ps cc版本) 五:网格设置 菜单->编辑-首选项->参考线.网格.切片 Photoshop:建议设置,布布扣,bubuko.com

word设置每页50行

1. 显示行号:页面布局-行号-每页重编行号 2. 调整页边距:页面布局-页边距-调整上下边距为2 3. 调整行数:页面布局-文档网格-只指定网格-设置行数

记公司的原型设计软件培训课程

这里首先感谢公司,也感谢培训讲师,具体名称和姓名就不指明了,这里会用到培训讲师的讲解资料,在此表示十分感谢! 在给企业客户做系统实施时,整个实施过程存在这么几方人马:客户业务部门及人员.客户IT部门及人员.我方项目经理及实施人员.我方技术主管及开发人员.业务人员懂业务,但是大部分不懂编程技术:而技术开发人员懂程序,大部分却不懂业务.每个方面的人马都有自己的诉求,各方人马如何有效地沟通是很重要的.否则就会出现:技术人员费了好大劲搞定的技术难题或需求功能,最后发现跟业务需求完全不搭边,需要返工重做:

visual studio 2013 快捷键大全、VS2013常用快捷键

Visual Studio 2013 是一个基本完整的开发工具集,它包括了整个软件生命周期中所需要的大部分工具,如UML工具.代码管控工具.集成开发环境(IDE)等等.VS 2013 中新增了很多提高开发人员工作效率的新功能,比如自动补全方括号.使用快捷键移动整行或整块的代码等: 合理使用快捷键可以提高开发效率.但是Visual Studio提供的快捷键多如牛毛,那我们有没有必要掌握所有快捷键的使用方法呢,答案因人而异.就我个人而言,在开发过程中,我就只用到了其中的很少一部分,但是工作同样进行的