UI-新闻APP首页原型图制作

1､本课主要内容如图示。

2､原型图绘制的思路方向，具体图解如图示。

3､［打开］Axure软件，［新建］任意大小的界面。具体效果如图示。

4、在元件库［拖出］矩形框，调整至手机大小，具体尺寸如图示。具体效果如图示。

5､根据设计思路［拖入］矩形框，高度为44PＸ，放置状态栏位置。具体效果如图示。

6､［选择］矩形框，添加［描边］。［拖入］文字标签，输入时间，调整时间大小，排列至状态栏合适的位置，［拖入］矩形元件，调整大小和颜色，排列至合适的位置。具体效果如图示。

7､按Alt键［拖动复制］矩形框，［填充］白色，排列至下方合适的位置。［拖入］文字标签，输入文字，调整大小排列至合适的位置。具体效果如图示。

8､［拖入］矩形框，调整大小和颜色，排列至标题栏上方合适的位置。根据设计思路，［拖入］十字形Icon图标，调整大小，排列至合适的位置。具体效果如图示。

9､根据设计思路，［拖入］标题标签，输入文字，调整文字大小排列至合适的位置。［拖入］矩形元件，调整大小和属性，排列至合适的位置。具体效果如图示。