而用户体验设计师负责产品的整体功能, 用户界面(UI)设计师主要关心的是产品如何布局, 以及产品的视觉传达元素是什么.
例如, UI设计师将确保每个页面, 用户将体验的屏幕或其他步骤是在用户体验设计师所创建的路径中设计的. 他们还负责在整个产品的视觉传达中保持整体一致性和实施风格指南.
UI和UX设计的区别是什么? 许多人往往忽略了这一区别.
另一个关键的区别是, 不像用户体验设计师, 对于UI设计师来说，掌握前端开发和编码技能并不罕见. 这是因为他们负责实际构建交互界面, 而不仅仅是根据用户体验设计师的意图来设计它们.
所面临的挑战
从许多人对UX和UI之间的区别的困惑中, 看到公司雇佣一个人来填补这两个职位并不奇怪. 本指南将帮助您澄清这两种设计实践之间的差异，并帮助您了解如何确定理想的新UI设计师.
用户界面设计师的招聘信息往往只包括雇主对UI设计师的看法, 朝两个相反的方向走.
第一个方向是将用户界面设计师视为整体图形设计师. 这导致分配诸如品牌，插图甚至印刷设计等任务.
另一个方向是招聘UI设计师来做UX设计师的工作. 当雇主不知道这两者的区别时，或者出于经济原因，就会发生这种情况: 聘请二合一设计师 .
不用说, 这两种极端都不是看待潜在UI设计师的正确方式, 这, 事实上, 当前行业面临的挑战是什么.
b谷歌的产品设计师Luke Wroblewski解释道:
“信息架构定义了信息的结构. 交互设计让人们操纵和贡献这些信息. 视觉设计将这些可能性传达给人们. 用户界面是所有这些东西的总和.”
希望你们现在已经明白了， UX设计师和UI设计师是两个完全不同的角色，不应该让一个人同时做这两件事.
用户界面(UI)设计师面试问题
责任, 可交付成果, 对全职和兼职UI设计师的要求总是在不断扩大和变化, 就像其他技术相关的工作一样. So, 以下是一些面试问题，你的下一个UI设计师应该熟悉这些问题，并且能够在回答时不会感到困惑或惊讶.
问:为什么线框图很重要? 你自己使用/创建线框吗?
在大多数团队中, 一旦用户体验设计师收集了必要的用户信息和数据，创建线框图将是他们的工作. 虽然这并不意味着你的UI设计师 对线框图一无所知 , 因为, 在很多团队中, 它仍然是一个UI设计师(或两者都是)，其职责是创建线框图. 毕竟，每个UI设计师都必须知道如何 “读” 理解给他们的线框图.
当被问到上述问题时, 你未来的UI设计师应该按照以下思路给出答案:
线框图最终是一个可视化工具或蓝图来呈现阶段, 步骤, 功能, 网页的结构和内容, 网站或屏幕. 线框图的目的是简单和基本, 缺少排版等设计元素的, 彩色或图形, 因为线框图的首要目的是表示功能.
问:你如何在你的工作流程中实现原型?
与线框图类似，原型设计通常由用户体验设计师提供. 因此, 任何UI设计师都应该知道为什么要制作原型, 以及如何利用它, 在工作流中.
简单地说，原型是为了设计探索和节省时间. 确保UI设计师不会浪费时间设计和重新设计特定的用户交互, 原型用于创建如何使用设计元素的模型.
原型允许UI设计师识别任何可能与UX设计师或架构师的意图相冲突的潜在问题.
问:你如何与UX设计师和开发人员合作??
你未来的用户界面设计师应该对回答这个问题感到自在, 主要是因为UX和UI设计师都是以设计为中心的, 所以他们经常不需要解释就能相互理解.
当UI设计师需要调整时, 改变, 添加或删除由用户体验设计师提供的东西, 他们应该把交流的重点放在线框图上, UI元素, 人物角色以及它将如何影响整个用户旅程. UI和UX设计师还应该测试产品，并在开发阶段向开发人员提供反馈. 所有这些元素组成了一个有凝聚力的设计团队.
问:什么是美学可用性效果?
这是一种现象，表明一个好看的设计总是比一个不那么吸引人的设计更有用, 尽管事实可能并非如此.
这一现象由两位研究人员证实, 鹿村香织和黑素正明, 在东京日立的书房里. 他们要求测试参与者对界面的美观性和可用性进行评分. 最后的研究结果证明，即使在试图评估界面的功能方面, 用户最终还是会受到界面美学方面的强烈影响.
优秀的UI设计师会牢记，这种效果很容易对用户的看法产生超出预期的影响. 这, 反过来, 可能会影响用户的行为，以及他们对使用设计系统的容易程度的看法.
问:什么是原子设计及其五个组成部分?
这是布拉德·弗罗斯特(Brad Frost)在2013年提出的一种新方法，但得到了广泛认可. 创建原子设计是为了设计专注于设计元素及其组合的接口, 而不是一个接一个地设计网页. 这是对创建这种方法的基本解释. 了解这五个要素会给你未来的设计师带来一些黄金加分.
原子: 这些是最小和最基本的构建模块. 它们被应用于web界面，如标签、输入字段、文本框、按钮等. 它们还可以包含颜色、调色板、字体等.
分子: 当原子结合时, 我们有分子:原子群, 结合在一起的是化合物中最小的基本单位. 分子也可以有自己的特性.
生物: 有机体是由分子作为我们的基石而形成的. 当分子结合在一起时, 它变成了一个已经被创造出来的界面的一个相对复杂和独特的部分:一个有机体.
模板: 这个阶段对客户来说应该已经有意义了. 可以理解的是，模板大部分是生物体组合在一起形成页面. 在这个阶段，我们可以看到一些东西，比如布局.
页: 这被用作模板的特定实例，以提供对最终输出的精确理解. 页面最终成为最高级别的保真度, 它允许UX和UI设计师, 在一起, 测试设计系统的有效性.
问:你如何确保自己与行业标准保持同步?
Digital design is always changing; its standards are always improving. So, 你未来的设计师可能犯的最糟糕的错误就是跟不上他/她所代表的行业.
这个问题的好答案应该包括候选人最喜欢的资源, 书, 博客, 播客或YouTube频道，他/她密切关注最新的行业信息. 如果能听到能给应聘者带来灵感的设计师也会很有帮助. 一个优秀的设计师知道永远不会有足够的灵感, never enough 创造力 resources and never enough to know and learn; 的refore, 你会希望看到你的未来设计师在这个问题上“发光”.
问:什么是行动召唤(CTA)? UI设计师应该关心它吗?
CTA是最重要的一个，如果不是的话 的 最重要的是，网站、平台、应用程序和数字界面创建的原因. 简而言之, 它是一个元素，将提示用户采取一定的, desired action; actions such as buying products, 下载报告, 分享内容, 捐款, 等等....... 用户体验设计师的线框图和原型的一部分应该确定行动召唤, 在理想的情况下, 能否说服用户参与.
一个优秀的UI设计师应该总是注意到CTA的指示，并确保在设计这个元素时它得到了大量的关注. 大多数时候, 它需要一个具体的和, 更突出的色彩造型, 不同的大小, 排版, 放置和对齐, 所有这些都是UI设计人员控制的.
问:你对色彩理论和色彩心理学了解多少?
对于优秀的UI设计师来说，回答这个问题绝对不是问题. 这是基础思维. 色彩理论是, 基本上, 一套旨在引发情绪的指导方针和法律, 通过非常具体的方式使用颜色来设定情绪和引导某人的注意力.
从本质上讲，色彩理论和心理学包括两个颜色组:暖色和冷色. 温暖的颜色, 比如橘子, 黄色和红色, 是否能唤醒热情, 能源, 积极和幸福. 冷色，绿色，紫色和蓝色，创造一个值得信赖，平静，放松和和平的环境.
单独的颜色也有其固有的能力来唤醒某些情绪. 例如，红色传达了危险、谨慎和危险的暗示.
总之, 优秀的UI设计师总是会运用色彩理论和色彩心理学的力量来强化想要传达的信息.
问:你对用户界面(UI)风格指南有什么看法?
在回答这个问题时, 你的候选人应该涵盖以下方面:什么是UI风格指南, 为什么要创建它?, 它是用来干什么的? 候选人在使用风格指南方面有什么经验?
类似于原子设计, 创建UI样式指南, 使用和维护以确保整个产品的一致性, 网站, 具有不同界面阶段的应用程序或任何其他类型的设计项目.
风格指南涵盖了从品牌推广到品牌推广的方方面面, 颜色, 排版, 为特定公司专门设计的一组标准的布局. 它们被用来提高跨团队的工作效率, 并使新成员的入职过程更简单, 更有效和敏捷.
问:您认为元素映射在您的工作中有多重要?
每个优秀的UI设计师都会考虑元素的形状, form, 大小, color, 位置和对齐. 这意味着您的候选人应该理解元素映射是设计工作的关键部分.
简单地说，映射是控件和它们的效果之间隐含的关系. 如果元素创建了用户期望的效果，则该元素具有良好的映射.
例如，考虑一组水平排列的图像，可以向左或向右移动. 下面应该是控件或按钮，指示这些图像可以移动到任何一边. 要将图像移动到左侧，您需要单击与左侧对齐的按钮. 因此, 实际上将这个按钮向左对齐会, 事实上, 满足用户的期望, 这意味着该元素具有良好的映射.
问:什么是最小可行产品(MVP)?
有时候，设计师会创作以自我为中心的作品. 当UI设计人员满足所有UX需求时，就会发生这种情况, 但他/她继续增加设计工作，以利用他/她的创造力, 或者测试新的做法, 或者添加设计师认为必要的元素, 基于品味和偏好.
MVP works 的 opposite way; it means creating and designing a basic version of a product that early adopters can use or buy. 主要目标是在没有任何非必要功能的情况下尽快将产品推向市场.
添加额外的功能和设计元素是基于真实用户的反馈，而不是设计师的想法和假设. Many of 的 world’s most popular products have been developed using MVP practice; Twitter is an example.
问:你认为移动优先设计是有效的吗?为什么?
在理想的情况下, 你的候选人会解释，当响应式网页设计(RWD)被引入和流行, 移动-First 设计实践的创建是为了使设计师的工作更有效和高效.
在实践中, 设计从最小的预期屏幕尺寸开始，然后在更大的屏幕尺寸上进行增强. 这 approach saves time and increases a designer’s efficiency; when 的 design process starts with a large screen, 设计师在尝试将元素放到较小的屏幕上时往往会遇到困难.
问:你如何将奥卡姆剃刀运用到你的设计工作中?
这个原则和帕累托原则一样简单 (也称为80 / 20规则) . 它只是说，每当我们必须在两个选项之间做出决定时, 应该选择最简单的.
UI设计师在选择两个设计或两个具有相同功能的设计元素时使用奥卡姆剃刀. 简单总是比复杂重要. 或者换句话说，他/她需要选择较少假设的选项.
问:你个人对参与式设计的体验是什么?
如果不是描述个人经历, 你未来的UI设计师应该这样做, 至少, 用他或她自己的话告诉你参与式设计是什么以及它的用途.
本质上，这个词意味着拥有所有人 (员工、合作伙伴、客户、利益相关者、最终用户) 参与设计过程，确保最终产品符合他们的需求, 期望和可以自由地使用他们.
问:你什么时候使用样式贴?
样式图类似于原子设计方法、原型、线框图或样式指南. 样式贴的存在是为了方便客户端(终端用户 )来了解最初的网站、产品或应用程序会是什么样子. 风格瓷砖被认为是介于情绪板和模型之间的东西.
事实上，它们经常被用来取代传统的第一个模型. 在大多数情况下, 样式图是在设计生命周期的早期生成的, 当然比实物模型要早. 样式贴图也以更快获得更好的反馈而闻名.
问:如何有效地使用视觉重量?
就像号召性行动(CTA)和色彩理论一样, 视觉重量是UI设计师应该掌握的基本知识的一部分. 视觉重量意味着给予设计元素 “权力” 脱颖而出，获得用户的关注.
不是所有元素都有相同数量的 “沉重” . 例如，CTA元素比简单的标签或抽象图像更重要. 给予更高水平的 “重” 某些元素通常通过使用对比来达到.
这 isn’t necessarily a contrast of 颜色; it can be contrast of placement or 大小, too. CTA按钮可能看起来更大(或重 )，因为它被设计成比周围的元素占用更多的空间. 这增加了视觉重量(更多的重要性 )按下CTA按钮.
Q:你能给我讲讲你的设计决策吗?
最后, 这是一个决定你的新设计师是否知道如何做出好的设计决策的重要问题. 让应聘者看看他或她的作品集, 或者一个活的产品, 网站或应用程序, 那是他设计的, 在描述不同的方面和元素的同时引导你完成.
在理想的情况下, 你应该期待听到设计师的理由，为什么他/她决定给按钮一定的大小, 形状, color, 放置和对齐. 所有的设计思维都应该被这个问题所揭示. 这将表明他/她所设计的一切都是有意的，而不是实验性的或偶然的.
