axure商城

Axure8.0学习心得:Word+Photoshop+Dreamweaver的结合

在学习Axure之前,如果熟悉Word、PS(Photoshop)及DW(Dreamweaver)中的任意一款或几款软件,对Axure的学习都大有益处。因为:Axure集合了Word的对文字段落处理的格式及样式功能;PS的快捷键、工作区、窗口面板及图层知识;DW的可见即可得以及页面站点地图和表单控件知识等。

一、软件操作界面介绍

如果您已经有自己操作熟悉的软件(如office系列),那么对于新接触的一般的软件操作界面就都不会太陌生了,因为长得都差不多。因此,刚接触Axure时,您会对它的界面也不会很陌生。。。。。

Axure8.0学习心得:Word+Photoshop+Dreamweaver的结合

菜单栏:基本上所有的软件第一行都是标题栏( 当然,现在有些软件为了有更大的操作界面,标题栏做了省略操作,与菜单栏合并),标题栏基本上都是由文件名、软件名版本号及右上角的最小化最大化及关闭三个按钮组成。

标题栏:大部分软件的标题栏都包含【文件】、【编辑】、【帮助】等,而不同软件相同菜单名下的命令却相差不多,拥有很多相同的操作,如文件里的打开保存打印;编辑里的返回复制粘贴查找全选等,这让我们在学习新软件时直接有了已经会了的成就感和自信心。而不同的菜单才是该软件学习的重点,如PS中的图像和滤镜菜单。Axure的菜单超级简单,稍微熟悉几个快捷键都可以忽略它的存在。

工具栏:它的功能很多很强大,但是因为它与word的工具栏功能很相似,因此学起来也很轻松。

页面站点地图窗口:与DW中的站点地图相似,没有学过DW的也不要紧,我们可以用资源管理器中的文件管理来理解,即文件夹和文件的存放归类管理思想,管理的好对我们很有帮助。

元件窗口:也叫部件窗口,做图时都是利用这些部件然后经过我们合理的组合来完成我们的视觉效果。在Word中我们的绘制工具栏中也有很多图形、PS的钢笔工具中也有自定义图形,DW中也有表单工具等。但是Axure的元件使用方法是:选中元件之后拖到工作区,而Word和PS都是选好图形之后,再到工作区按住鼠标左键绘制,这个刚学Axure时还真有点不适应。

母版窗口:母版功能与PPT的母版功能很像,都是将系列页面中有重复内容的部分设计成一个母版页,放在母版窗口中,以后使用时直接调用,那些重复的内容部分就不需要再做,非常省事方便。

工作区:即操作区,相当于一个画板,每个页面相当于一张画纸,而设计好的作品则相当于绘制好的画面。设计的目的就是通过各种元件的选择与布局,让这个工作区的内容符合我们的要求。

检视窗口:包括页面的样式窗口、元件的动作交互属性窗口、备注说明窗口及视觉样式窗口。样式窗口就是设置对象的外观,其中的样式列表与Word的样式及DW的CSS功能一样,可以让我们排版不仅很规范,而且很省时省事。

页面图层窗口:这个与PS的图层面板相同,只是叫法不一样。他们都有上覆盖下的特点,即在页面图层窗口中的上下关系,则在工作区中,这些图层叠在一起时,上面的画面或盖住下面的画面。

二、Word、PS、DW的影子

Word的影子:工具栏、样式;

PS的影子:操作界面、快捷键、元件库、页面图层;

DW的影子:所见即所得效果、表单控件、页面站点地图;

还有一点PPT的影子,即母板功能及预览观看快捷键。

Word及Axure的工具栏对比

Axure8.0学习心得:Word+Photoshop+Dreamweaver的结合

Word2003工具栏

Axure8.0学习心得:Word+Photoshop+Dreamweaver的结合

Axure8.0工具栏

Word及Axure的样式操作对比

Axure8.0学习心得:Word+Photoshop+Dreamweaver的结合

Word样式的使用

Axure8.0学习心得:Word+Photoshop+Dreamweaver的结合

Axure样式的使用

Word及Axure软件两者的样式使用方法相同,自定义新建样式的操作也相同。

PS的操作界面与Axure操作界面的对比:相似的面板布局以及工作区,一看便知,不截图了。

PS快捷键在Axure中基本上通用,熟悉PS的快捷键也就熟悉了Axure的快捷键,让我们使用Axure能快一大步,如放大缩小、图层顺序等。

PS的自定义图形库与Axure元件库的对比:

Axure8.0学习心得:Word+Photoshop+Dreamweaver的结合

Photoshop自定义形状的使用,步骤:选择想要的形状→按住鼠标左键不放在画布上拖动适当大小→松开鼠标即可。

Axure8.0学习心得:Word+Photoshop+Dreamweaver的结合

Axure元件库的操作,步骤:选择需要的元件→在元件上按住鼠标左键将元件拖动到工作区→松开鼠标

PS图层面板与Axure页面窗口的对比:注意看什么是上覆盖下

Axure8.0学习心得:Word+Photoshop+Dreamweaver的结合

PS的图层面板及图层顺序对画面效果的影响

Axure8.0学习心得:Word+Photoshop+Dreamweaver的结合

Axure页面窗口及图层顺序对画面效果的影响

Dreamweaver表单控件与Axure表单控件对比

Axure8.0学习心得:Word+Photoshop+Dreamweaver的结合

Dreamweaver的表单控件

Axure8.0学习心得:Word+Photoshop+Dreamweaver的结合

Axure的表单控件

Dreamweaver的站点地图与Axure的页面窗口对比

Axure8.0学习心得:Word+Photoshop+Dreamweaver的结合

Dreamweaver的站点地图窗口

Axure8.0学习心得:Word+Photoshop+Dreamweaver的结合

Axure的页面窗口

最后说明一下:Axure学习,入门很简单,但是要学好就要用好动态面板控件和元件的动作事例交互属性,这是Axure的重点内容,也是重要内容。而这个动作交互属性简单一点理解就是页面或鼠标怎么样,我们要出来什么样的结果就设置什么样的动作。

给TA打赏
共{{data.count}}人
人已打赏
Axure教程

Axure教程:(初级)导航中的页面切换

2019-3-5 20:49:55

Axure教程

Axure RP 9 教程—跑马灯效果和购物车清算

2019-3-10 11:45:03

axure商城
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索