腾讯的这个“进度条”设计,确实有点意思
今天我们解析一种新颖的“等级进度条”设计,该设计在腾讯视频里为粉丝打造了全新的一种守护体验。在腾讯视频上,当你喜欢、正在守护某个爱豆,可以看到一个女生正在奔跑的动画形象,以此来表示当前的进度节点和粉丝值。直接将对爱豆的守护进度可视化出来,代表着粉丝对偶像的支持与守护。一、如何看待这种设计?先...
体验设计中的六种创新方法
例如我们可以尝试着练习,微信去掉好友的名字和头像,音乐播放器去掉进度条等等,虽然看起来不太合理,但是想一想是否满足了特定场景的需求。二、除法除法是将设计中的某一部分调整到其他位置,或者将一个部分分割为多个模块。传统的手机遥控机按键都逐一排布出来,视觉上臃肿冗余。现在的智能电视通过将低频的功能内置在...
北京网站建设:Web 界面中的动态设计与交互效果
微交互不仅需要方便和视觉吸引力,它们的主要要求是能够有机地融入整个网站或应用程序的设计中。这就是为什么UX/UI设计师要负责界面动画。他们通过机制思考:在什么情况下需要微交互以及应该产生什么效果。在概念开发和批准后,动画设计师将参与项目以创建动画。让我们仔细看看微交互是什么以及它们在Web界面中扮演的...
UI界面设计 - Apple Vision 产品设计指导(二)
通过讲解现在已知的UI设计知识应用到visionOS端,然后补充空间设计相关知识。其中会探索UI组件、布局和针对空间APP设计的优化等。了解如何设计用户学习成本更低,更易于使用的产品。1.3说明本文针对visionOS的特点提供了UI界面设计的理论指导。我根据视频内容生成文本,同时补充了Apple产品设计中针对VisionUI的部分内容。...
想要优化好UI作品,这14个设计细节一定要检查到位!
五、流程增加进度条进度条帮助用户追踪流程,它也能使查看上下步骤更加容易。线上购物,表单填写,申请流程等场景使用这种格式能很好的简化流程。(彩云注:左边的表单UI不方便跟踪进度和流程,右边的表单把进度放在顶部能帮助用户清楚的知道流程进度。)六、错误提示要明确...
UI/UX 案例研究:通过战略设计提升用户体验和可信度
在新版设计中,我将表单分为三个部分,因为一次性塞给用户7-8个填写框会给用户带来较大的认知负担(www.e993.com)2024年9月10日。同时还添加了一个进度条,让用户可以了解到他执行到了填写的第几步,还有多久才能完成预约任务。而且在旧版设计中,无法预约特定日期和时间,所以我增加了这部分的信息。此外,添加插画和图像可以让表格保持吸引力...
五大国产手机操作系统现状:有的优化UI设计,有的玩“真”的!
据网友称,在Flyme9公布的时候,确实带来了很多惊喜,比如全新设计的通知中心,使用浅色毛玻璃背景和白色卡片,全新半屏交互。而且支持全新Alive壁纸,动画也进行了优化,且隐私保护升级,关键是还推出了小窗模式3.0,支持动态照片、视频播放新增可视化进度条等内容。最主要的是,Flyme9的无广告设计确实非常深入人心,也...
色彩在UI设计中的应用
但在实际UI设计中,迫于产品的需要可能会使用更多数量的色彩,但切记不可超过7种色相(注意不是7种色值),每个色相还可以运用其饱和度、明度的变化分解出丰富的色彩搭配。美团外卖的首页20个功能入口大图标的背景用了9种不同的色彩,每种色彩又包含一种低饱和度色彩进行彩色渐变,但并没有显得杂乱,而是呈现一种年轻时...
UI设计师不知道导航设计是什么?
载入条(loadingbar)载入条是用来告知某个动作的进展,用户可以通过时间、百分比或者其他信息了解整个过程。图片作者:SergeyValiukh进度条(Progressbar)给用户提供反馈,让他们了解事件的进度,比如说计划的事情完成了多少。动图作者:ValentynKhenkin
UI设计师面对的5个挑战
关于UI设计的任何讨论没有提及表单是不完全的,但是不要担心,我不会反复论述关于内联确认,或者进度条,或者表单重置,或者占位符文本。所有最基本的是(至少目前是基本的),我想讨论语气。表单应该用上交流的语气并且关注“用户需要提供什么”而不是“你需要从用户那里得到什么”,把表单的标签以问题的形式表现出来。