UI设计面试题以及答案 .pdfVIP

UI 设计面试题 1. 设计流程规范： 这个问题范围跨度比较大，可以先回答一下设计流程：比如APP 设计流程（功能定位— —目标用户需求分析——交互设计并出交互原型图——风格定位，通过风格设计稿并确认该 风格是否被采用——页面功能小图标设计——APP 界面整体设计并优化——运用 Icon 设计 ——整套运用视觉设计完稿——交接给前端开发人员。 规范可以从两个角度来回答：1，APP 设计中的规范（如果举例是网页设计流程那就说网 页的）。2 交接给前端的文档规范。 设计规范主要从尺寸及分辨率、界面基本组成元素（状态栏、导航栏、主菜单栏、内容 区域）、字体大小、切图（切图规范可以适当讲一下适配问题，Android 设计规范中单位是 dp ），颜色值 （16 进制颜色交付方式）。 交接规范：交接文档中的规范从四个维度来说：1，色彩规范 （页面主色和页面辅色以及 文字颜色）。2，图标规范（比如平台通用的罗列到一起，导航的罗列到一起等）。3，按钮 规范（一级按钮，二级按钮，其他按钮等以及各种交互状态的标明）。4 ，排版规范（间隔 标注，字体大小，字体颜色等）。 2，i7 和 i5 尺寸怎么适配?字体大小等? （i7 和 i6 尺寸一样） 答：一套设计稿适配的前提：设计稿必须为矢量的。图片除外。比如图标，线、点、颜 色块等元素都是矢量或者形状。以 iphone6 为基准设计稿（建议用 i6），适配 iphone5 ： 设计里面包含很多位图。如何需要考虑位图的适配？i5 和 i6 的 PPi 相同，所以都用@2X 图，如果要去适配 Plus 那需要额外导出一套@3X 图。 3.有没有上线的作品? 这个要根据实际情况来回答。灵活处理。 4.擅长什么风格的设计? （喜欢? ） 例如 1：半扁平化设计，它结合了 materialdesign 和 flatdesign 两种风格的处理手法。使 简洁的设计上多一些空间感，包括悬浮的按钮和卡片的设计。它让像素具备海拔高度，让系 统的不同层面的元素，都是有原则、可预测的，不让用户感到无所适从，用户体验好。 例如 2：三维呈现：三维相比平面在内容上更加有纵深感从而也提升了设计的趣味性， 尤其是运用在运营设计上会让画面显得更加丰富。其他：也可以从拟物系：写实、半写实上 说，自行组织语言。 5. 有没有和前端实际交接过? 结合第一题的交接规范来谈。 6. 学的代码和设计有什么用处? a，WEB、APP 的设计最终都需要通过编码的形式来呈现给用户。所有掌握一些编码的基 础可以让设计的实现性变得更高，提高项 目工作效率。 b，掌握一些编码基础可以让沟通变得更加准确有效。 c，对于自身技能的扩展和提升，必要时可以协助编码人员分担一些工作，加快项目进度。 7. iOS 状态栏，标题栏和tab 栏分别高度多少? 分别是40px 88px 98px (6P :60px 132px 146px) 。 8. 图标尺寸最小多小?最大多大? 以IOS 为例，图标分为功能图标和运用图标： 如果功能图标：最小44*44PX 一般用在导航栏和工具栏。 最大75*75px 如果运用图标：要分运用场合,没有最大最小，有实际的尺寸规定。 9. 在合作项目中你负责哪些? 从两个方面说，一个是主要做的工作，一个有参与到其中的工作。 例如：在实际的项目中，主要负责 UI 设计，参与项目的需求分析，交互设计探讨，前 端界面的基本编码布局等。