展示

截图只能截一部分,想看完整的效果直接点击最后一个链接就可以啦。
用Axure9画一个简单的个人博客原型
用Axure9画一个简单的个人博客原型

新建一个页面

  • 新建一个主页面,添加两个子页面,按照下图命名各个页面
    用Axure9画一个简单的个人博客原型

首页布局

  • 在元件部分拖入矩形框
    用Axure9画一个简单的个人博客原型

  • 双击矩形框就可以输入文字,我在这里写的是My block,字体的样式和颜色可以在右边的样式中选择,如图所示
    用Axure9画一个简单的个人博客原型

  • 选中My block 点击右侧说明,添加说明文字
    用Axure9画一个简单的个人博客原型

  • 同样的方法 在页面右边拖入几个矩形框,选择文字样式颜色大小,可以得到如图所示几个标题
    用Axure9画一个简单的个人博客原型

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

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

  • 在Home区域交互建立完成。这样点击Home区域时,就会跳到页面的首页了。以同样的方法完成其他版块的交互。
    用Axure9画一个简单的个人博客原型

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

文章详情页布局

  • 在首页里面按住ctrl+A全选首页的布局,再按ctrl+c复制页面布局。打开文章详情页。将整个布局复制到文章详情页。然后将该页面调整成如下图所示布局。
    用Axure9画一个简单的个人博客原型

关于我 页面布局

  • 打开关于我页面布局,可以在元件里面的所有元件,选择几个想要的图标,按如图排列,关于我的界面排版如图所示。
    用Axure9画一个简单的个人博客原型

完整效果

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

相关文章:

  • 2022-03-01
  • 2022-12-23
  • 2021-07-22
  • 2022-12-23
  • 2021-12-30
  • 2022-12-23
  • 2021-06-08
  • 2021-06-17
猜你喜欢
  • 2021-08-02
  • 2021-07-12
  • 2021-06-12
  • 2021-09-07
  • 2022-12-23
  • 2021-06-14
  • 2021-04-11
相关资源
相似解决方案