axure设计pc端网页（axure rp设计网页的思路）
本文目录一览：
- 1、axure和墨刀的区别是什么?制作原型怎么选择?
- 2、axure怎么做水平或者垂直移动效果?
- 3、Axure原型及元件库全集(4)
- 4、Axure如何做PC端导航栏吸附效果原型?
- 5、Axure做PC端的原型图要缩小一倍吗?
axure和墨刀的区别是什么?制作原型怎么选择?
墨刀和Axure不一样的点是：墨刀主要是用于移动端的app原型制作！其控件的拖拉、大小的调整，都会自然去匹配相应的母版大小，可以说是比较人性化的了。再者，墨刀提供了强大的共享创建功能，方便用户的手机上预览原型。
墨刀的缺点就是相应的就是不自由啦，首先这也于墨刀的产品定位有关，清晰定位为移动端原型设计工具，因此在交互效果上、控件组合上，操作面板的选择上都不如AXURE 灵活，并且效果切换因为是采用连线的方式，有时候会让使用者脑子错乱的感觉。
组件库不同 墨刀：内置丰富原型组件及页面的素材模式，包含基础、高级、发现三个分类。简单组件可以使用文字、矩形、圆形、线条、图片等，复杂组件可以使用表格、批注、地图、动态组件、轮播图等，直接拖入原型图即可使用。在打造组件库时，便于管理和设计，不需要重新定义组件。
墨刀和Axure都是做原型图的工具墨刀使用简单但在交互效果 控件组合不如Axure灵活，不过基本能满足常有的原型使用；墨刀的的系统控件都是基与APP，IOS和安卓如果把墨刀比做美图秀秀。
两款定位和擅长领域不同，一般轻量级移动用墨刀，PC端产品用Axure。
区别一：产品定位不同 墨刀是一款专业的在线原型设计工具，适用于产品、UI设计师等需要快速制作原型的用户。它提供了丰富的工具和功能，帮助设计师快速构建用户界面并进行演示。而Axure是一款专业的交互式原型设计工具，它主要面向那些需要复杂交互设计功能的用户，如软件开发者、网站设计师等。
axure怎么做水平或者垂直移动效果?
在我们使用移动端产品，进入页面后，向下拖拽，一般页面会被下拉，而且上方会出现【放开刷新】的提示；同理，我们手指上滑，页面被拖至底部，再不停上滑，页面会被上拉，手指放开后，页面下滑至原位。
首先打开电脑上的axure软件，然后选择元件库中的“矩形”元件并拖入到画布中。然后对矩形的位置进行设置，x：0，y：0，（x、y表示在画布的位置，根据自己的需要设置）宽w：400，高h：50。 然后点击右侧的“动态面板”，拖到刚刚设置好的矩形中。
可以借助局部变量，自动获取滑动内容宽度，通过函数自动计算可移动范围。一般常见的左右滑动都是同样的模块内容展示，可以使用中继器进行快速复用，只需后续编辑调整中继器内容。达到原型之间快速复用的效果。（可参考案例中的实战版本内容）。
基本构件库。基本构件库分为四类。然后，双击空白处返回主页；右键选择滚动条，根据需要选择垂直或水平滚动条。然后调整主页的动态面板大小，使动态面板大小小于内容大小，可以滑动查看内容（只能在预览中查看滚动效果）。
首先，我们看下本次教程用到的3个元件：我们将3个元件水平垂直居中对齐，并且将层顺序修改为：按钮名称-默认按钮-动效。
若还不了解，就来学习学习.Axure页面原型添加水平线教程吧！需要先打开axure软件然后进入到axure界面中再找到左下角元素仓库，向下滑动滚动条然后点击选中HorizontalLine元素。如果是垂直线就选择verticalline。
Axure原型及元件库全集(4)
Axure RP自带图片元件，通过这个元件，我们可以添加本地图片到页面中。操作方法是：将左侧元件库中的图片拖入到画布中双击图片图片元件。另外，也可以直接将本地照片拖入软件页面中。除了添加静态图片，还可以添加动图。但是要注意添加的动图大小一定不要太大，否则将无法正常显示。
创建元件库“绿色文件” 打开axure，在元件库面板「三条横线」按钮下拉选项中找到「创建部件库」功能，点击会弹出一个另存为对话框，这里需要选择元件库文件的存储位置，并需要输入元件库的名称。 此时，我们可以看到，文件的后缀名为.rplib，这个就是元件库的格式，而不同于创作交互原型时正常axure文件的.rp格式。
找到创建元件库的入口 打开Axure，在左侧元件库面板，点击绿色搜索按钮左边的下拉三角形，点击第三项创建元件库。此时会弹出一个另存为对话框，这里需要选择元件库的存储位置并输入元件库的名称。建议将元件库存放于你经常储备资源的文件夹下。保存后稍等，Axure将重新打开一个新页面进行元件的编辑。
对于新手设计师来说，寻找一款既全面又易用的原型设计元件库至关重要。我强烈推荐Axure一库/，它不仅覆盖了网站、APP、微信等多端的常用元件，而且尤其在后台设计上独具匠心，许多其他库往往忽略的细节，如数据图表、图片上传、标签设置，这里都一应俱全，让你的设计工作更加得心应手。
首先就是先打开安装Axure的目录文件夹，找到DefaultSettings文件夹。打开DefaultSettings文件夹，在里面继续找到并且打开Libraeies文件夹。将你事先下载好的一些元件文件，全部复制粘贴到Libraeies文件夹里面去。再将Axure软件打开，找到元件库栏目，点击右上角的菜单栏目。
Axure如何做PC端导航栏吸附效果原型?
Axure做PC端导航栏吸附效果原型步骤：（1）制作PC页面如下图（本文以考拉海购为例）（2）将顶部搜索区组合并命名，右键将组合设置为顶层，主要是为后续针对搜索区实现吸附效果。
菜单栏菜单里面包括：图标、文本、搜索框、菜单文本、搜索框、背景矩形 里面最重要的就是菜单的文本，我们们用多个文本标签制作即可，填写具体菜单文字即可。当然你们也可以设置单选组，设置选中样式，在鼠标单击时通过选中当前元件的交互，制作选中变色的下效果。
你是需要做导航条自始至终吸附，还是页面滚动到XX位置以后吸附。如果是自始至终吸附的话，除了导航条以外的页面，放在一个动态面板里面，动态面板设置自动显示垂直滚动条。然后把你那个长页面塞到动态面板里面。
在顶部快捷菜单栏选择连接工具，当靠近画布中的元素时，会自动吸附，缺点是刚开始绘制时不能完全自主控制起点和终点。可以手动选择起点和终点的位置进行调整。
Axure做PC端的原型图要缩小一倍吗?
这个真没法做，原型不用做那么细的，简单点你可以用两个动态面板，一个放大一个缩小就行了。
不要把元件过多的组合变成母板，元件组合越是越多，越可能需要在母版的元件上做修改。（2）避免使用多余的控件 一个元件可以实现的效果，不要使用多个元件。举个例子：两个看起来相同的“确认”按钮，实际上下图①只有一个矩形元件，而②是由文本框+矩形组成。
不同设备的尺寸是不一样的，但是通常我们可以用360像素*640像素来做原型，这个尺寸适应于大多数分辨率在1080像素*1920像素，屏幕在5~5英寸的移动设备。不过使用Axure制作的原型，如果你没有设置自适应视图的话它是不会自动适应任何设备的。
Axure后台web网站设计注意点：框架尺寸设计目前PC端用户屏幕分辨率主要为：1920*1080、1600*900、1440*900、1366*761280*720等。那么我们的原型设计稿应该参考哪个尺寸设计呢？这需要我们根据具体情况分析：如果我们设计的原型主要是发给客户和领导看，那么按用户和领导的电脑分辨率设计即可。
用Axure可以对图片进行裁剪、拼接。Axure可以对图片进行切图操作。母版自定义触发事。动态面板多层嵌套。自定义格式刷和注释字段。
这是一个费脑活，目前大多数人都是采用Axure的软件制作，画原型图需要参考很多网站风格，通过不断的借鉴，才能总结自己的网站风格。目前设计流行的元素是采用图标配文字，界面扁平化，尺寸做成宽屏风格。
