千锋教育-做有情怀、有良心、有品质的IT职业教育机构

400-811-9990
当前位置:首页 > 关于学院 > 千锋故事  >  正文

千锋上海UI学员浅谈移动端项目感受 超长版倾情奉献

时间:2017-06-23 14:41:32     来源:学员投稿 作者:千锋UI学员

  U&M即优觅,是一款音乐APP,含义是寻找优质音乐。此款音乐APP为一群音乐爱好者提供一个施展才华的平台。千锋UI学员通过文字记录下来了关于自己做移动端项目的切实感受,越长版文字倾情奉献,你值得珍藏!

  在千锋UI讲师王老师的带领下,U&M音乐APP一步步成熟。我们小组从一开始确定APP的主题、风格、运营模式、版权等到低保真的雏形出现,王老师给我们组提供了好多建设性意见,王老师帮我们的音乐APP分析了存在的版权、运营的模式、交互等问题。王老师给我们抛砖引玉之后,我们组的五个成员展开讨论,我们五个人的意见不一,PM黄将我们的意见集合在一起,进行整合,取其精华,去其糟粕。大家通过努力,克服了许多问题,这款APP才从雏形到成熟。

  从定下U&M这款APP到完善这款APP历时一个月。刚开始,我们对于APP的交互问题是一张白纸,最基本的用户体验都不知道以“简单、快捷”的操作方式存在。因此,我们参考了很多成熟的音乐APP,比如“网易云音乐”、“酷狗”、“QQ音乐”等。U&M音乐APP的音乐人都是一些没有名气的音乐爱好者,因此音乐不存在版权问题,所以省去了一些成熟音乐APP存在的版权问题,也简化我们遇到的版权问题。但是,音乐人发布的音乐,我们的APP也要体现尊重音乐人的音乐成果。因此,我们采用了“下载付费”的方式。这样我们就解决了音乐APP的一大版权问题。U&M音乐APP有一个最大的亮点,就是“发布”功能。每一个会员都可以发布音乐,话题。尤其是“发布话题”这个功能是我们音乐APP的重中之重。在很多的音乐APP都没有强化这个功能,因此我们又遇到了“发布”这个问题。这个问题,我们一直都没有讨论出结果,低保真也是一次又一次地修改,即使参考了很多拥有“发布”功能的APP,但是也没有将“发布”和“音乐”完美地结合起来。

  我们组因为这个问题中断了APP的进一步开发,PM经理黄将我们的问题阐述给王老师,王老师建议我们:“既然是‘发布’,就在常驻栏上把‘发布’和‘话题’结合起来。”王老师的建议让我们的APP得以继续开发下去。因此,我们就将“发布”和“话题”结合起来,用户可以点击“发布”按钮,就可以发布“音乐”、“话题”。这真是一个完美的结合。

  这一个月的时间,对与我们来说是一个成长的过程。因为,在这一个月中,我们学会了交互,学会了思考问题,学会了团队合作。当王老师布置开发APP时,我们班就重新分组。我们五个人完全做不到默契,每个人做出来的页面风格完全不统一,字号,色号完全按自己想法来。当我们把低保真集中起来时,发现完全没有统一。PM经理黄巍重新制定视觉规范,我们加以修改。PM经理合理分配工作:如下,

  1.黄同学任PM,负责整体风格的把控。

  2.丁同学担任UI,设计两版LOGO,首页以及其他页面,设计视觉规范,一版引导页,把握整体风格,安卓适配图。

  3.李同学担任UI,设计另一版LOGO,引导页,第二版首页,“登录/注册”,“我的”等一系列页面,“登录/注册”的流程图。安卓适配图。

  4.宋同学担任UE,设计引导页,安卓适配图,思维导图,“活动”页面,竞品分析,所有的切图,页面标注。

  5.小莹担任UE,设计两版图标,思维导图,“话题”的页面,“最近播放”的页面,PPT。

  前期讨论的是逻辑,小组成员都是各抒己见,通过最后的整理,我们基本确定这款APP将以社交为主,通过音乐结识更多志同道合的朋友,音乐让他们相聚一堂,也希望每一个参加官网活动的人都能在这个平台找到知音。

千锋<a href=http://www.mobiletrain.org/page/ui.html target=_blank class=infotextkey><a href=http://www.mobiletrain.org/page/ui.html target=_blank class=infotextkey>ui培训</a></a>.jpg

  我们的音乐APP名称定为U&M即优觅,LOGO外形采用蜜蜂,,表示寻找、采集。王冠代表权威,我们是一个有影响力的平台,吸引越来越多有才华的人实现音乐梦想,给他一个充分展现魅力的舞台。同时也代表无穷,有海量的音乐,无穷的可能性!话筒体现了APP的一大亮点,可以自由的发表自己的音乐作品,圆自己的音乐梦!

  低保真是APP开始的重中之重,交互是一款APP成功的关键,每一张页面都要前后贯通的。以下展示几个一级页面:

