软件工程实验:原型设计

您所在的位置:网站首页 技嘉控制软件 软件工程实验:原型设计

软件工程实验:原型设计

2023-06-05 15:13| 来源: 网络整理| 查看: 265

目录 前言实验目的实验要求实验过程系统原型绘制生成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