UI交互设计
-
可能是最佳动效方案!腾讯免费动效设计神器 PAG。
今天给大家推荐一款未来很有可能会成为主流的动画解决方案 —— PAG。一、常见动效落地方案1. Lottie它算是市面上比较普遍的一种动效落地方式,它可以制作很多种类的矢量动画以及图片动画,它的缓动曲线会占用很多内…
-
全网难得教程!超详细的SVGA礼物动效设计指南。
首先想说下为啥要写这篇文章,最近接到个项目任务,制作直播间礼物赠送视觉效果,由于之前没有接触过此类设计,因此在多方打听,并在网上到处探索后发现 SVGA 是个不错的选择,在与开发同学沟通并尝试了另外几种格…
-
如何对功能做体验升级?功能体验升级5个有效步骤。
互联网产品往往都有自身的生命周期,处在不同阶段的产品,对应的产品目标也有所不同。那么在不同阶段,应该如何对产品进行功能体验升级呢?本文作者结合自身的工作经验分享了他的看法,一起来看一下吧。互联网产品…
-
PC和移动端有哪些交互差异?来看这篇全面总结。
一、前言众所周知,PC 和移动端是当前人机交互的主要互动设备。经过十多年的发展,两者已经产生了成熟的交互范式,前者主要基于键鼠交互,后者以触屏交互为主。而为了适应不同设备的交互方式差异,提供更完善的用户…
-
5000字解析!科幻电影中的「全息影像」是交互设计的未来么。
编者按:为什么所有的好莱坞科幻电影当中,用户界面看起来都是一样透明、蓝色 UI 乃至于全息投影?这种风尚是如何流行开的?它们对于未来的 UI 设计有影响么?目前全息影像发展到什么程度了?如果你厌倦了近期关于 …
-
从入门到实战!腾讯高手总结的C4D自学必备指南。
导语 近年三维表现已经越来越多的融入到各种商业设计当中,在电商、品牌、UI、影视等各个领域都有广泛的运用。其中一个关键因素是 C4D 这款软件的出现,大大降低了 3D 设计的学习门槛。 C4D 相对于专业性更强、功能…
-
折叠屏如何设计?从理论到实战解决折叠屏手机适配问题。
写在前面近年来,三星、华为等手机厂商陆续发布 Galaxy Fold、Mate X 等折叠屏手机。其普及速度似乎超过了人们的想象。2021 年 12 月 2 日,根据屏幕机构 DSCC 公布的一份最新研究报告指出:2022年第三季度,折叠屏…
-
初学者来收!交互设计中常见的7个误区。
学习任何东西,最好都能重头开始,本文阅读时长大约 5 分钟。内容仅代表个人观点,欢迎各位探讨... 我身边有不少的同事或朋友转型交互设计的经历,他们的原职位有些是产品经理、销售或设计师。而我本人也是一名交互…
-
5000字干货!超详细的交互动效设计指南 。
前言当我们提及"动效设计"这一词,第一印象往往是那一类炫酷的极具视觉表现力的动效,而有一类动效,它们如春风细雨般融入了用户交互过程的点滴之中,为打造符合用户心智的流畅体验默默做着贡献,它们就…
-
用腾讯会议的实战案例,深入分析如何简化用户任务。
前言随着产品不断迭代,产品功能会逐渐丰富全面,但对于用户来说,是不是齐全的功能就等同于好的体验呢?本文将以"腾讯会议设置布局"交互优化为例,结合《设计心理学 2》的相关理论,分享关于简化复杂任…
-
腾讯7000字干货!超详细的全局交互规范制定指南。
一、如何「理解」交互规范说起设计规范,大家应该都不陌生,一个成熟的设计规范对 产品设计、研发开发、用户使用 都有着重要的指导作用:产品设计:保障产品内不同模块的设计一致性,同时提高不同设计师间的设计、…
-
5000字干货!四个章节带你快速了解场景化设计。
在产品设计中,我们经常会听到这些声音,"这个设计没有考虑用户的使用场景" "用户行为和场景不匹配"…… 每个人都有说到"场景"一词,但好像我们对于"场景"的理解又不太一样…
-
4000字干货!手把手带你掌握web中的表单设计。
前言表单是我们生活中常见的信息添加、录入的方式之一,如何进行表单的设计也是 B 端设计师的必修课。身边别的部门的同事常常会说:表单不就是几个输入框,几个组件组成的东西么,挺简单的,有什么好设计的。但通常…
-
6000字干货!3个优秀交互设计师应该具备的边界感 。
引言售卖软件服务的公司,最理想的状态就是开发一套通用的解决方案或产品,而几乎不用接收任何定制化需求(定制化需求大多会被内化成通用产品的新功能)。这种经营模式下,公司全部的业务和技术力量都可以集中在这…
-
B端筛选功能如何设计?4个章节帮你掌握。
引言筛选作为一个常用的功能,在产品设计中的应用面是非常广的。比如我们去购物,会选择销量高、价格实惠并且包邮的商品,筛选区的设计就便于用户进行数据的查询和定位,可以快速查询到满意的商品。本文就筛选这个…
-
京东高手出品!如何提升设计价值:方法篇。
UX/UI 设计师在日常工作中是否遇到以下疑问:1.方案由上游主导,设计师没有发挥空间怎么办?2.如何从设计视角出发梳理体验优化建议?3.如何向各方证明你的优化建议是有价值的?要回答以上问题,首先得理解设计价值…
-
视频手势设计还能怎么玩?来看百度视频的实战探索。
我们将常规的基础通用手势进行打散重组、结合实践案例梳理出组合手势设计模型,探索如何在视频场景中构建便捷高效的进阶手势体验。一、前言视频播放器中承载着极其丰富的内容画面和播控功能,尤其是在寸土寸金的移…
-
如何深入产品找到设计目标?来看大厂的实战案例。
当我们做项目的时候,最重要的就是设计目标的确定,这关系着我们的方案是否真正解决产品问题。然而这个目标可不是我们以为的用户需要这样改,也不是产品告诉我们这么改,甚至更不可能是拍脑袋定的,那这个影响大局…
-
10个产品细节剖析,看看高手是如何做设计的。
作为 UI 设计师来说,体验总结是必不可少的日常习惯,灵感的来源离不开对优秀设计的探索。本期黑马哥选择了最近发现的一些不错的设计案例,希望这些优秀的案例可以带给大家更多设计思考,强化我们的设计感知能力。…
-
HMI的点击区域应该多大?总监上路帮你实测。
设计师都知道根据《苹果 iPhone 人机界面设计指南》,手机 UI 的最小点击区域是 44px。但汽车 HMI 的最小点击区域业内却没有定论。考虑到汽车驾驶关系交通安全,点击区域大小与反应时间极为重要。文章的作者 Casper…