Heim > Web-Frontend > HTML-Tutorial > 软件工程--界面UI 的原型设计

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

WBOY
Freigeben: 2016-07-11 08:44:01
Original
1402 Leute haben es durchsucht

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

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

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

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

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

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

 

参考资料:

1.  网易云课堂 

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

3. mockupBuilder 官网

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage