今天兰亭妙微UI设计公司,来讲解 B 端产品界面的视觉风格,聊聊在整个行业当中视觉风格的变化与目前的现状。以及给大家说说未来应该如何选择自己产品的视觉风格~
我们会将整体分为行业初期,萌芽期、成长期、野蛮发展期、新阶段 ,每一个阶段给大家总结一个最为流行的风格,并分析这个风格出现的原因,方便大家进行理解。
我们把时间拉回到 2012 年。在那时,Ant Design 还没有出现,也没有什么 Element、Semi Design,行业当中最早的 B 端系统都是以客户端的形式进行呈现。
整体风格也非常老旧,像是那会儿的 Office、SAP、Salesforce,你可以看到都是他们青涩的模样。



在经典传统的设计风格当中,会使用大面积的白色作为底色,同时在页面中用灰色进行分割,使得整个页面散乱抢眼,导致整体的视觉很难被大众所接受,总体感觉信息较散,难以进行聚焦。
而在早期,出现这些老旧风格主要有三个原因:
1.技术框架限制:因为当中成熟的前端框架较少,没有太多技术栈提供给到开发进行使用,因此没有精力将页面做得漂亮
2.认知不足:设计师对于客户端、网页端的设计理解认知本身不够,做得较为粗糙,比如当时的 Office 的界面设计也大致是如此的模样
3.风格一致:早期 Windows 系统就是这样的风格,与 Windows 一致更容易被大众所接受,因此就很难进行创新
关于这类风格的产品,大家不要觉得这夸张,其实在目前依旧有很多产品会延续这个风格。比如 医疗类产品、工业生产类系统,对于他们而言,能用即可,不必纠结太多。
但随着时间的推移,行业中对于 B 端设计的要求也在逐渐变高。
我们将时间推移到 2015 年前后,随着行业不断发展,在国外 Fiori、Salesforce 的出现让大家意识到,这类型的 B 端产品也是需要设计的。
因此国内外的很多系统都是在这一时间面世,像是 Ant Design 、Element 都相继发布。
由于这些设计系统的诞生,你会发现大家对于整个 B 端设计有了一点自己的想法。
在设计上,会去考虑使用 区块划分,将整个页面进行规整呈现。
比如 SAP 在使用了 Fiori 过后,就会使整个界面更干净。



同样非常老牌的 Salesforce 在2015年的时候。也带来了相当大的视觉变化。整体都能感受到,整个页面会通过不断的分层颜色的划分通过黑白灰的方式去呈现页面当中的基本信息。
我们的时间来到 2018 年前后,在这个时间节点,很多产品都推出了自己的设计系统,对于 B 端设计风格而言,也会提出更高的要求。
比如 Teambition 产品当中,它们提供了自己的设计系统的内容去指导整个产品来进行迭代和优化。同样 Ant Design它们也推出了自己的 Ant Design Pro 来演示使用设计系统过后,能够搭建出什么样的产品。

同样,这个时段很多产品也开始进行自己产品的视觉优化,这时候整体的风格是以:黑色侧边导航为主,然后内容形态进行延展。
比如像有赞、Coding、微盟、飞书,之前都是这样的设计风格来进行呈现。

你会发现它们在整体的设计上都会更加重视页面的分块颜色的区隔,整体页面的识别效率。同时这段时间爆发出来非常多的 B 端产品,随后国内都会按照侧边黑色导航的样式进行进一步设计,这一定程度上提高了国内 B 端设计的下限~
我们随后将时间推移到 2019 年后,在这时诞生了新拟态设计风格。
它最早是乌克兰设计师 Alexander Plyuto 在追波和 ins 发布的一副系列作品,随后大家发现非常奇特,所以得到广泛的关注。
新拟态的设计风格是以立体效果与浮雕元素,呈现更为三维立体的效果,会给人一种奇特、梦幻的界面体验。

随后就会有很多产品都开始进行跟进,比如 智能家居的产品、金融类产品都有所涉及,甚至很多B端产品也勇敢尝试,但大多数设计师设计完过后,整体评价都不算太高。

为什么没有大规模的推行,我觉得有 3 点原因:
1.因为新拟态风格整体所占面积较大,比较浪费空间。像是一个按钮,都需要使用较大空间才能呈现。
2.需要大面积的留白,但是对于 B 端设计来说无法做到,因此很难进行使用。
3.同时很多用户刚开始觉得好看,但随着时间的推移,出现审美疲劳,因此就不太喜欢。
现在还会使用新拟态风格的界面设计越来越少,大多数只会在官网设计的局部进行使用,这样可以转换视觉感受,给到用户更好的视觉冲击~
时间来到 2022-2024 年左右,你会发现很多产品都开始在这个时间节点进行更新。
像我们熟知的 飞书、有赞、微盟、ONES、Coding,再到 Ant Design 、Salesforce,你会发现非常多的产品都在进行界面风格上的迭代。
对于这个风格,我们愿意叫它为 灰白风。
整体页面是以 灰色和白色 进行的页面划分,在分布上灰色占据弱侧信息,白色占据核心信息,进而形成对页面内容的划分。
聊到这里,可能有部分同学不太理解,这里我们以飞书管理后台的迭代作为示例,给大家进行讲解。
在 2018年,飞书管理后台的第一个版本,采取的就是沉稳侧黑风,

在 2022 年,飞书的管理后台开始改变为灰白风格

由于业务的叠加,2023 年时,在此基础上增加了顶部导航的业务维度,最终形成了现在这样的界面。

为什么这类型的风格会大受追捧,我觉得有以下几个原因
1.减少信息层级,给用户减负:之前沉稳侧黑风格,会发现页面明显进行大面积的分割,导致视觉感受出现较大差异。现在只用灰色作为底,去区分主副信息这样会更简单的突出主要信息内容。
2.平台型产品更容易嵌入:因为国内 B 端产品大多需要依附“钉钉、企微、飞书”三大平台,因此使用灰白风能够让自己产品快速嵌入,不需要过多调整。如果你的产品是沉稳侧黑风,那结果想都不敢想…
3.更容易进行适配:针对多产品的业务,也能够使用同一套业务完整呈现才会更加合理。比如飞书的灰白风,在飞书的其他很多产品里面也会存在

转载:人人都是产品经理
兰亭妙微(蓝蓝设计)www.lanlanwork.com 是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计,以及相关的软件开发服务,咨询电话:01063334945。

兰亭妙微UI设计公司,本次分享主要的工具也都是 AI 相关,有工业和产品 3D 设计 AI 平台 3flow,语音转社交媒体图片的 AI APP,面向 AI 创作者和开发者的在线社区 B150,专业的 AI 图像生成与编辑平台 APImage,Win95 风格 AI 创作者交流社区,以及荣获黑客松大奖的 AI 编程配置的超强 Skill。
3Flow AI 是一个面向产品设计的 AI 工具,可以在浏览器里直接使用。它的核心能力是把「想法」快速变成设计图,甚至直接生成 3D 模型,帮助设计师从灵感到初步原型的过程大幅提速。相比传统设计软件,它更偏向创意阶段,让你几秒钟就能看到一个产品雏形。
在功能方面,3Flow AI 是非常突出的,生成速度非常快(几秒内出图)、支持从 2D 图像一键转成 3D 模型、可以对局部设计做修改(比如换材质、颜色),以及自动生成多种设计变体用于对比。整体上,它把「画图 + 建模 + 修改」的流程整合在一个工具里,减少反复切换软件的成本。
3Flow AI 彻底降低了 3D 和工业设计的门槛,你不需要会复杂的 CAD 或 3D 建模,也能快速把想法变成可视化甚至可打印的模型。对于做产品、内容创作或创业的用户来说,它可以显著缩短从创意到验证的时间,让「想一个东西并做出来」变得更容易、更便宜。
Reframe 能将你的语音笔记转换成专业的 Instagram / LinkedIn / Facebook / X 上展示的轮播图,当然这可以发到微博/小红书/小绿书/朋友圈。你只需说出你的想法——AI 会自动构建框架、设计每个幻灯片,并保留你真实的语气。无需任何设计技能。
简单来说,Reframe 是一款专为创作者设计的 AI 社交媒体排版应用,它的核心理念是将用户的「语音」直接转化为具有专业设计感的轮播图和文字贴文,帮助创作者在没有专业团队和设计师的情况下快速制作内容。
Reframe 核心优势是「语音转图文」与「对话式编辑」。你只需录制几十秒的语音表达想法,内置 AI 就会自动编写出高吸引力的文案,并生成带排版的轮播图草稿。你可以通过与 AI 聊天来微调文字内容,还能自由套用精美的预设模板、修改字体和颜色,最后支持一键导出为图片或 PDF。
Reframe 极大降低了内容创作的门槛与时间成本,无论是在通勤路上还是灵光一现时,只需动动嘴就能把零碎的灵感瞬间变成高质量的社交传播素材。它完美解救了不擅长写文案和做排版的新手,让每个人都能轻松像专业博主一样高效产出爆款图文,提升个人影响力。
B150 是一款专为 AI 开发者、创作者和创业者打造的「专业社交网络」与社区平台。它致力于成为那些利用 AI 技术进行编程、设计、影视制作、游戏开发等领域的「实干家」们的聚集地,帮助他们将大胆的想法转化为真实落地的项目。
B150 提供了以项目为驱动的在线社交体验,AI 创作者不仅可以在信息流中展示自己的作品、获取早期种子用户和真实的反馈,还能在这里寻找志同道合的合作者。此外,它集成了 AI 工具及资源探索、AI 人才与工作机会招聘看板,以及专属的工具折扣市场,全方位覆盖从产品构思到发布落地的各种需求。

对于普通的 AI 爱好者和创作者而言,B150 提供了一个高浓度的专业学习和互助圈层。它打破了传统社交媒体的杂音,让你能专注于看别人是如何利用最新的 AI 工具来解决实际问题的。不仅能帮你少走弯路,还能让你在发布自己的「副业」或项目时,快速找到第一批支持者,真正将「想法」变成「事业」。
APImage 是一款专业的 AI 图像生成与编辑平台,专为电商团队、企业和创作者打造。它能够将简单的文字提示迅速转化为高质量、可直接用于商业生产的视觉素材,如产品展示图、生活方式插图或品牌创意海报,只需几秒钟即可完成。
APImage 的核心优势在于强大的「视觉一致性控制」及全面的编辑工具,不仅具备文本生图、一键抠图和局部重绘功能,最亮眼的是允许用户建立专属资产库。这意味着您可以在不同场景中反复生成拥有完全相同人物面孔、产品细节或特定背景的图片。此外,它还支持 API 接入和各类自动化工作流整合。
对普通用户、电商小卖家和自媒体人而言,APImage 彻底打破了专业摄影和设计的门槛。无需租借影棚或聘请专业模特,仅靠打字就能稳定地产出成套的、风格统一的高端商业大片,并且它就是为这样的场景而创造的。APImage 解决了传统 AI 绘图「每次结果都随机、难以连贯」的痛点,让个人也能轻松拥有专业级的视觉生产力。
链接:https://www.ideaboard95.com/
IdeaBoard95 是一款主打复古风格的公开创意灵感看板网站。它的界面被精心设计成了经典的 Windows 95 操作系统风格,为独立开发者、创作者和普通用户提供了一个展示产品想法、寻找灵感以及进行社区交流的公共空间。
IdeaBoard95 将复古视觉与极简交互结合,用户可以使用 Google 账号快捷登录,在看板上发布有关 App、网站或 AI 的产品点子,也可以为别人的好主意点赞投票。尽管外表怀旧,但它底层具备优秀的现代用户体验,在电脑和手机端都能清晰浏览,并支持通过标签快速筛选感兴趣的内容。
IdeaBoard95 提供了一个轻量化、充满趣味的「想法展示区」,它避免了零散的灵感在复杂的笔记工具中吃灰,并用这种没有压力的怀旧方式降低了分享的门槛。这让每个人都能轻松地把脑海中的奇思妙想贴在「公屏」上,纯粹地碰撞思维火花并验证点子的可行性。
链接:https://github.com/affaan-m/everything-claude-code
Everything Claude Code 是由 Anthropic 黑客松获胜者开源的一款极具人气的 AI 编程配置库。它并非独立软件,而是专为 Claude Code、Cursor 等 AI 智能体打造的「性能增强与工具扩展包」。
这个 Skill 提供了一套开箱即用的精密架构,内置了大量专家级的 Agents、按需加载的 Skills 以及自动化规则。它全面支持多语言环境,并具备记忆持久化、持续学习和安全审查等高级功能。这些配置能有效优化大模型的 Token 消耗,让 AI 像资深工程师一样精准拆解并自主执行复杂任务。
哪怕你是纯粹的新手小白,你也可以轻松使用它,因为它彻底免去了耗时费力的「AI 调教」过程。只需简单引入这套经过实战检验的配置,就能让原本基础的 AI 助手瞬间掌握数百种专业开发技能。它极大地降低了高效开发的门槛,让没有深厚技术积累的人,也能以几倍的速度搭建出高质量的应用程序。
转载:优设
兰亭妙微(蓝蓝设计)www.lanlanwork.com 是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计,以及相关的软件开发服务,咨询电话:01063334945。

