#交互# OmniGraffle
在上一篇的交互中进行完善,填充颜色与完善细节后秒变设计稿既视感。成果图如下(左图为APP截图,右图为效果图)。
上一篇文章链接如下:
https://www.jianshu.com/writer#/notebooks/20481395/notes/20831285
效果如下:
流程如下:
1. 打开上次绘制的交互图~~
2. 修改背景色为主题色#FFD415
3. 修改字体颜色、字体大小
4. 修改图标颜色、图标透明度、图标字体颜色,去除图标边框
5. 添加细节~~
6. 修改底部按钮颜色、按钮字体颜色、按钮字体大小
7. 底部添加一个矩形,修改矩形颜色。大致看一下效果~~和截图对比一下,很明显可以看出界面上的系统WIFI界面差别比较大,还要进行优化
8. 选择网络列表底部添加白色矩形,假装是个背景图,图层的位置也要调整一下~
9. 修改后的效果图~~