用Axure画线框的详细步骤(以手机音乐播放器为例)

1。打开Axure工具，在欢迎页面上选择“新建文件”。界面如下:

2.右键单击左侧页面中的页面1，并选择重命名以重命名该页面。我们把它改名为“音乐播放页面”。

3.打开我们自己手机里音乐播放器里的音乐播放页面，截图参考。我这里用的是咪咕音乐，复制截图粘贴到这个页面，如图:

4.如上图，背景色为白色。此时，图片与背景色的界限并不清晰。我们先修改一下背景色。方法:选中空的白色部分，点击右边样式的颜色，选择较深的颜色，使边界清晰，如下图:

5.下面我们就根据这张图来画自己的音乐播放页面吧。首先，按住Ctrl

鼠标滚轮向下滚动，使所有的参考页面都显示在屏幕上。接下来拖动一个Box1，放在参考图片的右边，调整大小和左图一样。调整时注意解锁W和H的小锁，如下图所示。

6.观察参考图片，大致可以分为以下五个部分，分别是歌名、专辑图片、歌词、个人设置、进度控制:

7.按住尺子下拉，在需要尺子标注的部分添加尺子线，如图。你需要拉下它五次:

8.添加歌曲名，先在第一条标尺线下拖拽一个方框1，然后调整文字的大小、字体、粗细，再将右边框下的粗细改为0，去掉边框，如下图:

9.接下来，添加作者和音效。按住键盘上的CTRL键，拖动“兰亭序”的方框。你可以复制这个盒子。我们将复制其中的三个进行排列，如下图所示:

10.首先修改作者的文字和样式，然后修改其大小、文字颜色和粗细，如下图所示:

1.再次修改音质，涉及文字的大小、颜色、粗细、边框，如下图:

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

注意，如果这里的文本和边框颜色不准确，可以使用颜色选择器，如下图所示。单击颜色选择器，然后单击具有所需颜色的部分以获得它。

这里的边界是圆形的。我们这样调整它。选中文本框后，左上角会出现一个小三角形。把小三角拉进去就行了，如下图。

13.接下来，拖动图像并将其调整为相册图片的大小。

14.拖动另一个H1，输入内容并调整相关参数，并将其用作歌词:

15.接下来，拖动圆形将其调整为个人设置图标的大小，并将图标设置为向上对齐，图标间距相等。进度图标也是如此:

16.拉两条水平线分别作为总进度条和已播放进度条。调整总进度条的长度，并将其拉到底部标尺线。将播放的进度条的边框颜色设置为红色，放在一边:

17.选择要删除的所有标尺线。将播放的进度条拉到总进度条的左侧，使其与总进度条重合。拖动一个圆，用红色填充，大小调整为30*30，拖动到已播放进度条的末尾。

完成了。

visio画线怎么变成连线？

菜单中选“连接线工具”

或 文件/形状/框图/基本形状 选“动态连接线”

visio中如何使两条直线平行？

1，首先我们用画线工具画任意条直线，并且复制粘贴另一条，然后移动到合适位置。

2，其次我们按住shift键，画一条直线，再画一条直线。同时选中两直接，旋转至合适角度。

3，最后看看基本流程图–并行模式也可以画平行线。

4.这样在visio中，两条直线就平行了。

交互设计分为几个部分？

完整的交互设计流程主要分为八个方面：定性研究、确定人物角色、写问题脚本、写动作脚本、画线框图、制作原型、专家评测、用户评测。

一、定性研究（Qualitative Research）：

无论你用何种形式做调查，你的目的是了解用户的需求

二、确定人物角色（Persona）：

如果你的定性研究有所成功，这时你应该对你的用户有所了解了。根据上文中的五个方面，你需要挑拣出最典型的一个或几个形象

三、写问题脚本（Problem Scenario）：

基于你对人物角色（Persona）的理解，你应该已经可以设想出他们在使用产品中可能遇到的问题了。你可以为每一个人物角色（Persona）列一个问题单，也可以把它们整理到一个简短的故事里。

四、写动作脚本（Action Scenario）：

首先你要为已列出的问题想好可能的解决方案，然后写一个简短的故事把这些解决方案囊括进去。写成故事的好处是代入感较强，对别人来说容易理解。国内比较推崇故事版，但是把所有情景画出来的效率是非常低的。

五、画线框图（Framework）：

此时你的交互方案已经有了抽象的想法，现在只要把它具象化就可以了。

六、制作原型（Prototype）：

就算没有程序员帮忙，可以使用的原型工具还是很多的。例如Axure RP和Pencil Project都比较有名，国内也有不少。不过我只用过InVision，感觉还可以。不论用什么手法，哪怕是PPT或者PDF，只要做出一个可以交互的东西就行了。

七、专家评测（Expert Evaluation）：

原型完成后召集至少两三个设计师或者对交互比较了解的人，使用并评测原型。你可以将原型所关注的几个任务列出来，以免专家不知道原型哪部分可交互哪部分不可交互。