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

UI设计师面试题及答案

一、基础能力题

问：用Figma做项目时，你怎么管理组件库？避免团队成员用错样式的问题

答：我会按“基础组件+业务组件”拆分，比如基础组件放按钮、输入框、图标，业务组件放商品卡片、订单列表这些专属模块。每个组件会设清晰变量，比如按钮的“主色/次色/禁用色”“大/中/小尺寸”，变量值直接关联品牌色卡和字体规范。

团队协作时，会把组件库设为“只读共享”，成员只能调用不能修改，改样式得走统一评审。另外会在组件备注里写使用场景，比如“警告按钮只用于删除、取消这类高危操作”，还会定期同步组件库更新，避免有人用旧版本。

问：iOS和Android的设计规范有哪些关键区别？实际做适配时会注意什么

答：最明显的是导航栏，iOS的返回键在左，没有状态栏图标对齐问题；Android很多机型有底部导航栏，得留好安全区，而且返回逻辑可能随厂商定制变。比如iOS的“模态框”通常从下往上弹，Android更多是居中弹出。

适配时我会先建双端共用的基础样式，再针对差异点做单独组件，比如按钮尺寸，iOS默认44×44pt，Android是48×48dp，会在组件里设双端变量。另外图标适配会注意，Android用矢量图避免模糊，iOS要适配@2x/@3x图，文字行高也会调，Android的Roboto字体和iOS的SanFrancisco行高算法不一样，得实际预览调整，避免文字截断。

二、项目实操题

问：如果产品经理让你在首页加3个推广按钮，但你觉得会影响用户浏览，怎么处理？

答：我不会直接拒绝，先问清楚产品的目标——是想提升某个活动的点击，还是增加转化？比如之前做电商首页，产品想加“限时秒杀”“新品首发”“满减券”三个按钮，我先拉数据看原来首页的热力图，发现用户主要注意力在商品列表，顶部加太多按钮会让首屏加载变长。

然后我做了两个方案：一是把三个按钮整合进顶部轮播图的次级页面，点轮播能看到；二是把按钮做成横向滚动条，放在商品列表上方，不占首屏高度。接着找产品一起看竞品案例，比如某东的首页推广按钮都是滚动展示，再算一下两个方案的预期数据——整合后首屏加载速度能快0.5秒，滚动按钮的点击量可能比直接堆3个高（因为用户不会被分散注意力），最后产品选了滚动方案，上线后点击量比预期还高15%。

问：你做过的项目里，有没有因为设计没考虑到开发难度，导致返工的情况？后来怎么改进的

答：有过！之前做一个金融APP的资产图表，我设计了渐变色的环形图，还加了点击扇区弹出详情的动效，结果开发说渐变色在低版本Android上会出现色块断层，而且点击动效要写大量自定义代码，赶不上上线时间。

后来我和开发一起改：把渐变色换成纯色+细线条描边，既保留视觉层次，又减少兼容性问题；点击动效简化成“扇区放大+轻微阴影”，开发用现成的图表插件就能实现。从那以后，我做复杂设计前会先问开发“这个效果有没有成熟的组件”，比如动效会查Lottie有没有类似案例，图表先看ECharts、Chart.js支持哪些样式，避免想当然设计。

三、协作沟通题

问：和前端开发对接时，对方说“你这个设计实现不了”，你怎么应对？

答：先别急着改设计，先让开发说清楚“实现不了的原因”——是技术上做不到，还是时间不够，或者有兼容性问题？比如之前我设计了一个“卡片左右滑动+边缘渐变”的效果，开发说“渐变在小程序里会卡顿”，我就问“如果去掉渐变，只保留滑动，能不能实现？”开发说可以。

然后我会评估“去掉渐变会不会影响核心体验”，这个效果的核心是让用户知道“卡片能滑动”，就算没有渐变，加个小箭头提示也能达到目的。最后和开发确认简化后的方案，同时记下来“小程序里滑动组件加渐变容易卡顿”，下次做类似设计就会避开。如果是核心效果不能改，就一起找替代方案，比如用静态图模拟动效，或者分版本实现（高版本手机用完整效果，低版本用简化版）。

问：用户反馈“你的设计不好用”，比如找不到某个功能，你怎么处理？

答：先搞清楚“用户是谁”“在什么场景下找这个功能”。比如之前有老年用户说“找不到修改密码的入口”，我先看后台数据，发现修改密码的入口在“我的-设置-账号安全”里，三级菜单确实深了。

然后找几个老年用户做访谈，问他们“想改密码时，会先点哪个按钮？”大部分人说会先点“我的”，再找“齿轮图标（设置）”，但进了设置后，“账号安全”的文字太小，他们没注意到。后来我把“修改密码”提到“设置”的二级菜单，还把“账号安全”的文字放大了2pt，加了个锁的图标。改完后再找用户测试，80%的人能快速找到入口。

四、职业认知题

问：现在