UI设计师(界面设计)面试题

Posted 2022-09-20 水香木鱼

一、博主介绍

💒首页:水香木鱼

🛫专栏： 笔芯-UID【原创】

✍简介: 博主:花名 “水香木鱼”，星座"水瓶座一枚"

🔰 格言: 生活是一面镜子。 你对它笑， 它就对你笑； 你对它哭， 它也对你哭。

🔋 充电：相信付出终将会得到回报!

---

二、笔芯文章

UI设计师面试题来喽。1-15【初级、中级题】 16-20【高级题】

(1)、说一说UI设计具体是什么？

UI即User Interface(用户界面)的简称 。“UI设计（或称界面设计）是指对软件的【人机交互】、【操作逻辑】、【界面美观】的整体设计。

UI设计就是用户界面设计，

• 用户界面是用户和设备交互的重要介质；

• 用户界面设计可分为感觉和情感两个层次，其中综合了心理学、设计学、语言学等方面的学问；

一个产品的UI设计直接关系到用户体验，随着移动设备的进展，用户体验越来越重要

好的UI设计不仅是让软件变得有个性有品位，还要让软件的操作变得舒适简单、自由，充分体现软件的定位和特点。

(2)、说一说UX与UE设计？

“UX,指的是用户体验。一般而言国内UX设计师也称为【交互设计师】或【UE设计师】。

UX设计师是设计人与信息产品的流程和关系,归根结底都要研究人、事、物的联系,它是一个囊括计算机工程、心理学、设计的交叉学科。”

UE设计，也有人叫做UX，其实就是UserExperience的缩写。

用户体验设计，就是最大程度上是网站的功能设置界面设置更加人性化，方便用户，以用户为中心的设计原则。

区别：

UI即User Interface ，用户界面，业界一般指的是界面视觉设计。

UE即User Experience，用户体验，UE范围最大，不仅仅包含视觉与交互.研究的对象是用户使用这个产品过程中所有的感受，比如听觉视觉触觉嗅觉味觉等等。

(3)、UI设计的三大原则

1. 易用性，使用户能够更简洁的使用产品，通过界面完成想要做的操作；

2. 在界面美观的基础上，减少用户的记忆负担，使用户在使用产品时不用刻意记忆各种功能，可以很舒适的完成操作，从而使用户得到很好的产品体验；

3. 界面的一致性：对于产品而言，在功能完备的基础上，界面的美观很重要，美观的界面不仅使产品本身更具魅力，仍会给用户带来愉悦的体验；除此之外界面要高度一样，用户使用界面时界面往往会有惯性的思维，UI要保持一样，以免用户思维方向被打乱，影响产品的用户体验

(4)、UI设计常见的问题

1)、要明确自己的用户群，不同的用户阶层对不同的设计元素有不同的懂得

2)、要确保UI能够使用户自由掌控自己的浏览行为，要确保用户从某个点跳出，能够毫无障碍地退出某个界面；

3)、尽可能的削减程序中的BUG和错误，从而改善用户体验，beat测试是削减错误的最好的方法。

4)、将重点放在重要的内容上，将最重要的东西展现给用户，从而使用户更好的懂得你的设计；

5)、设计要简约：简约的设计可以增强UI的易用性，可以让用户不必关怀那些没必要的信息；而过于拥挤的页面不管功能多强大都会给用户带来糟糕的用户体验

6)、要有视觉提示：当我们使用了Ajax 、axios 等技术时，当内容加载时应当有视觉提示，始终让用户知道目前在做什么；

7)、要确保内容清楚，精确，易懂；

8)、颜色的使用；颜色是UI的重要元素，不同的颜色代表不同的心情，颜色的使用应当和站点以及主题相契合；仍要考虑特别人群的感受，有的用户可能是色盲，在颜色使用上要考虑他们的感受；颜色使用要保持一样，一旦选定了某种颜色，整个站点一样使用这种配色；

9)、良好的页面结构；在UI设计中各个元素应当放在他们该放那个的位置，总体结构应当清楚，一样相关联，那些不相关的东西应当单独放置

(5)、说一说你对用户体验的理解？

用户体验是产品设计的灵魂职位，通过分析用户心理模型与产品功能需求来设计任务流程。

