个人技术总结——UE4 UI交互设计

BlueSiven 学生 2022-06-26 02:31:08
这个作业属于哪个课程软件工程实践2022年春-F班
这个作业要求在哪里软件工程实践总结&个人技术博客
这个作业的目标个人技术总结
其他参考文献UE4教学视频

目录

  • 技术概述
  • 按钮滑动效果
  • 改变游戏窗口大小
  • 技术总结

技术概述

在设计UI交互时,不仅仅是单纯的实现交互的功能,还要注重UI交互的效果,UI和界面是否相匹配,界面是否美观等。技术概括为UI滑动效果、改变游戏窗口大小两个方面来阐述UI设计效果和UI交互设计。

按钮滑动效果

1、我们需要点击按钮,新增加一个动画,这里演示的是按钮从左端平移进入游戏界面,选择变换-平移,在右边的时间轴(红色的竖线段)中,从零开始设置按钮的坐标,并将时间抽拉到想要的效果时长,最后设置按钮的位置。例如我我希望1.1秒钟时,按钮能到达我想要的位置。

img

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

img

3、最后我们要在蓝图界面中,设置之哟啊已进入界面,就播放我们制作的动画

img

改变游戏窗口大小

1、首先要先制作一个通用的选项用户蓝图界面,方便我们不仅可以在改变窗口大小上应用此蓝图,而且还可以在改变帧率

img

img

2、在蓝图界面中,自定义一个事件SetOptionLevel,要让它能够设置“选项名”右边内容的文本,同时新增一个数组变量OptionLevel,存贮你需要的选项的内容。

img

3、再自定义一个事件Initialize Option ,让其可以设置“选项名”的文本信息

img

4、 其次,需要设置当点击">"(btn_nextValue)和点击"<"(btn_preValue)的逻辑事件,其和数组的使用方法是一致的,首先是要找到当前value是在数组中的哪一个位置,然后再向前或向后挪动一个位置。

img

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

img

img

6、设置完OptionName为“窗口模式”以后,需要给右边的选项赋值

img

技术总结

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

参考视频:UI“设置”相关功能制作

...全文
408 1 打赏 收藏 转发到动态 举报
写回复
用AI写文章
1 条回复
切换为时间正序
请发表友善的回复…
发表回复
CSDN-Ada助手 2023-01-13
  • 打赏
  • 举报
回复
您可以前往 CSDN问答-软件工程 发布问题, 以便更快地解决您的疑问

103

社区成员

发帖
与我相关
我的任务
社区描述
福州大学-计算机与大数据学院-傅明建
软件工程 高校
社区管理员
  • Mingjian_Fu
  • Lyu-
  • Wake_lie
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告

本次作业截止时间为2022-02-18 23:59:59,请未完成的同学抓紧时间,加入社区后的同学要按照“学号-姓名”的格式修改社区昵称。

试试用AI创作助手写篇文章吧