木子素材 首页 大神UI设计
订阅

UI设计

这4个全球统一的符号设计,97%的人不知道起源!
当你按下主机电源键时,是否思考过电源按钮为何如此设计?一段圆弧和直线便让你不假思索按下按钮? 生活中习以为常的符号,背后都隐藏着一段鲜为人知的历史。今天分享几个符号起源的冷知识: 电源开关 播放与暂停 ...
2023-12-4 00:02
移动端常用组件用法解析:对话框设计
一、定义 一种模态①窗口。它在用户需要做出选择或输入信息时出现,直到用户做出选择或取消操作之前,会阻止与应用的其他部分交互。 ①模态:特定的界面状态或行为,其中用户的交互被限制在某个特定的界面元素上, ...
2023-12-2 00:01
大厂实战复盘!Vivo应用商店9.0设计改版
引言 应用商店业务处于成熟期,设计改版并非易事。它如同一座繁华的城市,兼容着各个年龄段和口味的人群,如何更好的满足不同人的需求?这是我们的首个挑战。与此同时,需要确保商业化分发效率的稳定,这是第二个挑 ...
2023-11-30 06:13
设计系统中的色板和色阶,到底有什么用?
大概每一位 B 端设计师在做组件设计时,都会对色板印象深刻,同时也会有不少的疑问: 为什么一套组件需要有这么多的颜色? 为什么一个颜色需要有这么多的色阶? 衍生出来的梯度色阶到底该如何使用呢? 色板相关阅 ...
2023-11-28 05:19
UI必看!详细分析列表卡片的设计方式
往期回顾: UI必看!帮你快速掌握弹窗组件的设计方式一、组件介绍弹窗是一种瞬态的交互式视图,它会在“合适”的时间弹出到页面的最顶层,并借由用户的一次点击完成关闭。阅读文章 一、组件介绍 列表卡片是一类将 ...
2023-11-27 07:28
B端基础科普!4个章节帮你掌握栅格系统与布局方式
B 端设计的文章和资料参考,缺少系统性的说明,本文主要阐述栅格系统与响应式。 上期回顾: B端基础科普!4个章节帮你掌握栅格系统与设计尺寸本文从栅格系统、常见的屏幕尺寸、布局方式、内容展示4个章节,帮你掌握B ...
2023-11-24 06:00
如何更科学的给颜色命名?高手总结了7个步骤!
上一篇文章,咱们讲清楚了如何专业的创建一套色卡,可能更多是设计团队内部方便使用。今天咱们再聊聊颜色的语义化以及如何制定颜色使用规则,其价值在于能方便与其他团队配合,尤其是与开发之间的配合更加顺畅,他们 ...
2023-11-23 08:41
新手科普!影响视觉设计好坏的六要素:造型篇(下)
前言 上篇文章我们从图标造型、卡片造型和 banner 造型三大模块对设计中造型进行了剖析,本篇文章接上篇文章从按钮造型、瓷片区和导航继续对造型进行剖析。 新手科普!影响视觉设计好坏的六要素:造型篇(上)前言对 ...
2023-11-20 01:28
5000字案例复盘!如何从0到1打造B端仪表盘?
最近翻译了一篇国外设计师在做 B 端仪表盘页面的设计过程和思考,最后我会通过文章进行分析,看看我们能从这个设计案例中学到哪些东西。 这个设计案例以创作者为中心,驱动创作者更好的创作内容,关注创作者成长。跟 ...
2023-11-20 00:42
4000字干货!XR时代必须掌握的手势交互设计基础!
一、XR 中手势交互设计综述 在 XR 中,手势交互起着至关重要的作用。首先,手势交互是一种更自然、直观的控制方式,可以提升用户的沉浸感和体验质量。其次,手势交互可以提供更丰富的输入方式,使用户能够以更灵活、 ...
2023-11-18 07:15
如何组合元素,才能搭配出好看有设计感的画面?
咱们这章就重点说说如何组合元素搭配出有设计感又实用的构图,希望你看完之后能有所收获。 上期回顾: 丰富好看的造型是怎么设计出来的?来看高手的案例解析!上回咱们讲完了造型中最重要的2种方式:合并和修剪。阅 ...
2023-11-17 06:34
UI必看!帮你快速掌握弹窗组件的设计方式
一、组件介绍 弹窗是一种瞬态的交互式视图,它会在“合适”的时间弹出到页面的最顶层,并借由用户的一次点击完成关闭。 在我们习惯的语境中,弹窗仅指模态弹窗,故这里不讨论那些看上去也是弹出式却非模态弹窗,那些 ...
2023-11-16 08:10
大厂实战!设计师如何让直播间数据翻倍?
Mob 研究院的「2023 年短视频行业研究报告」显示“短视频市场规模占整体网民的 94.8%,人均每天使用 3 小时。”短视频/直播早已成为各行各业的兵家必争之地,对于蓝领招聘行业来说,这是否也是一个巨大的机会呢? 更 ...
2023-11-16 07:02
6000字干货!设计师如何用Figma解放三倍生产力?
本文将设计团队接触 Figma 以来的重要心得、经验进行梳理总结,帮助大家更好得理解和掌握 Figma。本次主要介绍Figma 中最重要、也最提效的两个概念——Frame和自动布局。 更多Figma 干货: 让团队效率提高48%!我是 ...
2023-11-15 08:15
AI浪潮下,XR设计师一定要掌握的设计工具(上篇)
引言 随着 AI 浪潮的爆发,各种赋能于绘画、UI 及 3D 美术领域的设计工具都发生了革新,提升了设计效。本期作者将介绍从上百个 AI 设计工具及插件中筛选出好用的提效设计工具,这些对 XR 设计师及产品经理可以快速上 ...
2023-11-15 00:17
悬浮图片
×