103
社区成员
发帖
与我相关
我的任务
分享| 这个作业属于哪个课程 | 软件工程实践2022年春-F班 |
|---|---|
| 这个作业要求在哪里 | 软件工程实践总结&个人技术博客 |
| 这个作业的目标 | 个人技术总结 |
| 其他参考文献 | UE4教学视频 |
在设计UI交互时,不仅仅是单纯的实现交互的功能,还要注重UI交互的效果,UI和界面是否相匹配,界面是否美观等。技术概括为UI滑动效果、改变游戏窗口大小两个方面来阐述UI设计效果和UI交互设计。
1、我们需要点击按钮,新增加一个动画,这里演示的是按钮从左端平移进入游戏界面,选择变换-平移,在右边的时间轴(红色的竖线段)中,从零开始设置按钮的坐标,并将时间抽拉到想要的效果时长,最后设置按钮的位置。例如我我希望1.1秒钟时,按钮能到达我想要的位置。

2、然后点击播放,预览效果

3、最后我们要在蓝图界面中,设置之哟啊已进入界面,就播放我们制作的动画
1、首先要先制作一个通用的选项用户蓝图界面,方便我们不仅可以在改变窗口大小上应用此蓝图,而且还可以在改变帧率

2、在蓝图界面中,自定义一个事件SetOptionLevel,要让它能够设置“选项名”右边内容的文本,同时新增一个数组变量OptionLevel,存贮你需要的选项的内容。
3、再自定义一个事件Initialize Option ,让其可以设置“选项名”的文本信息
4、 其次,需要设置当点击">"(btn_nextValue)和点击"<"(btn_preValue)的逻辑事件,其和数组的使用方法是一致的,首先是要找到当前value是在数组中的哪一个位置,然后再向前或向后挪动一个位置。

5、将OptionName内容展现出来,并设置默认的“全屏模式”


6、设置完OptionName为“窗口模式”以后,需要给右边的选项赋值
我觉得展示UI效果和给UI设计交互模式并不难,但是我能在其中总结:将类似的交互设计做成一个模块,然后再用逻辑方法将其中的内容表现出来,就是套用同一个框架,然后给它穿上不一样的衣服,这样大大减少了系统的开销。其次就是,要想设计出令人满意的UI和交互设计模式,借鉴成功的案例、询问团队其它成员以及查看在试用阶段接收到的反馈都是非常必要的。
参考视频:UI“设置”相关功能制作