开学特惠 会员低至4.4折 限时加赠 10000 AI积分 立即前往 arrow

UI设计教程与实践

学习界面布局、组件规范与设计交付,用墨刀设计把方法用到团队项目中。

长任务加载状态怎么设计?进度、取消与离开后的恢复文章封面
长任务加载状态怎么设计?进度、取消与离开后的恢复

从报表导出任务说明进度的依据、取消请求与取消完成的区别,以及离开页面后如何找回任务结果;补足长时间等待的连续体验。

设计 2026-10-23
Figma自动布局怎么设置?用课程卡片练习Hug、Fill与换行文章封面
Figma自动布局怎么设置?用课程卡片练习Hug、Fill与换行

从一张课程卡片开始,按横纵两个轴设置尺寸,测试长标题和已满标签,再配置列表换行与独立手机布局,避免把自动布局误当成自动断点。

设计 2026-10-23
用户调研问卷怎么设计?题目、选项与结果分析方法文章封面
用户调研问卷怎么设计?题目、选项与结果分析方法

提供课程报名经历的七题问卷,区分已完成、未完成和未尝试,解释多选比例与样本偏差,再把时间、费用、信息和操作问题对应到可验证的设计改动。

设计 2026-10-21
单选框、复选框和开关怎么选?选择规则与生效时机文章封面
单选框、复选框和开关怎么选?选择规则与生效时机

以通知设置为例选择单选、复选与开关,区分暂存选择和已保存设置,补齐无选择、全部选择、部分选择以及开关失败后的恢复。

设计 2026-10-21
Tab选项卡怎么设计?内容分组、切换状态与移动端适配文章封面
Tab选项卡怎么设计?内容分组、切换状态与移动端适配

把项目详情的概览、任务、文件和活动组织为Tab,明确各自内容与共享上下文,设计切换后的筛选、滚动、未保存内容和键盘焦点。

设计 2026-10-21
按钮UI怎么设计?主次层级、动作文案与提交反馈文章封面
按钮UI怎么设计?主次层级、动作文案与提交反馈

用活动发布任务说明主次按钮、具体标签和危险操作的安排,补齐处理中、成功、确认失败与结果未知,避免按钮好看却让人不敢点、反复点。

设计 2026-10-21
数据可视化图表怎么选?柱状图、折线图、饼图与散点图的取舍文章封面
数据可视化图表怎么选?柱状图、折线图、饼图与散点图的取舍

用三渠道申请数据解释数量与完成率为何出现不同排名,给出选图决策表、分布示例与可复制图表规格,避免分母、基线和缺失值误导。

设计 2026-10-20
卡片式UI怎么设计?内容层级、点击区域与多端布局文章封面
卡片式UI怎么设计?内容层级、点击区域与多端布局

用一张课程卡说明字段取舍、主次动作、长标题和满额状态,并计算桌面三列与手机单列的内容宽度,提供可复制组件说明。

设计 2026-10-20
工具推荐
墨刀原型
墨刀原型

原型设计、交互、高保真演示

墨刀白板
墨刀白板

市场洞察、需求梳理、团队协作

Axure原型设计教程
Axure

Axure 是一款专业的原型设计工具,它允许设计师和产品经理快速创建原型和线框图,用于网页和移动应用设计。

Figma界面设计教程
Figma

Figma 是一款基于云的界面设计工具,它允许设计师进行协作和原型设计。Figma 支持多人实时在线编辑, 无需担心文件同步问题。

Sketch界面设计教程
Sketch

Sketch 是一款专业的矢量图形设计软件,主要用于 UI 设计、移动应用设计和 Web 设计等领域。

热门文章