自加入团队到现在，这个项目算是我的第一个项目，虽然页面比较少，逻辑也比较简单，但这个项目自己做得也算比较完整，页面基本都做完了。因为开发的关系，未能上线，就当自己的一个练习吧。
这是针对ios系统的一个屏蔽广告的app，其目标是屏蔽大多数游戏、视频、网页中的广告。目标用户是经常浏览网页，看视频，玩游戏对广告感到厌烦但又不愿意出钱去除广告的人群。
做的第一个部分是引导页面。引导页面也要深入思考，要考虑设计一个引导页目的是什么，是功能上的雪中送炭，还是产品上的锦上添花？由于屏蔽广告的app在功能上比较简单，操作方式用户也容易明白，因此想在引导页上侧重引起与用户的共鸣，介绍广告是怎么烦人的，从而让用户使用此产品。最终设计出下面的四张引导页面：
引导页
由于自己没有美术基础，在绘图方面能力欠缺，在设计上还是感觉有很大的限制，配色上感觉自己做得也不是特别好，在之后的学习中还得努力。
对于app的主体界面，设计了俩个，一个是主页，一个是更多页面，进入app中，首先展示首页，首页有三种状态：成功屏蔽掉广告，用户没有安装屏蔽广告所需的配置文件，用户安装了配置文件但是没能成功屏蔽。这三种状态需要在一个页面进行显示，系统首先判断是哪种状态，然后确定显示哪张页面：
首页
对于需要安装配置文件和修复配置文件的状态页面，提供了对应的按钮让用户点击，点击之后进行相应的动作，左上角放入了帮助的按钮，以免用户不知道该怎么办，对于成功屏蔽广告的状态，为了进行app的推广，直接放入了分享和好评，用户在这种状态下也愿意去分享和好评，同时在页面中提供了相关数据。在这种状态下页面也可以左滑，之后是这样：
成功屏蔽广告左滑之后
上面的页面展示了屏蔽广告的数据。
对于更多页面，主要是设置，评分，分享，意见反馈，另外，屏蔽广告需要安装配置文件，有部分用户可能会担心隐私的问题，因此我们增加了帮助文档和隐私保护，来让用户放心使用：
更多
另外，我也对导航栏的颜色变化，是根据首页的状态来确定的，以此来保证app内部的统一性。
基本的主要页面就是这样，这算是自己做的第一个完整的项目，比较简陋，但也能暴露出我的很多设计上的问题，最主要的就是配色了，非科班出身，对颜色的选取上是应该好好学习，还有很长的路要走
网友评论