-
大厂常用的幽灵按钮,设计起来有点头疼
你知道什么是幽灵按钮(Ghost Buttons)吗? 就是表面看起来像是简单的文字或图标,但鼠标悬停或触屏按下时,按钮轮廓才会显现出来。 这个词其实十年前就在外网出现了,谷歌在2018年发布的 Material Design 2 里,也包含了这种按钮样式。 Figma里更是大面积的使用这种按钮: 2. 扩大文字/图标操作的热区 如果只有图标和文字的可见区域能点击,那就很容易点错了。尤其对于触摸屏…- 0
- 0
-
新手扫盲文!交互/原型/动效/特效的本质区别是什么?
UI 设计中除了静态的界面设计外,还包含交互和动效部分的设计和输出。但对新人来说,尤其是最近社群里的讨论可以确定一点,就是无法分辨什么是交互与动效。 所以今天的分享就是聚焦这个主题,解释下面这几个要点: 交互设计 可交互原型 动效设计 特效设计 相关文章: 全文速览图 一、交互设计与可交互原型 从专业角度上讲,交互设计和界面设计虽然有交叉,但不是同一件事。界面设计指的是对我们可见元素的设计和排版,…- 0
- 0
-
7天时间,我用AI编程独自做出一个外勤小程序
一、全文速览图 嗨,我是范米花儿,换新头像了,大家别不认识我~ 最近我用AI 编程 ,独自为公司内部从0到1做了一个小程序 ,主要用来解决一件事:员工外勤填报 。 核心能力是「语音一句话」快速生成外勤记录,同时也支持手工填报、全员记录查看、客户与成员管理、考勤填报定时提醒推送等。 定义前台功能 :先明确用户角色与最高频动作,写可迭代 PRD 方案先结构后细节 :用 AI 产出多套方案,并用 ASC…- 0
- 0
-
那些说UI会消失的人,把人机交互理解错了一半
一、全文速览图 认知科学和信息论的研究大致估算过人类各感官通往大脑的信息通道带宽:视觉远远高于听觉,听觉又高于触觉,视觉和听觉之间的差距大约在两个数量级左右。这不是一点点差距,是一个在机场跑道、一个在乡间小路的差距。 这意味着什么?意味着任何一维的信息通道——无论是语音流、还是CLI里一行一行滚动的文本——在物理层面就不可能跟视觉竞争。 你听一段 3 分钟的播客,和看一张信息图,后者传递的信息量可…- 0
- 0
-
一篇讲清楚!设计师必看的交互基础术语扫盲大全
一、全文速览图 想要区分界面设计、体验设计、交互设计最简单的方法,就是认识设计的出发点。如果仅仅是基于产品需求把界面视觉做出来,那就是 UI 设计。如果目标是为了追求更好的用户体验,且把界面视觉作为提升体验的手段之一去完成,那就是体验设计。如果是为了制定产品界面或功能的操作方法,那就是交互设计。 虽然设计方式有区分,但它们并不是完全孤立的,而是相互之间都有很大的重叠与影响。首先体验设计同时包含视觉…- 0
- 0
-
产品接入AI的正确打开方式!4 种落地策略,照着做就行
一、全文速览图 「你们产品准备怎么接 AI?」 每次开会领导都会这么问,我的心里就一紧。 不是不想做,而是真的不知道从哪儿下手。 我试过一些「看起来很 AI」的方向:做个 IP 形象再配个 AI 问答(像噱头)、上个文生图(偏娱乐)、再不然就照着外面的「大厂玩法」抄一遍……但落到我负责的、以效率为重的 B 端产品里,总觉得哪里都不对。 更要命的是:网上的大 V 今天说「这个 AI 改变历史」,明天…- 0
- 0
-
2026最新版!UI、交互、体验设计师的岗位有哪些工作区别?
UI 设计虽然理论上是个独立的设计行业,但在现实场景中,它却有不同的细分工种,以及每个工种在实际工作环境下还有不同的工作要求和倾向。 作为新人自然很难全面且深入的接触不同领域的具体工作场景,且最近这类问题又多了起来,所以我们打算更新一篇新的扫盲,来系统解释 UI 设计的真实岗位要求与工作内容,别让大家2025年还在迷惑设计师的定义问题。 一、UI 设计的主要细分岗位 UI 设计在今天衍生出不少设计…- 15
- 0
-
3个章节轻松掌握!超全面的Popover设计手册
当你打开 app 想要查找某个常用功能时,你是否常常习惯性的点击页面中的小加号去查找想要的功能? 又或者作为设计师的你,是否常常为如何将 app 中繁杂的功能安排妥当而苦恼? “popover”,一种交互过程中的浮层卡片,犹如电子屏幕中的隐藏式收纳柜,将额外的文字内容收纳其中。这些组件极大的便利了用户的使用体验,在产品功能不缩减的情况下也能保持页面的信息表达清晰,将页面的功能屏效最大化。接下来,我…- 1
- 0
-
高手案例实战!猫狗洗护预约小程序改版设计复盘
又回到改版系列的分享了,而我们今天的改版对象是一款线下宠物洗护小程序的预约流程,给自家猫、狗预约门店的洗护服务,包含基本的洗澡和相关口腔、毛皮的护理。 一、相关问题分析 接下来,我们展开对目标案例相关问题的分析,遵照从宏观到细节的顺序依次展开。 首先介绍这套流程的操作顺序,包含下面这些步骤: 宠物选择:选择自己要做洗护的宠物(有多宠家庭) 选择套餐/洗护项目:选择想要的洗护套餐或者洗护的类型 洗护…- 1
- 0
-
模式+类型+原则保姆级教程!超全面的新手引导设计指南
哈喽,这里是设计夹,今天分享的是「新手引导设计」。 不知道大家是否有过相亲经历?相亲通常需要多见几次面才能确定彼此是否合适,但初步印象基本上初见面就有了。第一印象好,才会想再见第二次。 产品和服务也是一个道理——用户刚接触新产品时,最初几分钟的感受特别关键,直接决定了他们是继续使用还是离开。 所以,新手引导不能只停留在“教操作”的层面,更得想办法留住用户,让他们愿意一直用下去。今天就来聊聊,如何设…- 0
- 0
-
保姆级教程!总结AI产品的5种界面布局设计
哈喽,这里是设计夹,今天分享的是「AI 产品界面布局分析」。 当下,AI 已经融入到我们生活的方方面面。每个人都在使用 AI 服务,所有的公司都在尝试将自家产品与 AI 相结合。 本次通过整理分析各家 AI 产品的交互方式和展现形式,将 AI 助手界面总结为五类 UI 布局,并总结每种类型的特点、适用领域。 生成式 AI 界面通常围绕两个核心要素运行: “输入内容”和“微交互(视觉反馈)”。虽然每…- 0
- 0
-
UI设计师必看!5个章节教你系统掌握Toast设计
在数字化产品的交互体系中,Toast 作为一种轻量级反馈组件,如同用户操作旅程中的“耳语提醒”——它不打断主线任务,却能在恰当的时机传递必要信息。Toast的设计绝非简单的“弹出提示”,而是需要融合场景逻辑、认知心理学与交互美学的系统工程。以下将从定义、核心设计原则、场景应用到未来发展方向几个方面,全面解析这个“小而美”的组件如何撬动用户体验的大价值。 一、Toast 的定义 一位前谷歌微软员工被…- 0
- 0
-
设计师最该偷懒的环节找到了!劝你别死磕交互文档的4个原因
所谓「交互」,全称是「人机交互」,意思是人和机器的交流互动。交互设计,就是在 UI 方案之前,先构思用户如何操作机器(App/网站/软件/硬件……),又如何从机器获取信息反馈的。 通常来说,交互设计是 UI 设计之前的步骤。不同公司分工不同,可能有专职交互设计师,也可能交给 UX 设计师,还可能由产品经理负责。 交互设计交付的东西,有两种,一是交互方案,二是交互文档。 这两个东西别看都叫交互 XX…- 0
- 0
-
B端的交互文档如何写?这篇保姆级教程收藏起来!
今天要分享的,是后台和社群里几乎每天都有人问的交互文档该怎么写的问题。不只是想要往交互设计师方向发展的新手,还有工作中要负责交互问题的产品经理、设计师,都对它存在大量的疑问。 所以我们在今天这篇分享里完成一次深入的扫盲。 一、交互文档的基本认识 1. 交互文档是什么 交互文档,是一份用来解释项目交互方式、内容、规则的说明文档,也叫 DRD ( Design Requirement D…- 1
- 0
交互设计
资源爱好者严选平台
标签
交互设计-共
Warning: Undefined variable $count in /www/wwwroot/www.muooy.cn/wp-content/themes/b2Jitheme/Modules/Templates/Archive.php on line 496
个作品 今日上传 9个作品
Warning: Undefined variable $count in /www/wwwroot/www.muooy.cn/wp-content/themes/b2Jitheme/Modules/Templates/Archive.php on line 496
个作品 今日上传 9个作品



















