UI设计师面试测试题及详细答案.docxVIP

UI设计师面试测试题及详细答案

一、基础理论题（每题10分，共30分）

1.请说明UI设计中“栅格系统”的作用，以及你在实际项目中如何运用栅格？

参考答案：栅格系统的核心作用不是“好看”，而是解决「界面一致性、响应式适配、团队协作效率」三个核心问题——避免不同页面的间距、排版混乱，让适配多设备（手机、平板、PC）更高效，同时让设计师、前端的协作有统一标准，减少沟通成本。

实际项目中，我不会生搬硬套固定栅格（比如12列、24列），会根据产品类型调整：比如做移动端APP（竖屏），常用6列栅格，左右留边距（iOS一般20pt、Android16dp），内容区间距统一为8dp/16dp（遵循8px原则，方便前端换算）；做PC端后台管理系统，用24列栅格，因为后台模块多、布局复杂，24列可灵活拆分（比如左侧导航占4列、内容区占20列），同时定义栅格的gutter（列间距）为16px，确保页面整洁有序。

补充：栅格不是“枷锁”，遇到特殊场景（比如弹窗、卡片内的小布局），会在栅格基础上微调，优先保证用户阅读体验，而非死守规则。

2.什么是“交互原型”和“视觉稿”？两者的核心区别的是什么？

参考答案：交互原型是「解决“怎么用”」的草稿，核心是呈现页面的流程、逻辑、交互动作，不用关注视觉细节，目的是让产品、开发、设计师达成“功能逻辑共识”；视觉稿是「解决“好不好看、符不符合品牌”」的最终设