Axure学习笔记:淘宝码上购详情界面

#交互#   Axure


淘宝扫描码历史记录交互文章链接如下:

https://www.jianshu.com/writer#/notebooks/20481395/notes/22388555


效果如下:

Axure学习笔记:淘宝码上购详情界面_第1张图片

流程如下:

1. 绘制界面顶部的Navigation

Axure学习笔记:淘宝码上购详情界面_第2张图片

2. 绘制section0的背景矩形

Axure学习笔记:淘宝码上购详情界面_第3张图片

3. 添加商品图、绘制section1的标题栏

Axure学习笔记:淘宝码上购详情界面_第4张图片

4. 绘制Section1的cell,组合

Axure学习笔记:淘宝码上购详情界面_第5张图片

5. copy两份cell组合

Axure学习笔记:淘宝码上购详情界面_第6张图片

6. 完善Section0的文字内容

Axure学习笔记:淘宝码上购详情界面_第7张图片

7. 修改Section1每个cell的文字内容,完成~~~

Axure学习笔记:淘宝码上购详情界面_第8张图片



素材:

1. 用了原谅绿来做底色~~

Axure学习笔记:淘宝码上购详情界面_第9张图片

你可能感兴趣的:(Axure学习笔记:淘宝码上购详情界面)