享卡APP的UI设计和产品构架 ，一文详解

底部导航栏

在底部设计底部四大图标分别对应四个界面，点击每个图标跳转到相应的界面，分别是分享卡券界面，卡窝界面，聊天界面和我的界面。

首页界面实现效果图

![ 这里写图片描述] （https://img-blog.csdn.net/20180628152200169?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hhaXppeG0=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70 ） 卡券发布的设计效果图在券发布界面，需要填写你的卡券名称并，为了更好的分类卡券，下面设置了三个选项电子卡，会员卡和优惠券可以选择，填写转让的的价格和原价，选择你想发布的卡窝，就可以发布到平台上面！[ 这里写图片描述] （https://img-blog.csdn.net/20180628152252924?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hhaXppeG0=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70 ） 约卡界面点击你想预约的卡券会，方便进行线下约卡交易，也可以点击收藏，收藏卡券，可以和卖家私聊，会进入聊天界面！[ 这里写图片描述]

（https://img-blog.csdn.net/20180628154309779?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hhaXppeG0=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70 ） 聊天界面 在聊天界面可以和卖家进行聊天砍价，可以进行图片和语言聊天的功能！[ 这里写图片描述] （https://img-blog.csdn.net/20180628154659128?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hhaXppeG0=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70 ） 消息界面 在消息界面可以接收到系统消息，点击会进入聊天界面！[ 这里写图片描述] （

https://img-blog.csdn.net/20180628155436875?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hhaXppeG0=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70)

卡窝界面

在顶部为搜索栏，可以搜索不同的卡窝，下面为商家的广告轮播图，中间有不同的大学窝可以加入，在下面为不同的卡窝展示，底部为四大导航按钮

我的界面

在我的界面可以显示自己的个人资料，还有被关注数和点赞数，还可以进行微信绑定、实名认证和芝麻信用等功能，下面还可以显示你发布的卡券信息

![这里写图片描述](https://img-blog.csdn.net/20180628160346888?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hhaXppeG0=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70 ） _* APP启动页界面 打开APP出来的首页闪现界面，主要凸显了我们的产品理念分享，优惠和共赢！[ 这里写图片描述] （https://img-blog.csdn.net/20180628160553918?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hhaXppeG0=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70 ） ICON设计 *_先从简单的轮廓开始，先从核心创意开始即卡券共享。包含了卡券的图标和一，凸显出卡券共享的设计理念！[ 这里写图片描述] （
https://img-blog.csdn.net/20180628151652577?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hhaXppeG0=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70 ） 总结 产品的设计构想和界面设计需要按照产品的理念和用户的实际需求来设计，需要先画出产品的设计模型和后端工程师，用户交流一下，再继续修改界面。
作者:张艺峰
原文链接点击这里

总结

最后小编想说：不论以后选择什么方向发展，目前重要的是把Android方面的技术学好，毕竟其实对于程序员来说，要学习的知识内容、技术有太多太多，要想不被环境淘汰就只有不断提升自己，从来都是我们去适应环境，而不是环境来适应我们！

这里附上我整理的几十套腾讯、字节跳动，京东，小米，头条、阿里、美团等公司19年的Android面试题。把技术点整理成了视频和PDF（实际上比预期多花了不少精力），包含知识脉络 + 诸多细节。

由于篇幅有限，这里以图片的形式给大家展示一小部分。

详细整理在GitHub可以见；

Android架构视频+BAT面试专题PDF+学习笔记

网上学习 Android的资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。希望这份系统化的技术体系对大家有一个方向参考。

尝辄止，不再深入研究，那么很难做到真正的技术提升。希望这份系统化的技术体系对大家有一个方向参考。

技术进阶之路很漫长，一起共勉吧~