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

UI设计教程与实践

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

版本差异对比页怎么设计?新增、删除与恢复文章封面
版本差异对比页怎么设计?新增、删除与恢复

通过设计稿版本详情对比,拆分新增、删除、修改和无差异状态,给出差异摘要、版本切换与恢复路径。

设计 2026-10-14
级联选择器怎么设计?层级加载与回显文章封面
级联选择器怎么设计?层级加载与回显

用省市区地址选择拆解级联选择器:父级变化如何清空子级、加载中和无结果如何提示、编辑已有地址怎样回显。

设计 2026-10-14
原型内容压力测试:长文案与空数据怎么处理文章封面
原型内容压力测试:长文案与空数据怎么处理

用中文报表卡片建立内容样本,逐项检查长标题、空负责人、零值与导出失败,再写成设计和研发能共用的展示规则。

设计 2026-10-13
设计系统如何与代码同步?从Token命名到组件变更验收文章封面
设计系统如何与代码同步?从Token命名到组件变更验收

设计系统同步的关键是同一命名、同一版本和同一验收标准。

设计 2026-10-13
表格行内编辑怎么设计?保存、校验与并发冲突一套讲清文章封面
表格行内编辑怎么设计?保存、校验与并发冲突一套讲清

行内编辑要把正常路径和未保存、失败、冲突状态一起设计。

设计 2026-10-13
通知中心交互怎么设计?未读、筛选、批量处理与状态反馈文章封面
通知中心交互怎么设计?未读、筛选、批量处理与状态反馈

把已读与已处理分开,讲清筛选、批量范围、失效通知和失败恢复,让通知真正承接下一步操作。

设计 2026-10-13
设计稿切图怎么交付?资源命名、倍率与前端验收文章封面
设计稿切图怎么交付?资源命名、倍率与前端验收

资源清单、命名、倍率和状态一次写清,减少设计稿切图交付返工。

设计 2026-10-13
信息架构怎么做?页面层级、导航与结构验证文章封面
信息架构怎么做?页面层级、导航与结构验证

从内容清单到树测试,做出用户找得到、团队讲得清的信息架构。

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

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

墨刀白板
墨刀白板

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

Axure原型设计教程
Axure

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

Figma界面设计教程
Figma

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

Sketch界面设计教程
Sketch

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

热门文章