在用户研究中,不知道你是否会有“不知道该如何获取用户需求”的情况,应该如何提问、如何设计提纲?是直接问用户需要什么吗?是直接问用户对我们的现有方案有什么痛点吗?是直接问用户新方案好不好吗?如何从用户场景中洞察用户需求?将会为大家讲解用户研究中的万能钥匙:用户场景。
如何获取用户场景、如何通过用户场景洞察需求、如何将用户需求应用到产品/服务设计中,希望给大家带来一些启发~
首先,链接用户需求和产品/服务设计的关键是“用户价值和产品价值”,即通过准确的”用户希望通过产品/服务实现的价值诉求”建立正确的“产品/服务自身想提供给用户的价值主张”,产品/服务的一系列设计都是基于该价值主张开展,这样的设计才是在各方面都满足用户需求的。
但是,用户希望通过产品/服务实现的价值诉求并不是他能直接告诉我们的,尤其是在比较创新性、系统性的设计中,用户直接表达的想要 XX 不一定是真实需求、而是假想的解决方案,
比如用户常在调研中说“你这个按钮再大一些”,我们可以无限制的放大按钮吗?用户为什么希望更大一些?实际上的点击场景是怎样的?也许当我们进一步还原场景会发现除了放大按钮,给按钮换颜色、挪位置、固定区域都是可以的解决方案。
当我们洞察用户背后更深层次的原因和诉求时,“用户场景”就是最关键的介质:
先来看一段访谈对话~
Q:您周末的时候一般做什么事情?
A:我一般都在家里陪陪女儿和儿子。
Q:您能帮我们回忆下周末都会陪女儿和儿子做什么事情吗?
A:一般我都会在周末给他们准备早午饭,还会做一些烘焙。
上面是我们要获得的用户场景吗?并不是,我们需要的场景是:有丰富的细节、有生动的画面感、有强烈的代入感的“还原性场景”,需要包括空间、时间 、人物、行为,像下面这种:
Q:您和孩子共享早午饭的时候是什么样子呢?可以具体的描述一下当时的场景、越细致越好。
A:我家的厨房在一楼,一般都是西厨用的比较多,我起来之后会做一些西餐,牛奶、三明治,我喜欢边做饭的时候边听音乐,享受其中。我女儿很喜欢“有仪式感”的早餐,所以每次我都在我家的吧台铺上一条桌布,把食物精致的摆在盘子里,还会放一束花,在楼上呼唤楼上“亲爱的公主,下来用餐啦”,孩子就坐在高脚凳上有说有笑的吃,我还把每次做的饭都拍了照片单独存了相册(随后与我们分享了手机里的照片,网红早餐)
该场景是在地产项目中常见的空间使用场景,在不同的项目类型中我们所关注的场景类型也有所差异,一般可以区分为通用的生活场景和与该产品/服务强相关的场景,其中后者需要重点关注:
可以通过深度访谈、陪同访问、观察法等多种方法结合获取用户场景:
1. 深度访谈
通过与受访者一对一面谈的形式,深入了解用户的购买行为及逻辑、产品关注点及需求、产品使用场景等信息。
该方法有充足的时间与用户深入交流,是最常用的方法,但该方法多是用户通过回忆回答问题,会带有一定主观性,这时候就可以结合另外两种方法进行;
2. 陪同访问
在购买或实际使用阶段陪同用户进行,真实还原场景,直接观察用户的行为、情绪、与各触点的接触状态等,结束后及时进行补问,了解其行为动因、消费、使用体验感知等。比如跟随用户前往售楼处参与决策过程、让用户共享手机屏幕参与在电商平台的挑选过程。
该方法能避免用户回忆、在实际场景中了解用户最直观、真实的反应,在用户和产品/服务接触场景中需要尽量减少打扰、观察和记录问题,在该阶段结束后再进行访谈。
3. 观察法
通过在家中看、听、亲身体验等行为找出现象作为确证,深入揭示客户生活场景及产品使用习惯。比如观察用户家中厨房的布局、家电,询问为什么买这些家电、一般哪些场景下用、为什么放在该位置、如何布局的动线等。
该方法更发挥研究员的主动性,需要在观察中抓到关键信息(如此次研究重点关注的、该用户与众不同的信息等)去进行挖掘。
在应用以上方法获取场景时,还需要关注访谈提纲的设计和工具的使用:
访谈提纲是按照一定顺序去获得场景,多采用“总分总”的结构:1)总-先整体回忆,不用描述细节,对整个过程有大致的了解,并记录被访者重点说的内容;2)分-每个环节详细说,重视被访者反复说的内容;3)总-对所有提到的内容进行总结、补充、评价;
其中“分”里的场景顺序,根据项目类型可以:
对于较难描述的价值场景,可以通过示卡测试、情景假设、朋友圈探究的方式去激发用户讲述:
①示卡测试:主要包含关键词测试与图片测试两种方法,在撰写提纲时我们针对需要挖掘的价值场景提前准备示卡,在访谈时提出问题、出示卡片,让用户选择、并通过案例或场景描述解释为什么这样选择:
②情景假设:提出假设性问题,留给受访者畅想的空间,鼓励受访者放飞想象
如用情景假设的方法挖掘客户的理想度假状态:
Q 抛开现实条件的束缚,如果给你两天时间,您最理想的度假地点是哪里?你会怎么度过呢?请您畅想一下。
Q 如果给您两周时间呢?
③朋友圈探究:通过浏览用户朋友圈,观察日常分享行为,以便更深入的了解用户,总结其价值观、在意点、需求取向等。比如是乐于分享的、关注热点的、喜欢未知爱探索的等等。
在洞察场景时,首先需要对用户群体进行分类,这里的群体分类要依据用户对产品/服务/功能的使用差异进行区分,比如文旅地产开发项目中,我们结合用户的生命周期和置业目的,可以区分为养老一族、家庭度假、享乐度假、投资客,地产公司实际在开发产品(含户型/配套/服务的产品大概念)时也会考虑针对的主要群体,因此需要把同一类用户的场景放在一起分析。
接下来的场景洞察也以该文旅地产开发项目为例:
1. 场景分类形成典型场景库
从用户访谈小结中抽取该类用户的所有场景进行整合分类,结合地产维度可以为购房场景、居住场景、物业交流场景、社区交流场景等。
2. 分解场景关键内容洞察需求,以下图的场景为例
首先标注场景关键内容,对场景中人、时间、地点、行为、互动、情绪感受、喜好偏好等内容标注;
其次分析背后原因,将自己代入角色中,分析这样做的原因是什么,反映了具体什么人物特点;
再是去除具象标签,将与个人相关的具体内容去掉,转化为更高级别的需求;
3. 需求进一步提炼核心诉求
从场景中洞察的需求有时候会偏零散的,无法一步形成系统化建议,如果说场景是冰面以上的东西、需求是冰面以下的东西,那诉求是深海中的、是比需求更深层次的洞察,更有利于总结用户的共性需要,将其作为设计原则、进行系统化设计和建议的提供。
看一些具体的需求-诉求的提炼案例,会发现这些诉求都可以作为产品/服务的设计原则,再应用到不同方面的具体设计中,比如户型的、配套的、物业服务的、社区活动的等等:
米兰·昆德拉说过:“无意义是生活的常态,但我们要试着去挖掘它,并且努力爱上它”,对于用户场景的研究也是如此,看似没什么特别的场景,其实隐藏了很多细节、用户诉求的体现,通过对已有场景的洞察和研究,设计出更符合用户需求和期望的新场景,希望我们都能在用户场景中开出花~
转载:优设
兰亭妙微(蓝蓝设计)www.lanlanwork.com 是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计,以及相关的软件开发服务,咨询电话:01063334945。

