在上一篇的交互中进行完善，填充颜色与完善细节后秒变设计稿既视感。成果图如下（左图为APP截图，右图为效果图）。
1. 打开上次绘制的交互图~~
交互图
2. 修改背景色为主题色#FFD415
填充背景色
3. 修改字体颜色、字体大小
4. 修改图标颜色、图标透明度、图标字体颜色，去除图标边框
5. 添加细节~~
添加分隔线
6. 修改底部按钮颜色、按钮字体颜色、按钮字体大小
7. 底部添加一个矩形，修改矩形颜色。大致看一下效果~~和截图对比一下，很明显可以看出界面上的系统WIFI界面差别比较大，还要进行优化
8. 选择网络列表底部添加白色矩形，假装是个背景图，图层的位置也要调整一下~
9. 修改后的效果图~~
在上一篇的交互中进行完善，填充颜色与完善细节后秒变设计稿既视感。成果图如下（左图为APP截图，右图为效果图）。 变...
这是之前使用花生地铁WIFI的时候截取的界面，刚好可以拿来练手。用了一个多小时来进行绘制，可能做的比较粗糙~~继续学习中
23日，地铁WiFi服务提供商花生地铁WiFi宣布，从11月24日起，将现有覆盖的上海、广州、武汉三地WiFi进行...
前言 前段时间在上海坐地铁时连接了花生地铁WIFI，打开QQ音乐开始听歌，QQ音乐居然给了我一个"WIFI认证提醒...
前言 前段时间在上海坐地铁时连接了花生地铁WIFI，打开QQ音乐开始听歌，QQ音乐居然给了我一个"WIFI认证提醒...
去年的这个时候，满怀憧憬的期待跟随明康汇，坐地铁的时候，等待地铁花生WIFI能串通11号线，出门想戴块手表，于是把...
比较喜欢这个在网上看到的一个APP交互，所以就尝试使用OmniGraffle做了一下交互图。第一次使用OmniGr...
总结： （1）目前花生WiFi商业化内容比较重，一般体验会比较不太好 （2）同类型WiFi产品使用中，目前能够连接...
在目前移动端产品越来越注重碎片化用户场景的构建和场景用户行为数据反馈与采集的背景下，花生地铁WIFI这样一款具有...
mac软件： 多屏：sizeUp 笔记程序：Quiver 画图软件：OmniGraffle 文本编辑：Submli...
本文标题：OmniGraffle学习笔记：花生地铁WIFI（2）
本文链接：https://www.haomeiwen.com/subject/bfdaixtx.html
网友评论