塔斯娱乐资讯网

设计规范、组件化、响应式、无障碍设计

设计面试专业基础题答题要点
除项目口述、行为面试外,面试官常会问设计专业基础题,没有唯一标准答案,但能直接看出你的专业功底和落地经验。
设计规范相关
你如何建立和维护设计规范
先盘点现有产品界面,做样式现状审计,梳理重复、不统一的问题;按业务优先级规划规范模块,从基础色、文字、图标起步;选用合适工具沉淀文档,同时和前端对齐,保证设计规范能落地映射到代码;后续跟着版本迭代持续更新,同步给团队做使用培训,统一落地标准。
组件化相关
如何设计一个可复用组件
先定义组件基础行为,保证逻辑可预测;通过尺寸、类型、状态等变体预留灵活扩展空间;完整覆盖常规、悬浮、选中、置灰、报错、加载等全部状态;命名统一有规则,配套清晰的使用场景和禁用说明,兼顾通用性和易用性。
你对原子设计怎么理解
原子设计是由五层结构组成:原子、分子、有机体、模板、页面。核心是由小到大、逐层拼装的构建思维,方便组件复用、统一视觉、提升团队协作和开发效率。
响应式设计相关
你怎么做响应式设计
先确定适配设备和断点,选择移动端优先或桌面优先思路;用弹性网格和相对单位做布局适配;不同屏幕调整排版结构、内容优先级、交互形式和字号间距,保证多端体验一致且适配自然。
移动端和桌面端核心差异
交互上是触屏操作与鼠标精准操作的区别;屏幕空间大小不同,信息密度和布局逻辑不一样;使用场景碎片化 vs 专注办公;导航层级、输入方式、手势交互习惯都有明显差异。
无障碍设计相关
设计中如何考虑可访问性
遵循色彩对比度达标正文 4.5:1、标题 3:1;不只用颜色区分状态,搭配图标和文字提示;网页正文不小于 16px,移动端触控区域至少 44×44px;优化信息结构适配屏幕阅读器,支持键盘 Tab 导航,动效支持关闭,兼顾各类人群使用体验。
你了解 WCAG 吗
是网页无障碍设计规范,分 A、AA、AAA 三个等级;核心四项原则:可感知、可操作、可理解、健壮稳定。日常项目落地至少遵循 AA 标准,也是主流公司的基础要求。
专业题通用答题思路
不只讲理论,结合自己真实项目经历举例,显得落地不空洞。
遇到不熟的知识点,不用硬编,坦诚说明,再讲自己相关认知和理解。
哪怕实践不多,也要说出概念价值、应用场景,体现学习能力和专业视野。