B端系统软件中表单的应用场景非常多,今天兰亭妙微UI设计公司,就捞点干货,说说B端产品表单如何设计,用户体验会更好。
从标题、输入框、布局排版、数据展示四个方面,详细介绍一下关于表单的体验设计,目录如下:

设计师A说:不加冒号,用户不在意,而且占空间…..
设计师B说:要加冒号,加上可以更好的区分上下文,以及标签和输入框的关系…..

以上A/B设计师说的都有一定的道理,那到底加不加冒号呢?
遇到问题咱就先调研一波,看一下Win、Mac系统中是否有无冒号。
Win系统:最新版本不加冒号。

Mac系统:最新版本设计偏向C端化,不加冒号,13.0.1之前版本有冒号。

是不是感觉主流的设计是不加冒号呀?
稍等一下…那在具体B端系统中是有怎样的应用场景呢?

以上场景中左右布局,单选/多选组件、标题加内容组件都不适合去掉冒号展示。
那到底加不加冒号呢?
可以先说一下答案,加不加冒号对用户无影响,《Web 表单设计·创建高可用性的网页表单》中,卡罗琳·贾雷特做过大量测试,最终证明没有一名用户留意表单冒号是否出现。
因此,得出以下建议:
如果你新建一个系统,使不使用冒号随意一旦决定是否使用冒号,需要全部表单统一规则
用户填写表单时,有必填项和选填项,如果表单中多数或全部是必填项,那是否还应该对其标记?
答案是肯定的,用户遇到较多表单填写项时,是需要通过必填标记来评估工作量。下面就介绍一下具体标记必填项的三种样式。

