用Axure9画一个简单的个人博客原型

展示

截图只能截一部分，想看完整的效果直接点击最后一个链接就可以啦。

新建一个页面

• 新建一个主页面，添加两个子页面，按照下图命名各个页面
  

首页布局

• 在元件部分拖入矩形框
  

• 双击矩形框就可以输入文字，我在这里写的是My block,字体的样式和颜色可以在右边的样式中选择，如图所示
  

• 选中My block 点击右侧说明，添加说明文字
  

• 同样的方法 在页面右边拖入几个矩形框，选择文字样式颜色大小，可以得到如图所示几个标题
  

• 在每一个标题快上面加上交互，以便于点击这个版块就会跳入另一个界面。

• 首先选中Home区域，在右边的交互中点击新建交互，依次选择单击时——打开链接——首页，点击确定。

• 在Home区域交互建立完成。这样点击Home区域时，就会跳到页面的首页了。以同样的方法完成其他版块的交互。
  

• 在博客下面加入一级标题、文本、按钮，并按如图所示布局，而且在按钮上面按照上一步的方法加入交互，交互点击 点击时——打开链接——文章详情页。这样点击继续阅读按钮时就会跳转到文章详情页。
  

文章详情页布局

• 在首页里面按住ctrl+A全选首页的布局，再按ctrl+c复制页面布局。打开文章详情页。将整个布局复制到文章详情页。然后将该页面调整成如下图所示布局。
  

关于我 页面布局

• 打开关于我页面布局，可以在元件里面的所有元件，选择几个想要的图标，按如图排列，关于我的界面排版如图所示。
  

完整效果

最后如果想看完整效果的，连接在这儿
link