腾讯的这个“进度条”设计,确实有点意思
先问交互/UI设计师一个问题:如果让你设计一个展示用户等级的进度条(粉丝群体,记录当前等级分数),你会怎么设计呢?在数字时代,粉丝对明星的追随不再仅仅是一种心理寄托,更成为了一场数字化的互动游戏。今天我们解析一种新颖的“等级进度条”设计,该设计在腾讯视频里为粉丝打造了全新的一种守护体验。在腾讯视频...
5500字纯干货丨深度拆解腾讯视频app的细节设计
3.2.1设计亮点:定制化进度条与标记糖点对应热门视频内容,腾讯视频会定制化进度条样式与进度点样式,(如《长相思》中定制红色木槿花)让用户更加沉浸的观看体验,同时在进度条上方有标记样式,用户点击会触发标记动效与糖点,所有标记的糖点数据也会以波动图的形式显示在进度条上方,提高互动玩法。3.2.2产品亮点:发电...
一篇讲清B端产品设计——反馈篇
失踪人口回归啦,前一段时间忙着生活,最近一个项目比较多被问反馈设计的种种问题,发现网上的文章都讲不全讲不透,我还是从UI设计师的角度出发将会穷举反馈设计中用到的所有内容,争取让大家一篇就能了解所有的反馈设计规则。一、关于反馈1.定义是指为用户与系统之间有效沟通而设计的一系列界面元素、动效、交互机制。
UI界面的进度条设计!
UI界面的进度条设计!进度条也被称为进度指示器、向导、剩余步骤。通俗来讲,进度条即程序在处理任务时,实时的、以图形形式显示处理任务进度、速度、剩余未完成量的界面元素。一般以长条状呈现。进度条可以让用户预估整个处理流程的速度状态,对于全部处理过程有一个预知,并时刻提醒用户当前状态是个什么样子。进度条...
想要优化好UI作品,这14个设计细节一定要检查到位!
五、流程增加进度条进度条帮助用户追踪流程,它也能使查看上下步骤更加容易。线上购物,表单填写,申请流程等场景使用这种格式能很好的简化流程。(彩云注:左边的表单UI不方便跟踪进度和流程,右边的表单把进度放在顶部能帮助用户清楚的知道流程进度。)六、错误提示要明确...
UI界面设计 - Apple Vision 产品设计指导(二)
整体来讲建议优先按照苹果系统组件库内容进行产品设计,关注好基于pt的设计思路,避免用户眼动追踪出现识别问题(www.e993.com)2024年7月13日。二UI界面设计2.1UI基础元素2.1.1UIFoundations应用图标-系统通过添加阴影来体现各层之间的深度感并使用上层的Alpha通道打造浮凸感外观,以增强App图标的视觉维度。
出海日本和美国市场的卡牌RPG,都是如何设计UI的?
“体力”:表现则相对统一,stamina(スタミナ)、AP、和ACT使用的频次较高,形式上实用性强,直接使用“进度条+数字”方式表现。4.日本头部卡牌RPG对中国市场出海手游的启示UI设计应当从玩家特点和需求出发,由于日本卡牌RPG的题材多面向二次元用户,而这批玩家也受日本长久的动漫作品影响,对游戏的世界观塑造、美术表...
2022年值得关注的UI/UX设计趋势(下)
动画可以在用户与界面之间建立一种情感联系,以此来传达某个信息。图片来源:YoichiKobayashi让加载变得更有趣味没有人愿意把时间花在等待上,除非加载页面非常有趣。显示百分比的动画不仅可以产生娱乐效果,还可以告知用户具体的页面加载时间。如果不喜欢百分比,还可以使用进度条,或者你能设想出来的任何能显示时间进度...
一起来吐槽 苹果iOS 7 UI设计缺陷盘点
6.播放界面的音量条上的按键,让人一看就知道可以拉动,但上面的进度栏,并没有那么明显的提示效果。音乐播放进度条作用不如下面的音量调节明显7.iOS7的股票应用中绿色背景下的白色字体对比度应该再高一些。iOS7的股票应用中绿色背景白色字体不如红色那组...
B 端设计总结(一):设计体系&模态对话框
比如腾讯云的ElementUI的设计原则是:京东的LEGAODesign的设计原则是:一致性、可控性、秩序性、提高效率、及时反馈、简洁美观、宽容性。这两个设计团队给出的设计原则都包含了一致、反馈、效率、可控,LEGAODesign在基础上增加了秩序性、简洁美观和宽容性。