用Axure画线框图详细步骤（以手机音乐播放器为例）

~ 1、打开Axure工具，在欢迎页面选择“New File”，界面如下：

2、右击左边Pages中的Page1，选择Rename，可重命名该页面，我们重命名为“音乐播放页面”。

3、打开我们自己手机中的音乐播放器中的音乐播放页面，截图，做参照用，此处我用的是咪咕音乐，复制截图，粘贴到该page页面中，如图所示：

4、如上图，底色是白色的，此时图片与底色的边界不清晰，我们先修改底色。方法：选中空白部分，点击右侧STYLE中的Color，选择深一点的颜色，边界变清晰，如下图：

5、下面我们比照此图，画出自己的音乐播放页面。首先按住Ctrl+鼠标滚轮下滚，使参照页面都显示在屏幕上，接下来，拖动一个Box1，放在参照图的右边，并调整大小与左图相同，调整时注意把W和H中的小锁解除锁定，如下图。

6、观察参照图片，图片大体可分为如下标出的5部分，分别为歌曲名、专辑图片、歌词、个人设置和进度控制5部分：

7、按住标尺往下拉，在需要标尺标记的部分添加标尺线，如图，需要下拉5次：

8、添加歌曲名称，先拖拽一个Box1到第一个标尺线下，再调整文字的大小、字体和粗细，再修改右侧BORDER下的Thickness为0去掉边框，如下图：

9、接下来添加作者及音效情况，按住键盘上的CTRL键，拖动“兰亭序”这个Box，可复制Box，我们复制出三个来排列好，如下图：

10、先修改作者的文字及样式，修改文字后，再修改其大小、文字颜色和粗细，如下图：

11、再修改音质，涉及文字的大小、文字颜色、粗细和边框，如下图：

12、再修改音效，涉及文字的大小、颜色、粗细和边框，如下图。

注意，这里的文字和边框颜色，如果摸不准可以用拾色器，如下图，点击一下拾色器，再点击有想要的颜色的部分就可以取到了。

这里的边框是圆角的，我们这样调整，选择文本框后，左上角会出现小三角，往里拉小三角即可，如下图。

13、接下来拖动一个image，并调整大小，当做专辑图片

14、再拖动一个H1，输入内容并调整相关参数，当做歌词：

15、接下来拖动圆圈调整大小当做个人设置图标，并设置图标向上对齐和图标间距相等，进度图标同理：

16、拉两条横线，分别作为总进度条和已播放进度，将总进度条调整长度后拉到最下面的标尺线处，已播放进度条设置边框颜色为红色后先放一边：

17、选中全部标尺线删除。将已播放进度条拉至总进度条左侧与总进度条重合。拖动一个圆圈，填充上红色，并调整大小为30*30，拖到已播放进度条尾部。

完成。

---

桃山区15896079126： 如何用axure画简洁的流程图 - ？
李刮雷米： 在左上角选择模式中,选择最后一个鼠标模式点击“选择部件库” ,默认为“所有部件库”选择最后一个选项“Folw”这里的控件都是可以用作流程图的选取一个“矩形”控件,并将它拖动到制作面板中,可以看到它的四条边,有四个蓝色的“叉形”将鼠标指针放在任何一个点上,都会出现一个红色方框的效果,这就说明可以连接了将鼠标指针在红框处按下,并随意拖动,可以出现线条效果,并且将线条或“矩形”随意拖动,他们之间的连接都不会断开如果想将两个“矩形”连接起来,则需要首先创建两个“矩形”空间,然后用鼠标将想要连接的两个点,点击并拖动在相应的位置即可9 双击控件,即可输入文字.

桃山区15896079126： 用axure做流程图,怎么做可以点开查看更多的内容 - ？
李刮雷米： axure7的操作:需使用事件触发,首先,放置一个框,里面输入你要的内容,然后对其命名(为了以后的操作方便),然后右键将该框选择为隐藏;接着,选定1这个格子,在axure右侧选择鼠标单击时,在弹出页面中选择隐藏/显示,最右侧这里选择刚才命名的框,在下面选择“切换”,即可.该操作代表你点击一次1,内容显示,再点击一次1,内容隐藏.

桃山区15896079126： 我用axure怎么画流程图? - ？
李刮雷米： 我觉得,如果要画流程图,axure并不是最适合的工具,怎么说呢,软件之间也是各有所长的,建议使用visio,visio画流程图还是蛮给力的~~如果不得不用axure来画,建议去网上找一些axure的流程图组件,导入到axure中使用,这样会方便一些~~最坏的情况,就是使用axure自带的流程图部件了,在部件面板部分,通过下拉列表选择“flow“,使用里面的部件~~

桃山区15896079126： axure7.0怎么画虚线 - ？
李刮雷米： Axure画虚线的方法如下:1. 打开Axure2. 在元件里选择水平线3. 在标签栏上面一排找到线段类型4. 选择你想要的线段类型

桃山区15896079126： axure怎么画流程图 - ？
李刮雷米： 这个首先你要选择鼠标为 流程图模式 点击图示地方即可 然后选择对应的流程图 控件 就可以连接了 给好评哦呵呵

桃山区15896079126： 如何用Axure8.0制作简单的登录窗口分享 - ？
李刮雷米： 1、绘制登录窗口 (1)首先,打开Axure8.0,在站点地图里选择一个页面,重命名为“登录窗口”,双击该页面,进入该页面的编辑模式.然后在元件库中拖拽一个矩形元件到线框图面板中,单击右键选择“转化为动态面板”,将其转化为动态...

桃山区15896079126： axure怎么做八边形 - ？
李刮雷米： 导航面板 在绘制线框图(Wireframe)或流程图(Flow)之前,应该先思考界面框架,决定信息内容与层级.明确界面框架后,接下来就可以利用页面导航面板来定义所要设计的页面.页面导航面板是用于管理所设计的页面,可以添加、删除及...

桃山区15896079126： 如何用 PPT制作线框图 - ？
李刮雷米： 看你要画多精细的线框图,简单描绘功能区块的话,直接用矩形工具,矩形里面写文字描述一下,然后矩形组合起来就是线框图了. 如果需要精细一点的,涉及到一些控件的运用的话建议用Axure,专业,而且也很容易上手.相关的教程和下载可以在www.webppd.com上找.

桃山区15896079126： axure不知道怎么用,求初学者教程 - ？
李刮雷米： 就是托控件进来,打个字,调整大小,加图片,不用什么教程.网上很多牛逼烘烘的各种用axure做复杂交互的感觉一点用没有.公司里有的是交互设计师,交互方案不需要产品全做出来