填写表单过长或填写表单被打断(移动端常见),就会增加用户工作记忆和认知负荷,完成任务更加困难,从而降低了用户体验。

有部分设计师认为红色“*”会增加视觉噪音,并且重复的红色“*”会带来一些认知恐慌,便采用文字提示方式,但这种方式比较占用空间,文字内容过长,用户压力较大,用户体验降低,不建议使用。

虽然有设计师认为红色“*”会增加视觉噪声,带来一些认知恐慌,但红色“*”在互联网中很常见,用户熟知其意,已形成固定的视觉语言,并且空间较小,能与标签文字足够区分开,相比之下采用红色“*”必填提示是非常值得推荐使用。
但是还有一个问题,就是红色“*”的位置是在字段前还是字段后呢?

红色“*”的具体位置有三种位置,如上图做了详细展示。

这不是强制性的,但标记可选字段非必填,确实减轻了用户思考,提升用户体验。
用户最理想阅读的标题文字数是7±2,当标题文字过长,或不足对输入项准确说明时,要给出对应的提示文字,帮助用户更好的输入内容,常见样式如下。

这三种样式是递进逻辑,根据不同的文字提示内容和难度,选择不同的提示样式。其中对于第二种样式中,图标提示的位置还有几种方式,如下图说明。

本文事无巨细的说了一下表单中标题样式问题,虽然很多是表单设计的一些较冷较小的内容,但也需要设计师沉下心来,打磨细节之处。
转载:人人都是产品经理
兰亭妙微(蓝蓝设计)www.lanlanwork.com 是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计,以及相关的软件开发服务,咨询电话:01063334945。

兰亭妙微UI设计公司与大家一起学习,人类的美术创作经历了从纸面的二维走向三维、从“模仿自然”到遵从主观意识自由表达的历程,人机界面设计也经历了拟物、扁平以及更多的设计风格的迭代演化。是什么推动着艺术家和设计师们不断探索规则、学习规则,进而挑战规则?在拆解手脚架的过程中,我们将愈加贴近创作的本质。
兰亭妙微(蓝蓝设计)www.lanlanwork.com 是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计,以及相关的软件开发服务,咨询电话:01063334945。

通知的本质是价值传递而非注意力争抢。设计得当的通知能成为高效贴心的工具,滥用则会沦为干扰噪声,引发用户 “通知疲劳”。兰亭妙微UI设计公司从认知、分级、实践、衡量四个维度,系统讲解如何打造高打开率、低反感度的通知体验。
兰亭妙微(蓝蓝设计)www.lanlanwork.com 是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计,以及相关的软件开发服务,咨询电话:01063334945。

兰亭妙微(蓝蓝设计)www.lanlanwork.com 是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计,以及相关的软件开发服务,咨询电话:01063334945。

兰亭妙微(蓝蓝设计)www.lanlanwork.com 是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计,以及相关的软件开发服务,咨询电话:01063334945。

