软件工程实验:原型设计 |
您所在的位置:网站首页 › 技嘉控制软件 › 软件工程实验:原型设计 |
目录
前言实验目的实验要求实验过程系统原型绘制生成html代码
总结
前言
本次实验的主题是原型设计,即根据用户需求和系统功能,设计一个简单的软件原型,展示系统的界面和交互方式。原型设计是软件工程中的一种重要技术,它可以帮助开发者和用户沟通和理解,验证和改进需求,提高软件质量和用户满意度。 实验目的通过实验,熟悉并掌握使用Axure绘制系统原型 实验要求仿照U+新工科智慧云绘制系统原型,完成2~4个原型页面设计,并尝试生成HTML代码。 实验过程 系统原型也就是说要仿照这个进行绘制 绘制使用软件axure绘 制 原 型 图 在软件中根据需要拖选模块进行搭配 基础的标题图片等就不多赘述了,在此描述一个点击图片就可以变换的效果 在添加图片后 效果如下 在点击了图片之后 这就实现了这样的效果 再展示一个轮播图的效果,在插入图片后,进行这样的设置 就实现了一个轮播图的效果 登录界面 可以根据输入的账号密码决定是否成功登录 如图所示设置提交按钮就可以实现 生成html代码通过软件生成html文件 i n d ex $ a xu re .u t i l s . g et Tra n s p a re n t G i f Pa t h = f u n c t i o n ( ) { re t u rn ' re s o u rc e s / i m a ge s / t ra n s p a re n t . g i f ' ; } ; $ a xu re .u t i l s . g et O t h e r Pa t h = f u n c t i o n ( ) { ret u rn ' re s o u rc e s / O t h e r.ht m l ' ; } ; $ a xu re .u t i l s . g et Re l o a d Pat h = f u n c t i o n ( ) { ret u r n ' re s o u rc e s / re l o a d .h t m l ' ; } ; 一 眼 丁 真 新 芝 士 雪 豹 云 一 眼 丁 真 鉴 定 为 真 登 录 注 册 p a g e 1 $ a xu re .u t i l s . g et Tra n s p a re n t G i f Pa t h = f u n c t i o n ( ) { re t u rn ' re s o u rc e s / i m a ge s / t ra n s p a re n t . g i f ' ; } ; $ a xu re .u t i l s . g et O t h e r Pa t h = f u n c t i o n ( ) { ret u rn ' re s o u rc e s / O t h e r.ht m l ' ; } ; $ a xu re .u t i l s . g et Re l o a d Pat h = f u n c t i o n ( ) { ret u r n ' re s o u rc e s / re l o a d .h t m l ' ; } ; 新 芝 士 雪 豹 云 短 信 登 录 密 码 登 录 同 意 动 物 朋 友 协 议 账 号 密 码 总结以上就是该实验的大部分内容了 学 习 了 如 何 使 用 原 型 图 设 计 工 具 来制 作 软 件 的 用 户 界 面 。我 认 为 这 是 一 个 很 有 用 的 技 能 ,因 为 它可 以 帮 助 我 更 好 地 理 解 用 户 的 需 求 和 期 望 ,以 及 如 何 提 高 软 件的 可 用 性 和 易 用 性 。通 过 原 型 图 设 计 ,可 以 快 速 地 展 示 我 的设 计 思 路 ,收 集 用 户 的 反 馈 ,以 及 进 行 迭 代 改 进 。尽 量 保 持 了 界 面 的 简 洁 和 一 致 ,使 用 了 清 晰 的标 签 和 按 钮 ,以 及 合 适 的 布 局 和 颜 色 。还 考 虑 了 一 些 异 常 情况 ,例 如 用 户 输 入 错 误 的 账 号 或 密 码 。 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |