Axure RP 6.5学习记录(3)网页头Header可复用组件设计

　　在网页设计中，有些页面时可以复用的，比如说网页头部和底部等，就可以设计组件Master。

　　先看看Axure RP中的复用组件管理区域：

                                                         

　　1、设计博客园首页头部Header。

　　1）在复用组件管理区域点击添加文件夹图标，添加一个文件夹，并重命名为博客园。

                                                               

　　2）选中博客园文件夹，点击添加组件图标，添加一个组件，并重命名为Header。　　　　　　　　　　　　　　　　　　

                                                         

　　3）双击Header组件，使Header组件在原型设计区域处于编辑状态。

　　4）我们添加Header第一行的"代码改变世界"标签和"登录"、"注册"链接。这些都是使用Text Panel控件完成。直接拖动Text Panel控件到设计区域的Header页面中。

                  

　　5）Header第二行的Logo设计。先拖动一个Rectangle控件到Header页面中的合适位置，调整好大小，在Rectangle控件上点击右键"Edit Button Shape"--->"Select Shape"--->"Rounded Rectangle"将其变成圆角矩形；将一个Image控件拖动到Rectangle控件的左边，调整好大小，在Image控件上点击右键"Edit Image"--->"Import Image"选择Logo图片，Image控件会自动适应Logo图片的大小。

                  

　　6）Header第三行的菜单设计。先推动一个Rectangle控件到Header页面中，调整到合适的大小，并设置好控件的背景颜色。然后拖动Text Panel控件到页面中设计菜单文字。

　　7）最后看一下效果。