我在这个项目中负责UI设计,参与了前端交互设计,并在UI中体现交互。在前端搭建最开始,建议小组前端同学们使用element-ui
框架,使用fontawesome
这个icon库,这样可以简化前端小组同学开发的难度。
在设计上,我使用了Axure这个软件得到能方便前端同学的设计文稿,格式为html,带有一些简单的交互,这样可以方便前端同学在开发的过程中更好的将交互加入进去。
其实在这个项目中,我自己有做的不好的地方。比如在中间有段时间,因为自己时间安排的不合理,导致自己拖延了一下小组同学的开发进度。我本来作为一个前端同学,在完成设计之后,由于没有协商好分工和开发风格,所以后来转向专职完成设计迭代上了。所以想谢谢前端同学的包容,才能让这个项目没有被一周的时间耽误。
分析需求和确定设计工具
由于设计与前端的开发紧密结合,为了让前端多人的开发比较统一,所以我建议让前端统一使用element-ui
这个组件库,这样风格会比较统一,前端的代码量会小一点。为了与element-ui
这个风格结合,我使用Axure
软件进行设计,并在设计的时候导入了Axure中element-ui这个元件库。
考虑到前端中会使用很多icon以优化用户交互体验,这样的icon也需要有一个组件库去统一风格,于是我提出了使用fontawesome
这样的库,让前端同学在需要用到icon的时候能方便的找到。
PSP 2.1 统计表
PSP 阶段 |
---|