以下是 交互 相关内容,总共有 11 条记录。
手把手教你把常用按钮 表单这类组件做成 Figma 变体:先定命名规则和属性,再补齐 Auto Layout 和约束,最后用交互变体做出可演示的状态切换。按本文流程做完,你的组件库会更统一、替换更快、交付更稳。
一步步做出一个可复用的按钮组件:Auto Layout 结构、约束与内边距、四种状态(默认 悬停 按下 禁用),并用 Variables 管理颜色与圆角,让样式统一且易维护。
本教程用一个可复用“按钮组件库”作为例子,手把手讲清 Figma 组件(Component)、变体(Variants)和 Auto Layout 的搭配方法,包含尺寸、层级、状态、禁用与加载等常见需求,照做即可产出可交付的按钮体系。
Figma AI 把生成式能力直接放进协作设计流程:从线框到界面组件、从占位文案到可用微文案,一套方法把出稿速度拉满,同时避免“好看但不可用”的AI幻觉。
Galileo AI 是一款面向产品与设计工作的 UI 生成工具:用一句清晰的需求描述,就能生成可参考的界面布局与组件结构,适合作为原型早期的灵感起点与快速迭代素材。本文用一个完整示例讲清楚如何写提示词、如何...
很多团队把“一致性”理解成所有页面长得一模一样,结果牺牲信息层级与效率。本文用 6 条可落地的规则解释:什么时候该一致,什么时候该刻意变化,并给出快速自检清单。
作为一个产品经理或产品设计师不仅要对自己本职工作驾轻就熟,还需要涉猎多学科知识,以便遇到相应问题时能够有据可依地解决问题。
作为一名设计师,你是不是也发现,最烦恼的有时居然不是设计,而是完成最后一稿后的交付。切图和标注要花费太多的时间,一些切图工具又不够“智能”,真正的解放双手长路漫漫。最近优波设计发现了一个新大陆,1 ...
Adobe XD作为一款新的交互软件,在它的身上我们能够看到不少新兴工具的身影。同时也能看出 Adobe 公司突破其已有软件束缚,所做的一些新尝试。虽然软件本身还有着许多不足之处,但对于产品设计师来讲,它的一...
如何巧妙运用交互设计中的暗黑模式,我们需要更多的思考和学习。不要介意用户骂你流氓,那说明你流氓的不高明
交互设计聚焦的是根据用户行为设计契合的界面,因此理解用户如何与科技沟通交流就显得尤为重要。这样你也就能预测用户会如何与系统交互,提前发现问题并解决它,然后创造出新的交互模式。