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

一、博主介绍

💒首页:水香木鱼

🛫专栏： 笔芯-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设计的时候需要注意什么？

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

三、博主致谢

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

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