GUI设计师与UI设计师有什么区别?

2024-12-02 04:13:09

推荐回答（3个）

回答1：

最近和一些同行朋友聊天，大家都有个疑问，UI和GUI到底是不是一回事，哪个更重要。从我的经历来看这两个都重要，缺了谁也不行，但是这两个词不是一回事。UI和GUI

首先我得说我说的这个UI和GUI设计师是一般意义上的，可能游戏或者网站的设计师不见得符合我说的这些东西，仅供参考吧。
在我看来GUI(图形设计师)和UI（交互设计师）还是有区别的，可能现在行业内GUI和UI分的也不是那么明显了，通常是一个GUI设计师什么都干，很苦，甚至有些压抑。目前来看，一般情况下大家说的UI设计师和GUI设计师基本上是一回事，都会做图、都会画icon之类的。

我个人认为UI设计师就是指交互设计师，是研究用户行为和操作逻辑的人。交互设计师的工作内容就是设计软件的操作流程、结构、操作规范（spec）、用户信息回馈等等。一个应用在写代码之前需要作的就是交互设计，并且确立交互模型，交互规范，手势动作等等，这就是前端设计。

GUI设计师很多人称之为美工，但实际上不是单纯意义上的美术工作人员，而是软件产品的产品外形设计师。GUI设计师要从UI设计师那里提取设计细节，然后把这些细节通过视觉效果最后传达给用户，同时GUI设计师在设计过程中也会对UI设计师的方案起到一个检查和反馈作用，把一些视觉上的弊端反馈给UI设计师，同时要指导工程师进行应用布局。

而不是画个icon或者提供资源图而已。换言之就是GUI设计师是枢纽，是连接UI和工程师的重要枢纽。因此为了用户体验更好更完善。二者缺一不可。

我个人总结UI和GUI设计中的几点重要原则，这些原则并非技术原则，而是概念原则：
1、统一性原则
统一性指的是一个优秀应用的界面结构必须清晰明朗，布局一致、操作流程一致，色调一致，icon风格一致、控件尺寸一致、消息反馈一致等等。

2、指导性原则
指导性指的是在一款应用当中，每一个button或者每一个tab页等等，无论使用文字也好，还是icon也好，要能使用户大概明白它的意思，以便于用户进行操作，不要给用户造成歧义，在关键操作时给出提示。
3、指向性原则
指向性指的就是通过视觉效果，带领用户进行下一步的操作。有相当一部分用户拿到一款应用可能不知道该怎么用，那么作为UI设计师要替用户考虑这个问题，如何来引导用户进行操作。从视觉上讲恰当的应用文字和非干预型提示可以有效地提高指向性。
4、提示性原则
用户在进行操作时能自由的作出选择，且所有选择都是可逆的。同时在用户做出敏感性的选择时有信息系统的提示，这样便于用户做出更好的选择。
5、简易性原则
简易性原则简单点讲将就是让用户觉得好用，让用户觉得轻松没有压迫感，这就需要设计师对功能和操作进行合理的分类和提炼。哪个页面上放什么，放多少，怎么放，怎么操作…这个我个人认为是UI设计环节中最重要的一环。
6、普遍性原则
不能过分追求绚丽的效果和异型布局，这样会在一定范围内缩小一个应用的适用范围而且对于工程师来说动底层代码架构是见痛苦的事情。在大家都习惯的基础上稍作改动，循序渐进也许更适合中国的国情，但是这和糊弄事、偷懒是两码事。
UI交互设计流程：
UI设计是一个庞大的系统问题，包含功能设计、架构设计、操作设计、前期视觉设计。
一、确定目标人群，即这个应用是做给谁用的。比如年轻人、老年人、商业用户、等等。针对每种不同的人交互设计重点不同。比如年轻的潮人，可能更在乎视觉效果的绚丽，而老年人则更喜欢简单明了指导性明确的东西。比如发信息，年轻人可能很容易理解一个“信封”的icon就是发信息的意思，那么岁数大点的人可能更喜欢button上写上“发信息”三个字，那样更容易理解。
二、调研目标人群的交互习惯，包括这类人群喜欢文字或是图片；喜欢减少操作步骤或是无所谓；喜欢简单明了的操作方式或是另类的操作方式等等。
三、确定目标人群的交互习惯后就要建立交互模型，其中包括操作方式统一（同类型功能的操作方式一样）、交互行为统一（同一类型的操作，得到的反馈是一样的），控件风格统一（tab页要么在上要么在下，toolbar要有就都有，要没有就都没有）等等。
四、对应用的功能进行分类，同时对相应的操作进行提炼。哪些放在面上，哪些放在么Menu里，这条GUI设计师必须要参与。个人认为GUI对逻辑架构的敏感性在某些层面上讲要超过UI设计师。
五、最后由GUI设计师按照交互细节来设计视觉效果，同时检查视觉设计和交互设计之间的冲突。比如UI设计师在列表中设计了3个button，但是在GUI设计师设计时发现使用24sp的字号时是放不下3个button的时候，就要反馈给UI设计师，从新进行规划。

