作业表格
作业课程地址 | https://bbs.csdn.net/forums/ssynkqtd-05 |
---|---|
作业要求 | https://bbs.csdn.net/topics/617404214 |
团队名称 | 洛杉矶耐摔王 |
项目名称 | 郑荣商城 |
作业目标 | 采用墨刀实现原型设计 |
原型设计 | 点这里 |
一、开发工具墨刀说明
本次团队原型设计采用墨刀作为开发工具,是由于其便利,容易上手,很好的契合原型设计的任务
操作便利
左边的导航栏可以很好的找到所需要的图标,按钮等,在设计前可以根据页面对应的客户端来选定开发形态,并且修改,查找和阅览,对局部设计的细节等都可以很轻松的实现,适合开发
实用工具
提供了很多自带的图标库,导航栏和模板格式等工具,对页面也可以实现跳转,按钮点击实现部分功能等,为后面UI和前后端交接提供良好基础
二、原型设计页面展示
1.登录及注册页面
登录页面
账号注册
密码找回
2.商品等功能页面
主页
商品页
校园页
商品发布
消息页
消息界面
3.用户个人页面
用户信息
地址选择
购买商品
三.设计过程
开发流程
团队首先决定好基础界面框架,比如客户端的手机型号,基础下导航栏样式等等,然后分工好UI设计,比如让一些成员去做登录界面,一些去开发商品页等等,设计初步完成之后,团队成员之间相互讨论再做进一步改进和设计,并对缺漏的地方补全
遇到的问题及收获
由于开发的是小程序,不同的用户使用该小程序的渠道也不同,怎么才能把原型设计做到符合不同类型用户是需要考虑的第一个问题,其次,团队成员有些没有很好的实现界面元素设计,原型设计并不只是界面设计,要对后续的开发起到铺垫作用,所以还需要对设计出来的部分页面的元素进行检查和调整,最后,在开发过程中需要整理并记录好不同的页面元素在后期需要达到的效果等,需要哪些接口,以便后续的开发。通过这次合作,我们亲历了UI设计以及某些开发工具的使用,加强了团队间的交流协作
项目分工
成员 | 工作内容 | 占比 |
---|---|---|
郑荣城,吴启严 ,陈灿铭,方子栋,董奇,洪松渝 | UI与前端 | 50% |
杨恺晖,佘培强,肖辰恺,连恒斌 | 后端 | 50% |