2026年360设计岗笔试题及答案

2026年360设计岗笔试题及答案

一、单项选择题（每题2分，共20分）1.在Figma中，将组件实例彻底脱离主组件且不再接收更新的快捷键是A.Ctrl+Alt+B B.Ctrl+Alt+K C.Ctrl+Alt+G D.Ctrl+Alt+Shift+K2.下列关于色彩无障碍标准的描述，符合WCAG2.2AA级要求的是A.正文与背景对比度≥2.5:1 B.大文本对比度≥3:1 C.正文与背景对比度≥4.5:1 D.图标对比度≥2:13.在iOS人机界面指南中，推荐的最小可点击区域尺寸为A.30×30pt B.36×36pt C.44×44pt D.48×48pt4.使用“8点网格”体系时，下列间距值不符合规范的是A.16 B.24 C.36 D.485.在Web端实现“prefers-color-scheme”媒体查询时，下列写法正确的是A.@media(color-scheme:dark) B.@media(prefers-color-scheme:dark) C.@media(theme:dark) D.@media(dark-mode:true)6.下列关于HelveticaNeue与Arial的对比，正确的是A.两者x高度相同 B.Arial字符宽度更窄 C.HelveticaNeue曲线更几何化 D.Arial为无衬线字体7.在AdobeAfterEffects中，将形状图层“内容”中的“椭圆路径”尺寸由100×100px动画到200×200px，默认插值方式为A.线性 B.贝塞尔 C.定格 D.自动贝塞尔8.下列关于“设计令牌（DesignToken）”的描述，错误的是A.可用JSON格式存储 B.可描述颜色、字体、圆角 C.必须依赖StyleDictionary工具 D.可跨平台同步9.在响应式断点设计中，Bootstrap5的“lg”断点起始宽度为A.576px B.768px C.992px D.1200px10.使用“格式塔”原理中的“共同命运”规律，最能解释下列哪种交互现象A.下拉刷新时，多元素同时旋转 B.卡片hover时阴影加深 C.按钮置灰表示禁用 D.红色文字提示错误二、填空题（每题2分，共20分）11.在CSS中，实现文字截断并显示省略号的三个必要属性是________、________、________。12.国际通用图标库中，“汉堡菜单”图标的三条横线高度比例通常为________∶________∶________。13.在Figma的变体（Variants）功能中，命名规则“Type=Primary/Size=Large”中的分隔符应使用________符号。14.苹果官方推荐的SanFrancisco字体有两种视觉尺寸，正文使用________，标题使用________。15.在安卓MaterialYou动态配色中，系统通过________算法从壁纸提取________色与________色生成tonalpalette。16.若主色为0052CC，其HSL值为H________°、S________%、L________%。17.在Principle中，要使图层A从屏幕外滑入，需给A添加________触发事件，并设置初始X坐标为________。18.在Web可用性测试中，SUS量表得分≥________分即被认为“可用性良好”。19.在Sketch里，使用“缩放”工具时按住________键可保持图层比例不变。20.在Axure中，实现“条件判断”的交互需要用到________面板与________逻辑。三、判断题（每题2分，共20分）21.在Figma中，自动布局（AutoLayout）的Padding值可以设置负值。22.根据GoogleCoreWebVitals，LCP指标大于4秒被判定为“需要改进”。23.在Photoshop中，智能对象栅格化后仍可无损放大。24.使用“情感化设计”三层次理论，反思层对应用户长期感受与品牌记忆。25.在CSS变量定义中，--main-color:red!important;的写法是合法的。26.在Framer中，代码组件必须使用TypeScript，不可使用JavaScript。27.根据ISO9241-11标准，效率、有效性、满意度是可用性的三大指标。28.在C4D中，将样条曲线作为路径约束后，物体自动沿路径运动无需关键帧。29.在UI设计中，使用“接近色”搭配时，色环夹角一般小于30°。30.在AfterEffects导出Lottie动画时，支持表达式中的所有JavaScript方法。四、简答题（每题5分，共20分）31.简述“8点网格”体系在跨团队协作中的三点优势，并给出一条常见例外场景。32.说明“设计令牌”在DesignSystem迭代过程中如何降低前端重构成本。33.列举Web端实现深色模式的三种技术方案，并指出各自最大缺陷。34.描述一次完整的“可用性测试”六步流程，并指出哪一步最容易被国内团队忽视。五、讨论题（每题5分，共20分）35.结合案例讨论“无障碍设计”对商业品牌的长期价值，需包含ROI视角。36.当产品经理坚持“像素级复制iOS”而技术评估无法实现时，作为设计负责人你如何平衡体验与可行性？37.在AIGC工具大量产出界面素材的背景下，设计师的核心竞争力将如何迁移？38.请就“设计系统过度工程化”现象展开批判，提出两条可落地的“轻量化”策略。答案与解析一、单项选择题1.B 2.C 3.C 4.C 5.B 6.D 7.B 8.C 9.C 10.A二、填空题11.overflow:hidden;white-space:nowrap;text-overflow:ellipsis12.1∶1∶1（或写“相等”）13.“/”14.SFProText；SFProDisplay15.聚类；主；辅16.210；100；4017.Scroll；屏幕宽度+图层宽度（或写“大于屏幕的正值”）18.6819.Shift20.交互；条件三、判断题21.× 22.√ 23.× 24.√ 25.√ 26.× 27.√ 28.× 29.√ 30.×四、简答题（每题约200字）31.8点网格优势：1.统一节奏，减少决策疲劳；2.与主流开发dpi映射（1×、2×、3×）整除，无半像素；3.方便自动生成间距token，设计代码一致。例外：图标或文字基线微调需2px或4px偏移，避免视觉重心失衡。32.设计令牌将颜色、字体、圆角抽象为key-value。迭代时只需更新token源文件，StyleDictionary自动输出各平台代码，前端无需手动搜索替换，重构成本从“人日”级降至“分钟”级，并降低漏改风险。33.方案：1.CSS媒体查询prefers-color-scheme，缺陷是旧浏览器不支持；2.类名切换body.dark，缺陷是首屏闪白；3.CSS变量+服务端保存用户偏好，缺陷需额外后端接口与Cookie合规审查。34.流程：1.目标定义→2.任务脚本→3.用户招募→4.预测试→5.正式测试→6.报告与迭代。最易忽视的是“预测试”，国内团队常因排期紧张跳过，导致任务脚本歧义、数据失真。五、讨论题（每题约200字）35.无障碍带来更大用户群，间接提升SEO与品牌声誉。案例：某电商加入语义化标签与键盘适配后，自然流量提升7%，老年用户转化率+12%，客服投诉-20%。ROI=新增收入/投入≈4.3，12个月回本。36.先对齐“体验目标”而非“像素”，用交互Demo量化差异；给出技术成本评级（高/中/低）与设计收益评级，用2×2矩阵让产品决策；若必须妥协，保留品牌识别关键帧，用低成本动画或插画补偿情感体验。37.核心竞争力从“产出界面”转向“定义问题+验证价值”。设计师需深耕用户研究、系