码迷,mamicode.com
首页 > 其他好文 > 详细

软件工程--界面UI 的原型设计

时间:2016-07-09 23:48:02      阅读:588      评论:0      收藏:0      [点我收藏+]

标签:

经过今天的讨论, 我们组初步给出了设计方案。

安装了一晚上的 mockupBuilder 终于绘制了几份界面的原型图, 这里需要吐槽下 mockupBuilder, 这个软件很好用, 不过网页版和单机版提供的功能不太一样, 感觉单机版更全一些, 但是缺点是无法保存。。。

首页:(初步设想是类似网易云课堂的首页风格)

技术分享

移动鼠标到相应标签上, 会出现相应的次级标题, 点击次级标题可以进入学习界面(ps: 学习和登陆注册页面由同组另一个同学负责, 这里就不写了)

技术分享

登陆之后, 这里主要的变化在于右上角的选项发生了变化, 点击主页可以进入用户个人页面, 退出可以退回到首页

技术分享

个人页面, 记录了用户的观看记录和相应收藏的课程, 点击课程名, 可以进入学习界面

技术分享

 

参考资料:

1.  网易云课堂 

2. 【软剑攻城队】用户界面设计原型文档发布!

3. mockupBuilder 官网

软件工程--界面UI 的原型设计

标签:

原文地址:http://www.cnblogs.com/zhyh2010/p/5656849.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!