Figma 社区最新推出的资源类型——Figma Weave 工作流——现已上线。Figma Weave 让您能够在可视化画布上构建可重复、可扩展的生成式 AI 工作流。现在,您可以直接在 Figma 社区中探索和复制 Figma Weave 团队构建的工作流。无论您是想生成新图像、将图像转换为视频,还是将品牌指南扩展为插图集,Figma Weave 都能轻松实现。
网址: https://www.figma.com/release-notes/
在线的轻量级矢量编辑器,作者希望像 Figma 向量网络那种流畅的操作体验,同时又想拥有 Blender 修改器的“魔法”。最终的成果是一个基于 GPU 加速、使用 Go + WASM 构建的图标与字形设计工作室,并且完全运行在浏览器中。
它有一些很酷的功能,比如形状构建器、动态镜像、干净的 SVG 导入导出、等距绘图投影等等,还有很多其他特性。整体设计比较简洁克制,但用起来很顺手。
网址: https://iso.alasdairmonk.com/
网址: https://x.com/almonk/status/2042127913173057659
在任意网页上实现类似 Figma 的设计体验,调整元素样式、添加评论,并导出结构化 Prompt 给 AI 开发与协作。
Liaison 是一款面向设计师、产品经理、前端工程师和高频 AI 用户的浏览器插件。它让你可以直接在真实网页上完成样式调整、界面批注和实现反馈,不再依赖截图标注、文档补充和反复描述。你可以像在设计工具里一样选中页面元素,修改尺寸、间距、字体、颜色、圆角、描边、投影等属性,同时把评论和修改统一整理成结构化结果,方便交给开发或 AI 继续实现。
使用介绍: https://gwrdluzl9j9.feishu.cn/wiki/JWRjwF12ZiSQSrkjHbMcMwfbnPu
最贵的缩放录屏软件 Screen Studio,核心功能被 Recordly 复刻,完全免费开源! 同时支持 Mac/Windows/Linux。 测试了下,比 Screen Studio 还轻便顺滑
网址: https://github.com/webadderall/Recordly
MingCute 是一套简约精致的开源图标库。无论您是设计师还是开发者,它都非常适合用于 Web 和移动端项目,同时提供了 Figma 插件能够更便捷的在设计过程中使用,以及动画图标库、UI 组件库、天气图标等不同场景的素材
Figma 插件: https://www.figma.com/community/plugin/1306884809438005528/mingcute-icon
作者使用 vibe Coding 了一个支持 Markdown、图文混排的长文转小红书图片生成器,
一个微型工具,用于在 localhost 上测量间距并对齐您的 UI
网址: https://x.com/Ibelick/status/2042508446671499405
体验地址: https://mesurer.ibelick.com/
面向 UI/UX 设计师与开发者,Freefaces Gallery 是一个精选的免费开源字体合集,这意味着您可以在个人和商业项目中使用它们,而无需担心许可问题。
网址: https://www.freefaces.gallery/
你可以使用这些基于 SVG 的加载图标来直观地指示内容。 这些动画来自多种来源,均采用 MIT 许可证。因此,它们可以无限制地用于商业用途,且无需署名。
网址: https://magecdn.com/tools/svg-loaders
作者根据自身经验整理了一份「面向 UI/UX 设计师 的 Vibe Coding 完整工作流指南」从用 AI 辅助开发到 可交付、可上线。
网址: https://vibecodingfang.netlify.app/#
作者在 Figma 中 1 小时绘制的小组件,好玩的是发帖后有人回复了在线的地址,将组件实现为了可以使用的音乐播放器,在 AI 时代还是需要审美创造力的,可以通过链接体验
网址: https://x.com/AdityaSur11/status/2038881480898756695
网址: https://audio.snvshal.workers.dev/
作者为自己的博客增加了多种阅读状态,让视觉外观不止是浅色、深色,增加了树影、月色、下雨、下雪等多种自然状态,网站右上角可以切换体验
网址: https://theme-switch.pages.dev/
转载:优设
兰亭妙微(蓝蓝设计)www.lanlanwork.com 是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计,以及相关的软件开发服务,咨询电话:01063334945。