千锋<a href=http://www.mobiletrain.org/page/ui.html target=_blank class=infotextkey><a href=http://www.mobiletrain.org/page/ui.html target=_blank class=infotextkey>ui培训</a></a>.jpg

千锋<a href=http://www.mobiletrain.org/page/ui.html target=_blank class=infotextkey><a href=http://www.mobiletrain.org/page/ui.html target=_blank class=infotextkey>ui培训</a></a>.jpg

  低保真确认后,基本逻辑思维理顺,小组成员也开始进行高保真的绘制了,每个人都有着不同的分工,有了低保真的逻辑性原型图,高保真就相对于比较简单了,前期确定了规范,后面绘制就只需要保证页面的视觉设计,把页面做的美观。在这个页面美观上,丁泽宇对我们的要求很高,每一张图片选取都要在他审核下过关,他对美有一种特别的追求。也正是如此,我们保持了自己的风格。以下展示几张高保真页面:

千锋<a href=http://www.mobiletrain.org/page/ui.html target=_blank class=infotextkey><a href=http://www.mobiletrain.org/page/ui.html target=_blank class=infotextkey>ui培训</a></a>.jpg

千锋<a href=http://www.mobiletrain.org/page/ui.html target=_blank class=infotextkey><a href=http://www.mobiletrain.org/page/ui.html target=_blank class=infotextkey>ui培训</a></a>.jpg

千锋<a href=http://www.mobiletrain.org/page/ui.html target=_blank class=infotextkey><a href=http://www.mobiletrain.org/page/ui.html target=_blank class=infotextkey>ui培训</a></a>.jpg

千锋<a href=http://www.mobiletrain.org/page/ui.html target=_blank class=infotextkey><a href=http://www.mobiletrain.org/page/ui.html target=_blank class=infotextkey>ui培训</a></a>.jpg

  项目进入尾声,可能因为前期在一些细节方面没有处理好,一些页面因为缺少图标导致了逻辑不通顺,感谢老师和同学们为我们提出问题,让我们发现问题、解决问题。我相信,通过后期修改,我们的APP可以足够优秀,成为我们的骄傲。从开始到结束,在这个过程我们的U&M出世了,也许它并不是最好的,但是,在我们心里,它最棒的,因为它是我们一手缔造的孩子。

  最后,王老师将我们APP重新过了一遍,分析逻辑问题,确保其能成功运行。我们组的APP是在老师的帮助下,同学们的帮助下,还有我们组员的齐心下顺利完成。

  我们组的每位成员在这里感谢我们的老师,同学,谢谢大家!

