资源介绍
视频数量：30个
总时长：1小时11分
课程介绍：
UI设计精要100讲：设计师必须掌握的核心概念
你在Figma里精心调好了一个按钮的样式，结果产品经理说文案要从“确定”改成“查看详情”，你一改，布局全乱了。或者是辛辛苦苦做了二十个页面，最后发现按钮圆角这里8px那里12px，颜色深一个浅一个，被开发问“设计规范到底在哪儿”。这些坑，做过真实项目的设计师应该都不陌生。
这门课不讲那些听起来高大上但落不了地的理论，它把UI设计中真正会用到的核心概念拆成三十个专题来讲。每个概念都配有实战讲解和可下载的参考指南，帮助你把碎片化的设计知识串成体系。不管你是刚入行的新人，还是想补齐知识盲区的设计师，这套课程都能给你带来实质性的提升。
先来看第一部分，布局与工作区基础。
设计工具用得熟不熟，直接决定你能不能高效出稿。课程第一个概念就讲Figma的自动布局，这个功能说白了就是让界面元素能自动适应内容变化——按钮的宽度会跟着文字自动调整，卡片的高度不用你手动改，你只需要切换一下画板尺寸，整个布局就能自动响应。把这个概念吃透，你以后改设计再也不用一个个手动调了，省下的时间够你多出两套方案。
接下来是组件和变体的区别。组件是可复用的设计元素，变体是同一个组件的不同状态。听起来简单，但很多设计师混着用，导致设计文件越做越乱。课程会用具体例子告诉你怎么建立清晰的组件结构，让你的文件在项目变大之后依然保持整洁。
颜色和字体是界面的门面。配色系统那节课会教你怎么建立一套既好看又实用的颜色体系，不只是挑几个顺眼的颜色，而是要考虑主色、辅助色、功能色的配合，以及它们在不同场景下的表现。字体排版那节课则聚焦在UI环境里怎么选字体、怎么定层级、怎么做字阶，这些都是让界面看起来专业的基本功。
表单是产品里最复杂的模块之一，填错信息、不知道在哪、不知道怎么改，这些问题都跟表单设计有关。课程会讲表单UX的do’s和don’ts，告诉你怎么降低用户的填写成本，怎么设计清晰的错误提示，怎么引导用户一步步完成任务。
移动端导航是另一个难点。底部导航栏、侧边抽屉、汉堡菜单，各有各的适用场景，选错了用户就会迷路。课程会拆解主流的移动端导航模式，告诉你什么时候该用什么，用户在不同场景下会有怎样的预期。
第二部分进入设计系统和界面机制。
什么是设计系统？它不是一堆组件库，也不是一份设计规范文档。设计系统是团队用来一致地设计和构建产品的规则、组件和指南的共享集合。它定义了为什么要用这个组件、什么时候用、怎么用。谷歌的Material Design、苹果的人机界面指南都是成熟的设计系统参考。这部分会教你如何从零开始搭建设计系统，如何平衡可扩展性和易用性。
界面的状态往往被新手忽略。一个按钮不只是“可以点击”和“不能点击”两种状态，它还有悬停、聚焦、加载、禁用、错误等等状态。每种状态该怎么视觉呈现，什么时候该显示什么状态，这些细节决定了用户能不能准确理解系统的反馈。
间距是让界面呼吸的关键。8pt网格系统是业界通用的间距规范，遵循这个规则，你的界面元素就会天然对齐，不管谁来看都觉得舒服。这部分会讲怎么用8pt网格来规划间距，怎么处理不同屏幕尺寸下的适配问题。
响应式设计不只是让界面能缩放，它需要你从一开始就想清楚布局在各种设备上的表现逻辑。课程会教你如何建立响应式设计的思维框架，如何用断点和布局容器来实现优雅的适配。
微交互和反馈是让产品变得好用的秘密武器。一个按钮点击后的动效、一个加载状态的提示、一个成功操作后的确认，这些细节看起来不起眼，但它们构成了用户对产品体验的整体印象。课程会用具体案例分析什么样的反馈是有效的，什么样的反馈反而会打扰用户。
错误处理和空状态设计也是容易被忽视的环节。用户填错了表单、系统出了故障、页面还没有内容，这些“意外”情况其实最能体现一个产品的设计水准。好的错误提示不是告诉用户“你错了”，而是告诉用户“怎么办”。好的空状态也不是留一个空白，而是引导用户采取下一步行动。
第三部分聚焦信息架构与导航系统。
信息架构是产品的骨架。它决定了用户能不能快速找到想要的信息，能不能理解产品提供的价值。这部分会讲如何梳理信息层级，如何用卡片分类法等工具来组织内容结构。
导航系统是用户在你的产品里行走的地图。标签页和折叠面板什么时候该用哪个？面包屑导航在什么场景下有帮助？侧边栏导航和顶部导航各自适合什么样的产品？大型菜单怎么设计才能不让人眼花缭乱？这些问题都会一一拆解。
加载状态的处理直接影响用户的等待感知。同样是等三秒钟，一个转圈圈的spinner会让人觉得时间过得很慢，一个骨架屏则让用户知道内容正在来的路上，焦虑感会降低很多。课程会对比分析不同加载方案的效果，告诉你怎么选择适合场景的加载策略。
渐进式披露是处理复杂信息的利器。它意味着不要一次性把所有选项和信息都堆在用户面前，而是根据用户的需要和操作节奏，逐步展示相关内容。这既降低了认知负担，又保持了功能的完整性。
最后一个概念讲的是大数据集的UX设计。表格、列表、数据看板，这些承载大量信息的设计最怕的就是密密麻麻让人看不下去。课程会教你怎么通过分组、筛选、排序、分页等手段，让大数据集变得易读易用。
学完这三十个概念，你收获的不只是知道这些概念叫什么，更重要的是理解它们背后的设计逻辑，知道在什么场景下该用什么方案，遇到设计问题能从哪个角度切入去解决。这些都是设计师在工作中真正需要的能力。