先说这么多吧，三言两语说不清楚，只能讲个大概，慢慢在详细说说。这也是我跌跌撞撞过来的，有些方面可能比较片面，但我相信肯定有人和我同感，希望这一堆能给刚入行和对这个感兴趣的朋友做个参考......

回答2：

网络上出现了许多关于UI设计的相关专业词语，大家都有个疑问，UI和GUI到底是不是一回事，哪个更重要。从我的经历来看这两个都重要，缺了谁也不行，但是这两个词不是一回事。那么UI设计和GUI 设计到底有什么区别？下面是为大家解答如下：

1、UI = User Interface

其中包括所有人(User)与机器(Machine)打交道用的界面接口(Interface)，因此如果你去设计一个起重机的操作面板、汽车仪表盘、电视摇控器，都可以称为UI Design，他是工业设计中的一个术语。

2、GUI = Graphical User Interface

是指在计算机(computing)出现后，在屏幕上使用图形界面来帮助(User)与机器(Machine)打交道用的界面接口(Interface)，泛指在计算机上所做的界面设计。

UI即是GUI的简称，这二者没有任何区别、我是个GUI设计师，或我是个UI设计师，是一样的。

在设计GUI或UI的过程中，我们通过可用性(Usability)的手段和方法论，来提高用户对与计算机交互过程的满意度，这个过程我们通常俗称用户体验设计(UX)。

从字面概念上去理解这两者区别
1、ui设计简介：
UI即User Interface(用户界面)的简称。UI设计是指对软件的人机相互、操作逻辑、界面美观的整体设计。好的UI设计不仅是让软件变得有个性有品位，还要让软件的操作变得舒适简单、自由，充分体现软件的定位和特点。
软件设计可分为两个部分：编码设计与UI设计。UI的本意是用户界面，是英文User和 Interface的缩写。从字面上看是用户与界面2个部分组成，但实际上还包括用户与界面之间的交互关系。
2、GUI 设计简介：
Jeff Johnson:GUI设计禁忌中提及的明确针对Web设计和笔者认为对Web设计有参考意义的设计原则和禁忌。设计Web项目时尽量参考一下基本原则，避免设计禁忌，应该能使Web项目的GUI上一个层次。

回答3：

UI = User Interface。

GUI = Graphical User Interface

是指在计算机(computing)出现后，在屏幕上使用图形界面来帮助(User)与机器(Machine)打交道用的界面接口(Interface)，泛指在计算机上所做的界面设计。

UI设计师的工作，是要指出一个产品的好坏不仅是它看上去如何，还在于它是否易学可用？是否能让用户容易掌握它？以及是否能更好地支持用户完成任务？

Jeff Johnson提出过一些例子，给大家参考。UI设计师的工作应该包括：

在一个程序中，将命令的数量从数百个减少到48个。
将菜单层次从23个减少到11个。
将完成一个任务的鼠标动作减少一半。
整合菜单中的命令，将不一致的动词变为通用的短语。
重写用专业术语表达的提示信息，使其变成简练的、和任务相关的通俗语言。

UI设计和视觉设计其实是两种不同的行为。从事这两种工作也要求不同的能力。

视觉设计师擅长的是艺术，形象地表达功能。为产品创建自己的风格，同时配合相关的显示设备和图形合理安排信息，让用户能够轻松愉快地完成功能。