Anthropic 内部文件意外流出,揭示了其最强模型 Mythos 的恐怖算力。该模型虽具备重塑行业的潜力,但也因可能被攻击者用于挖掘系统漏洞而引发安全危机。官方声明称,在正式发布前需确保防御者已做好应对这种新型算力冲击的准备。
图源:Anthropic, Getty Images
此次泄露迅速波及资本市场,导致网络安全相关股价剧烈波动。分析师指出,Mythos 揭示了 AI 技术在安全攻防中深度嵌入的现状,反映出利用 AI 进行威胁防御已成常态,同时也暴露出单点泄露可能引发的系统性金融风险。
图源:Anthropic, Getty Images
随着 Mythos 的曝光,OpenAI 等巨头的对标模型也浮出水面,预示着 AI 正从辅助工具进化为攻防核心。未来技术博弈将进入“以 AI 对抗 AI”的新阶段,攻击者与防御者在更高维度上的算力对决,将彻底改写网络安全的竞争格局。
NVIDIA证实DLSS 5并非通过读取游戏引擎的3D几何或材质数据运行,而是仅凭2D渲染帧与运动矢量进行AI推断。这意味着该技术本质上是通过分析图像来“幻化”细节(如皮肤与光照),而非精确重建场景。
图源:NVIDIA
虽然这带来了惊人的视觉增强,但也导致AI会在早期预览中产生原画中不存在的细节“幻觉”,引发了外界对画面真实性与艺术还原度的质疑。
Stitch 正在重构 UI 设计范式,推出 AI 原生无限画布并引入“氛围设计”概念。用户不再受限于枯燥的线框图,只需通过自然语言描述业

务目标或灵感,AI 代理即可理解设计意图并并行处理多模态输入,让创意探索从底层逻辑转向感官体验。
图源:Google
平台实现了人机交互的自然化,支持用户通过语音指令进行实时设计对话与方案筛选。同时,Stitch 能将静态画面瞬间转化为交互原型,由 AI 自动推演点击逻辑与用户旅程,并支持通过 URL 提取设计系统,极大简化了从规则制定到原型生成的复杂流程。
图源:Google
时尚巨头康泰纳仕正式起诉恶搞杂志《Dogue》,指控其封面设计侵犯《Vogue》商标权。这本由独立创作者创立的实体刊,因让狗狗模仿人类大片而走红。目前,康泰纳仕不仅要求经济赔偿,更强制要求销毁所有库存杂志。
图源:dogue
创始人 Portnaya 坚称《Dogue》是基于对话与重新诠释的艺术创作,旨在为独立创作者争取表达空间。然而,面对销量微薄与高昂法律费用的悬殊对比,这场“大卫与歌利亚”式的博弈陷入僵局,创作者正通过众筹寻求法律援助。
图源:vogue
Johnson Banks 为爱丁堡皇家植物园(RBGE)打造的品牌重塑旨在整合四个园区的品牌感知,确立了“四处花园,一个植物世界”的品牌愿景,将爱丁堡、本莫尔、道伊克和洛根的花园融为一体。
图源:johnsonbanks
还专门设计了边框,可以用来框住作品,并提醒人们它们始终存在,而不是事后才想起来的。
图源:johnsonbanks
这些标志首次展示了一款全新的定制字体,共有四种字重。它是Nomada Incise的定制版,线条棱角分明,优雅别致。最细的字重中包含一系列连字,呼应了西巴尔迪亚符号及其边框的生动呈现。
图源:johnsonbanks
剑桥地区以其创新和发现而闻名,而这一切始于其世界闻名的大学校园内,如今已发展成为环绕该地区的欧洲领先的知识生态系统——融合了 5000 家创新驱动型公司、60 家跨国公司、5 个医院信托机构、36 个研究园区、2 所大学(剑桥大学和安格利亚鲁斯金大学)以及蓬勃发展的初创企业和投资者群体。
图源:johnsonbanks
以图解为主题,并将其运用到代数、方程式、图表和文字游戏中。这既充分利用了该地区的科学声誉,又为方案增色不少,同时还创造了一种独特的视觉和语言。
图源:johnsonbanks
将自己最喜欢的创意与剑桥郡广袤无垠的天空的静态和动态影像相结合,打造出一套可应用于多种媒体的设计工具包。
图源:johnsonbanks
转载:优设
兰亭妙微(蓝蓝设计)www.lanlanwork.com 是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计,以及相关的软件开发服务,咨询电话:01063334945。

蓝蓝设计的小编 http://www.lanlanwork.com