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

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

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

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

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

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

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

参考资料：

1. 网易云课堂

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

3. mockupBuilder 官网

时间： 2024-10-26 12:46:09

软件工程--界面UI 的原型设计的相关文章

UI的必修课——产品原型设计

想要做好ui设计,为什么要学习产品原型设计?下面小编就给大家简单分析一下其中的原因,希望对大家后期的学习有所帮助. 为了能够更好地实现自己的职业价值,设计师需要掌握更多其他方面的技能,其中产品原型设计就是比较典型的,具体有哪些呢? 一.快速入行需要其实很多设计师一开始并不明白自己到哪一个程度,才算是真正的入门.当前市场上比较流行的产品原型设计工具很多,因此ui设计师需要掌握的技能还有很多,如果你想快速入行ui设计,可以考虑专业学习产品原型设计相关技能. 二.提高设计质量掌握更多的知识,考虑问

本例为模仿微信聊天界面UI设计，文字发送以及语言录制UI(转载)

首页资讯精华论坛问答博客专栏群组更多 ▼ 您还未登录 ! 登录注册机遇&速度博客微博相册收藏留言关于我 android 仿微信聊天界面,以及语音录制功能博客分类: android 录音 android 录音android 仿微信聊天界面android 仿微信录音UIandroidandroid 语音本例为模仿微信聊天界面UI设计,文字发送以及语言录制UI. 1先看效果图: 第一:chat.xml设计 Xml代码 <?xml version=&q

界面原型设计工具开源软件

界面原型图绘制工具 Pencil 开源原型设计工具 Framer [商业]原型制作软件 Axure RP 忙死了 ,反正是收藏的别人的,自己顺着链接看原文去. 界面原型设计工具开源软件

基于墨刀的软件界面原型设计----视频软件

一.运行截图二.设计背景目前市场上的视频app主流基本上是腾讯.优酷.爱奇艺等大公司所垄断.不同的公司拿到不同的影视版权进行播放.由于本人经常看视频,所以做了一个视频app的原型设计三.设计思路先观察主流视频app的各种功能,然后再根据市场不同的界面,再综合不同界面的优点自己进行设计. 三.功能简介 1.可播放数据库内的所有视频以及搜索到的视频 2.可根据界面选择不同的栏目,然后进行选择 3.可发现周边人所关注的视频 4.用户有个人的账号,可查看自己相关信息(包括观看历史.订阅栏目.以及

软件工程导论信科吴彦组——原型设计

一.信息结构图二.原型设计链接:https://4a37f5.axshare.com/#g=1 三.推广词寝室有闲置物品不知如何是好?一身本领不知何处伸展?来东师杂货铺,低于常人的价格,即可找寻到心水的物件:偶尔空闲的时间,即可谋得合适的兼职:闲置在寝室的物品,也可找到适合的主人,自己还能赚上一笔.担心操作困难?上传至杂货铺,填写好信息,即可有人上门取件.评价分级让你以优惠的价格,选到优质的商品,各式各样的兼职帮你生活更滋润,快来东师杂货铺选购吧. 原文地址:https://www.cnb

科聊——即时通信软件原型设计

原型展示地址:科聊原型设计工具:墨刀运行环境:Android,Web浏览器(Chrome测试) 安卓下载: 说明:产品原型是整个产品面市之前的一个框架设计,本产品原型对框架结构做出了基本搭建,未注重图标的美化和细节的布局. Need 科聊,顾名思义,做我们科大自己的即时通信软件,方便校园内部的沟通联系,完成点对点的即时通讯,极大满足科大用户需求. Approach 潜心慎虑,暂定平台基于Android实现,原因有几点: 1.移动设备便于携带,切合即时通信工具的本意 2.Android面向大量

15款优秀移动APP产品原型设计工具

一款优秀的移动APP产品原型设计工具应该具备: ①.支持移动端演示(随时随地演示给BOSS,厕所&食堂&电梯-以体现我是那么的敬业--长点工资必备) ②.组件库(高效复用,谁用谁知道) ③.可以快速生成全局流程(程序猿看不懂拆解的,给丫的看这个) ④.在线协作(多个PM狗一起用) ⑤.手势操作.转场动画.交互特效-(这些都不需要,留给专业的交互.视觉,搞那么虚的不如多想想产品流程逻辑做做减法.写写xxRD啥的) 这些年,产品狗们折腾过的原型工具: 1. POP(Prototyping on

如何使用Xcode进行高保真原型设计？

转载自:http://www.guimobile.net/xcode-high-fidelity-prototype-design.html Xcode不仅是开发者用来开发iOS Apps的开发工具,同样也可以被设计师用来创建App的高保真交互原型.在Xcode开发环境里,没有任何限制,设计师可以嵌入各种各样有趣的交互,动效和声音去创造一个真正的iOS App的体验.在这个教程中,主要讲述Xcode工具中Storyboard功能,这个功能可以让设计师不用任何一行code去创建一个iOS App