当前位置: 首页 > 知识库问答 >
问题:

前端 - 站在产品/UX/UI的角度思考,如下的界面布局设计是否合理?

华俊弼
2024-11-05

公司有打算做一个GIF图片编辑软件,我们知道GIF是多张图进行组合在一起才是一个动图。

主界面编辑静态图,界面2对所创建的静态图进行组合成动图,并且生成GIF产物。
但是两个界面不能放在一个界面上,因为屏幕大小不足以显示所有内容,并且分开也比较专注做各自的工作。

UI新人给出如下的设计:
20241105084008.jpg

主界面有一个按钮,可以开启/关闭界面2界面2可以进行拖动(那么可以使用双屏幕来做)。

但是我总是觉得,像这样的布局(点击按钮打开另外一个界面)有点奇怪。
请问一般UX/UI的设计,针对此场景是不是这样设计的呢?

共有1个答案

金晗日
2024-11-05

谈谈我的想法,你是GIF编辑软件,GIF说白了就是没有声音的视频,对于视频来说,有音频轨道和图像轨道,那你GIF只有图像轨道就够了。

你的第二个界面,我理解是要将每帧图片平铺显示吗?这样界面拥挤不说,针对每帧图片的放大缩小,要所有帧跟着动吗?这会非常卡顿,不好交互,且不好开发。

我建议跟视频编辑一样,一条图像轨道,
1.有剪刀工具,针对轨道可以删除帧。
2.轨道可以拖动拉长缩短帧
3.编辑区域只显示当前帧的图像,其他帧的切换到该帧再展示。
4.工具栏可以浮动,设置栏,菜单栏可以隐藏,类似于全屏,沉浸式编辑
5.中央区域的帧图片可以按Ctrl + 滚轮缩放显示
...

 类似资料:
  • 我们经常听到UX 和 UI 设计,请问在产品开发过程中它们各自负责的范围是什么? 它们各自的输入和产出是什么?

  •  基本定义 C端产品的“C“指的是Customer,即用户。比如微信、抖音、淘宝、地图及天气软件等。满足用户生活中某方面的需求。 B端产品的B指的是Business,即企业或组织。比如飞书、钉钉等OA系统、CRM系统、招聘系统等,通常是企业为解决某类问题使用的系统软件或平台。  产品角度的区别 (1)产品目标不同  C端:解决用户需求。吸引用户、增加用户使用时长、增加用户粘性等。  B端:降低企业

  • 一面:1.自我介绍一下;2.讲一下你对于途虎养车设计的看法;3.你为什么会想要转变专业;4.选取一个项目进行介绍;5.你在设计过程中遇到了什么困难呢;6.你觉得你最大的优势和劣势分别是什么;7.你刚刚讲到了你的作品集能力构成,最后一个作品是偏重于用户研究,那你们小组合作的时候是如何分工和展开工作的呢;8.给我介绍了一下途虎养车设计团队的构成、以及相关负责的业务;9.你还有什么想问我的么(追问了一下

  • 二面前我也是做了充分的准备,我把很多关于软性能力的部分都自我解答了一遍,思考了我的学习途径和方法以及过程中遇到的困难等等。因为这些问题在我面试其他公司的时候都出现过。二面是设计部总监,我准备的内容他一个没问,也没有自我介绍,直接抽我学校项目经历问,里面有涉及到类似NPS、TGI之类的很多我已经生疏的调研方法,我甚至答不上来,一度认为自己会挂。但是最后通过了,可能因为那个项目采用了很多创新的方法体现

  • 基本布局 在本节中,我们将看看如何定位 UI 元素,相对于画布 Canvas 或其他元素。如果你想边阅读边测试,可以使用菜单 GameObject -> UI -> Image 创建一个 Image。 矩形工具 Rect Tool 为了方便布局,每个 UI 元素都用一个矩形表示。在场景视图下,可以使用菜单栏中的 矩形工具 Rect Tool 操作矩形。矩形工具可以用于 Unity 的 2D 功能和

  • Modal Sheets Modal sheets为用户提供了一种无干扰的方式来完成任务或者获取信息,或者继续先前在Menu control中做的选择。Modal sheets通过临时阻止用户与app其他部分进行交互来实现该目的。 最好能最小化app中的模态体验,一般而言,只有以下情况才需要考虑使用模态内容: 引起用户的注意是至关重要的。 必须完成一个独立的任务,或者明确地放弃某项任务,以避免用户

  • 🔥🔥🔥🔥🔥🔥 面试官问:你简单给我讲讲你认为,什么是一款成功的产品? ———————————— 面试者答:面试官您好,我从三个层面回答您这个问题 1⃣️ 从用户的层面:能持续不断的解决目标用户的需求;用户操作简单方便,在使用产品后能够快速的有效的解决问题。 2⃣️ 从产品的层面:该产品相较于其他竞品有着独特的优势,产品能够持续不断的迭代以满足目标用户的需求。 3⃣️ 从商业的角度:公司

  • 字节产品UX设计师的一般流程有3-4轮,每轮面试后3-5天后反馈面试结果,并预约第二天或者第三天的面试时间。hr面结束后3-5天反馈offer情况,并沟通薪资。 1⃣️专业一面:设计小组长,也就是入职以后直接对你负责的leader(我没有这个环节) 2⃣️专业二面:设计大组上,组织架构上的上级 3⃣️专业三面:大团队老大 4⃣️HR面:综合素质面试 5⃣️谈薪环节:电话通知offer和薪资,这个环