OmniGraffle学习笔记:萤石云体验模式主页

#交互#   OmniGraffle


今天是2017年最后一天咯,继续学习OmniGraffle。

今天的界面比较简单,通用的StatusView+TabBar,中间一张png图片+label+button。


效果如下:

OmniGraffle学习笔记:萤石云体验模式主页_第1张图片
效果图

流程如下:

1. 设置背景矩形(750*1334),加上边框容易看到矩形边缘。

绘制StatusView,有模版的可以直接套用~~~

OmniGraffle学习笔记:萤石云体验模式主页_第2张图片

2. 对照APP截图绘制中间部分文字、按钮。

OmniGraffle学习笔记:萤石云体验模式主页_第3张图片

3. 加上底部的TabBar后,基本效果完成

OmniGraffle学习笔记:萤石云体验模式主页_第4张图片

4. 查找TarBar上按钮的元素,找不到的可以用PS绘制

OmniGraffle学习笔记:萤石云体验模式主页_第5张图片

5. 替换TarBar按钮元素后的效果~~

OmniGraffle学习笔记:萤石云体验模式主页_第6张图片

6. 用PS绘制中间的羊~~比较粗糙~~

OmniGraffle学习笔记:萤石云体验模式主页_第7张图片

7. done

PS:记得去除矩形外边框

OmniGraffle学习笔记:萤石云体验模式主页_第8张图片

你可能感兴趣的:(OmniGraffle学习笔记:萤石云体验模式主页)