准备工作：
1，开发工具：HBuilder。
2，mui框架包。
3，官方的例子源码包。主要方便用官方已经实现的例子。
4，硬件：Android或iPhone手机，数据线。

选中模仿的APP:
既然想做，不能空想。最现实，最快捷的方式是打开你的手机，运行手机里的APP，多看，看中哪个你想做的。然后就是模仿它做。最好不是太复杂。当然，可以自由发挥，并非全部一模一样模仿。也可以综合几个APP的特点，抓住你想要的。这样，功能，设计全有了。

择日不如今日，我看见手机里的bilibili很不错，配色风格样式都不错。先截图，再整理下想模仿的点。
1，启动动画。大部分的app，第一次启动的时候或更新一个版本的时候或每次的时候，都有启动动画。启动动画可以做得很精美，以打动人心并初步从形象里表达该app功能指向。
2，顶部的按钮组以及配色等。顶部涉及到手机的网络运营商，时间，电量等信息。怎样搭配才好看呢。有的app隐藏时间电量这些，个人感觉这样很懵，突然想看时间的时候感觉好空白。不建议总是隐藏。 有的app喜欢把扫描二维码功能挂在顶部，对于app中经常用到调用扫描二维码的还不错。顶部按钮组背景颜色也是一个重点。可以透明，也可以半透明，还可以配色。这里是要花点心思。
3，底部的导航。底部导航是一个app的控制器。导航icon需要做的贴切漂亮，导航名字需要表达清楚明了该栏目所以展示的内容。icon经常会用到字体。字体改变颜色，放大缩小都很方便。
4，注册和登录。
5，slider的应用，图片轮播。
6，内容页的填充。
mui框架的估计不能完美的适应一个app，这个可以自己写css。除却颜色其他的，还是可以取。如果可以，所有的css都自己也行。或是用其他框架。

bilibili贴图