SHAPE AN IDEA案例设计·入门把品牌官网从信息堆叠变成清晰路径以独立创作工具的品牌官网为练习，将一句话定位、能力证据、适用人群和行动入口排成可理解的阅读顺序，学习用内容清单与任务检查改善首屏和页面层级。信息架构品牌官网内容设计墨白编辑部6 分钟
SHAPE AN IDEA案例设计·进阶B 端仪表盘先展示什么：从指标到决策以内容运营仪表盘为练习，按待处理事项、趋势解释和明细追查排列信息，拆分零值、缺失和延迟，建立指标口径及更新时间，让每块图表都能支持一个明确决策。仪表盘数据可视化信息优先级墨白编辑部7 分钟
SHAPE AN IDEA案例设计·入门登录页的四种异常状态怎么画从格式错误、凭证不匹配、请求中断和会话过期四类异常入手，建立登录页的状态表、恢复入口与反馈文案，兼顾用户能继续操作和身份信息不被无意暴露的边界。登录体验异常状态交互文案墨白编辑部6 分钟
SHAPE AN IDEA案例设计·进阶素材库筛选：让条件与结果形成闭环从查找一套可商用线性图标的任务出发，设计分类、格式和授权的筛选组合，保留当前条件与结果数量，区分没有素材和没有匹配，补齐清空、返回及移动端应用流程。素材管理筛选交互空状态墨白编辑部6 分钟
SHAPE AN IDEA案例设计·进阶设计系统规范：先定义组件行为，再命名样式以按钮和输入框为起点，将零散视觉稿整理成语义变量、状态清单与使用规则，说明组件何时使用、怎样组合和如何升级，建立设计与开发都能维护的最小规范。设计系统组件规范设计变量墨白编辑部7 分钟
SHAPE AN IDEA案例设计·入门移动表单出错后，怎样让用户接着填以活动报名表为练习，梳理软键盘、错误定位、草稿保留和分步返回的关系，通过具体错误文案与恢复流程，降低用户在小屏幕上修正信息时重复输入的负担。移动表单错误恢复可访问性墨白编辑部6 分钟
SHAPE AN IDEA案例设计·入门作品集叙事：用决策链连接问题与界面以自发改版练习为例，组织问题、约束、备选方案、关键决定和验证记录，区分观察与推断，明确个人贡献和证据边界，让作品集展示设计判断而不仅是最终画面。作品集设计叙事证据表达墨白编辑部6 分钟
SHAPE AN IDEA案例设计·入门商品详情页：把规格选择放回购买路径以可下载设计素材包为练习，梳理预览、授权、规格与付款前确认的连续路径，明确价格变化和缺货反馈，减少用户在长详情中反复寻找购买条件的成本与误解。电商体验购买路径规格选择墨白编辑部6 分钟
SHAPE AN IDEA案例设计·进阶SaaS 方案对比：让差异能被逐行判断以个人与小团队协作工具的套餐页为练习，统一计费单位、功能定义和限制说明，用有语义的对比表呈现真实差异，并补充适用场景，帮助读者判断成本与升级条件。定价页对比表内容策略墨白编辑部7 分钟
SHAPE AN IDEA案例设计·进阶上传流程设计：失败以后只重试该重试的部分以多文件作品提交为练习，拆分排队、传输、处理与完成四个阶段，为单文件失败、主动取消和凭证过期设计对应出口，避免进度到达百分之百就被误认为已发布。上传体验状态机重试机制墨白编辑部7 分钟