运用交互知识搭建产品的核心架构设计出产品原型以最终实现产品的可用、易用与好用。

(6)、说一说软件图标一共有多少种是比较常见的？

64*64，32*32，24*24，16*16

(7)、说一说 iOS三大设计原则

• 保证界面清晰：指大量留白/颜色简化/系统字体/无边框设计

• 设计遵从跟随内容：充分利用全屏/半透明元素暗示背后内容/减少拟物化设计

• 设计深度跟随内容：3D Touch/半透明浮层/条目层级/转场层级

(8)、网页色彩设计的原则?

1.网页色彩要有鲜明性。

2.网页色彩要有独特性。

3.网页色彩要有针对性

4.网页色彩要有相关性。

(9)、字体设计追寻的原则？

文字的适合性、文字的适合性、文字的视觉美感、在设计上要富于创造性

(10)、网站设计中应注意的原则？

明确建立网站的目标和用户需求、总体设计方案主题鲜明、网站的版式设计、色彩在网页设计中的作用、网页形式与内容相统一

(11)、你平时都用一些什么软件？

除了基础的PS、AI等基础的设计软件，那些原型Axure、动效软件Ae、手绘、做跳转的墨刀我都比较熟悉，蓝湖协作平台也熟悉，平常用AE会做一些MG动画。

(12)、你做设计用Windows还是Mac？

Windows和Mac两个都会使用，当然如果公司能配备Mac那是最好的，因为Mac的视觉、颜色及软件的各方面比起Windows都是有一定优势的。以前一直用的是Mac。

(13)、你平时一般上什么网站？你收集了多少素材？你平时是怎么整理素材的？你一般去哪里找素材？

国内素材站有花瓣，站酷，千图网等。

我的素材是不限于某一网站的，在此基础上习惯于将他们的优秀想法进行分类，同时也会根据色彩、风格等分类，目前已收集到一个硬盘的素材。

其实我个人在日常生活中也会画一些插画/启动页/2.5D/缺损图标。

Behance、Dribble、Pinterest也经常上。另外，因为喜欢设计，我自己也是千图网的VIP会员。

(14)、你是怎么决定一个产品的配色的？

首先，如果公司有VI企业识别，我会根据公司的VI企业识别，优先选择VI的配色。

其次，我会根据目标用户的喜好以及公司管理层对于产品定义的意见。

当然，对于产品配色大方向已经确定的情况下，我也会多出几个方案以供公司挑选（或使用用户调研的方式寻求最能让用户接受的配色方案）。

(15)、APP一般做几个尺寸？屏幕分别是什么像素？

ios（主要两种尺寸）：（3s）320X480 （4及4s）640X960 （5）640X1136 主要尺寸（6、7、8）750X1334 主要尺寸（6p、7p、8p）1242X2208 （X）1125X2436

(16)、你有没有已上线的项目？

尽量有，公司很看重是否有上线项目，可以说自己之前公司的项目名称。若没有，事先可以做一些简单的模板H5设计。

(17)、什么叫web响应式设计？

根据不同尺寸,在各个不同的终端上，以最符合用户习惯和最符合此屏幕尺寸的版式去排版。现在的设计都需要符合响应式设计。

(18)、你接到一个项目后，设计思路是怎么样的？

先分析市场需求，分析竞品，在经过沟通后与设计效果图，环环推进后完成整个项目

(19)、一个Banner的设计要素是什么？

背景，分为：大的一级标题，补充作用的二级标题，细节补充的三级标题。比如：活动时间、活动地点、主体物、小点缀。

(20)、我们公司的这款产品要改版，如果让你改，你会怎么改？

首先我会分析它的产品定义，用户群体特点，分析该产品的问题是什么并且当下用户群体的流行需求是什么。

(21)、APP规范怎么做？APP设计的时候需要注意什么？

规范：字体、尺寸、色彩、图标、间距、布局等。
需要注意的是：尺寸、误操作、颜色的信息层级、图文的信息层级、是否清晰、流程是否无误

三、博主致谢

感谢小伙伴们，耐心的阅读完本篇文章，关注👉 水香木鱼🔔 获取更多精彩文章！

⭐⭐⭐ 别忘记一键三连呦!