相关文章

  • 北京天丰利校区(总部)地址:北京市海淀区宝盛北里西区28号天丰利商城4层
    北京沙河校区:北京市昌平区沙阳路18号北京科技职业技术学院广场服务楼2、3层
    咨询电话:400-811-9990
    面授课程:HTML5大前端培训、全链路UI/UE设计培训、PHP全栈+服务器集群培训、JavaEE+分布式开发培训、大数据+人工智能培训、 Unity游戏开发培训、Python培训、云计算+信息安全培训、全栈软件测试培训、智能物联网+嵌入式培训、好程序员
  • 深圳西部硅谷校区地址:深圳市宝安区宝安大道5010号深圳西部硅谷B座A区605-619
    深圳大学城校区地址:深圳市南山区留仙大道1201号大学城创客小镇16栋3楼
    咨询电话: 0755-23015275/23015546-801(硅谷) 0755-86660670-801(大学城)
    面授课程:HTML5大前端培训、全链路UI/UE设计培训、PHP全栈+服务器集群培训、JavaEE+分布式开发培训、大数据+人工智能培训、 Unity游戏开发培训、Python培训、云计算+信息安全培训、全栈软件测试培训、智能物联网+嵌入式培训、好程序员
  • 上海校区地址:上海市宝山区同济支路199号智慧七立方3号楼2-4层
    咨询电话:400-811-9990 021-65233829-609
    面授课程:HTML5大前端培训、全链路UI/UE设计培训、PHP全栈+服务器集群培训、JavaEE+分布式开发培训、大数据+人工智能培训、 Unity游戏开发培训、Python培训、云计算+信息安全培训、全栈软件测试培训、智能物联网+嵌入式培训、好程序员
  • 郑州校区地址:郑州市二七区航海中路60号海为科技园C区10层、12层
    咨询电话:0371-55191750
    面授课程:HTML5大前端培训、全链路UI/UE设计培训、PHP全栈+服务器集群培训、JavaEE+分布式开发培训、大数据+人工智能培训、 Unity游戏开发培训、Python培训、云计算+信息安全培训、全栈软件测试培训、智能物联网+嵌入式培训
  • 广州校区地址:广州市天河区元岗路310号智汇park创意园E座5层
    咨询电话:020-22119207
    面授课程:HTML5大前端培训、全链路UI/UE设计培训、PHP全栈+服务器集群培训、JavaEE+分布式开发培训、大数据+人工智能培训、 Unity游戏开发培训、Python培训、云计算+信息安全培训、全栈软件测试培训、智能物联网+嵌入式培训
  • 大连校区地址:辽宁省大连市高新园区爱贤街10号大连设计城A座901
    咨询电话:400-811-9990
    面授课程:HTML5大前端培训、全链路UI/UE设计培训、PHP全栈+服务器集群培训、JavaEE+分布式开发培训、大数据+人工智能培训、 Unity游戏开发培训、Python培训、云计算+信息安全培训、全栈软件测试培训、智能物联网+嵌入式培训
  • 武汉金融港校区地址:武汉市东湖高新技术开发区光谷大道77号金融港B18栋3楼
    武汉智慧园校区地址:武汉市东湖高新技术开发区光谷大道61号智慧园21栋2楼
    咨询电话:027-59313371
    面授课程:HTML5大前端培训、全链路UI/UE设计培训、PHP全栈+服务器集群培训、JavaEE+分布式开发培训、大数据+人工智能培训、 Unity游戏开发培训、Python培训、云计算+信息安全培训、全栈软件测试培训、智能物联网+嵌入式培训
  • 成都校区地址:成都市武侯区科华北路62号力宝大厦N(北楼)18楼
    咨询电话:400-811-9990 028-83178771
    面授课程:HTML5大前端培训、全链路UI/UE设计培训、PHP全栈+服务器集群培训、JavaEE+分布式开发培训、大数据+人工智能培训、 Unity游戏开发培训、Python培训、云计算+信息安全培训、全栈软件测试培训、智能物联网+嵌入式培训
  • 西安校区地址:西安市雁塔区高新六路52号立人科技C座西区4楼
    咨询电话:029-85363390
    面授课程:HTML5大前端培训、全链路UI/UE设计培训、PHP全栈+服务器集群培训、JavaEE+分布式开发培训、大数据+人工智能培训、 Unity游戏开发培训、Python培训、云计算+信息安全培训、全栈软件测试培训、智能物联网+嵌入式培训
  • 杭州校区地址:浙江省杭州市江干区九堡旺田书画城A座4层
    咨询电话:400-811-9990 0571-86893632
    面授课程:HTML5大前端培训、全链路UI/UE设计培训、PHP全栈+服务器集群培训、JavaEE+分布式开发培训、大数据+人工智能培训、 Unity游戏开发培训、Python培训、云计算+信息安全培训、全栈软件测试培训、智能物联网+嵌入式培训
  • 青岛校区地址:青岛市市北区龙城路卓越世纪中心3号楼8层801
    咨询电话:0532-80911190
    面授课程:HTML5大前端培训、全链路UI/UE设计培训、PHP全栈+服务器集群培训、JavaEE+分布式开发培训、大数据+人工智能培训、 Unity游戏开发培训、Python培训、云计算+信息安全培训、全栈软件测试培训、智能物联网+嵌入式培训
  • 重庆校区地址:重庆市高新区科园一路2号大西洋国际12-1
    咨询电话:400-811-9990 023-68883009
    面授课程:HTML5大前端培训、全链路UI/UE设计培训、PHP全栈+服务器集群培训、JavaEE+分布式开发培训、大数据+人工智能培训、 Unity游戏开发培训、Python培训、云计算+信息安全培训、全栈软件测试培训、智能物联网+嵌入式培训
  • 长沙校区地址:湖南省长沙市岳麓区麓谷企业广场A2栋三单元306号
    咨询电话:0731-85513210
    面授课程:HTML5大前端培训、全链路UI/UE设计培训、PHP全栈+服务器集群培训、JavaEE+分布式开发培训、大数据+人工智能培训、 Unity游戏开发培训、Python培训、云计算+信息安全培训、全栈软件测试培训、智能物联网+嵌入式培训
  • 哈尔滨校区地址:哈尔滨市松北区创新一路699号 科技创新城19号楼B座五楼
    咨询电话:400-811-9990/0451-87173191
    面授课程:HTML5大前端培训、全链路UI/UE设计培训、PHP全栈+服务器集群培训、JavaEE+分布式开发培训、大数据+人工智能培训、 Unity游戏开发培训、Python培训、云计算+信息安全培训、全栈软件测试培训、智能物联网+嵌入式培训
  • 南京校区地址:南京市建邺区应天大街780号应天智汇产业园弘辉园1幢2楼
    咨询电话:400-811-9990
    面授课程:HTML5大前端培训、全链路UI/UE设计培训、PHP全栈+服务器集群培训、JavaEE+分布式开发培训、大数据+人工智能培训、 Unity游戏开发培训、Python培训、云计算+信息安全培训、全栈软件测试培训、智能物联网+嵌入式培训
  • 千锋教育服务号

    了解千锋动态
    关注千锋教育服务号

  • 千锋教育移动站

    扫一扫快速进入
    千锋移动端页面

  • 千锋互联服务号

    扫码匿名提建议
    直达CEO信箱