新手UI设计学习100问

订阅专栏
作者

廖尔摩斯丨设计大侦探

7
读者
11
内容

- 廖尔摩斯,站酷百万人气推荐设计师、UI中国推荐设计师、人人都是产品经理专栏作家 - 为新手UI设计师量身定制的知识专栏,通过100个常见问题解决初学者在学习UI设计初期的困惑 -每周更新1次,每次更新后涨价,越早买越划算

全部文章
作者廖尔摩斯丨设计大侦探头像

廖尔摩斯丨设计大侦探

2022/12/28

第一篇 认识UI丨 国内UI设计的发展阶段 ⑩

要了解国内UI设计的发展阶段,我们需要先理解第一个变量,企业。UI设计师和企业是供需关系,只有企业产生了设计需求,才会招聘UI设计师,最终催生这个行业的发展。而企业的需求,又随着国家乃至全球经济......

作者廖尔摩斯丨设计大侦探头像

廖尔摩斯丨设计大侦探

2022/12/26

第一篇 认识UI丨 UI设计有什么价值? ⑨

要理解UI设计的价值,我们只有从反面案例才能更深刻地理解。

1979年美国宾夕法尼亚州发生了一次核电站外泄事故,当人们去调查为什么会引起这次事故的原因时候,他们发现这个控制室的仪表盘......

作者廖尔摩斯丨设计大侦探头像

廖尔摩斯丨设计大侦探

2022/12/24

第一篇 认识UI丨 UI设计和电商设计有什么区别?⑧

从服务对象看,电商设计主要负责从事电子商务的客户群体,比如天猫、淘宝、京东这样的平台商家,而UI设计的客户群体则更宽泛。

从工作内容看,电商设计主要否则产品详情页、活动运营等专题页的......

作者廖尔摩斯丨设计大侦探头像

廖尔摩斯丨设计大侦探

2022/12/24

第一篇 认识UI丨 UI设计和平面设计有什么区别?⑦

我们先看百度百科对平面设计的定义。

平面设计(graphic design),也称为视觉传达设计,是以“视觉”作为沟通和表现的方式,透过多种方式来创造和结合符号、图片和文字,借此作出......

作者廖尔摩斯丨设计大侦探头像

廖尔摩斯丨设计大侦探

2022/12/24

第一篇 认识UI丨 UI设计、交互设计和用户体验设计的区别? ⑥

为什么要了解UI设计、交互设计和用户体验设计的区别,这是因为这三者重叠的内容非常多,边界非常不清晰。如果弄不清楚他们的区别,很多初学者对企业的招聘需求都看不懂。

维基百科对交互设计如......

作者廖尔摩斯丨设计大侦探头像

廖尔摩斯丨设计大侦探

2022/12/20

第一篇 认识UI丨 UI设计有什么分类? ⑤

从用户人群划分,像淘宝、美团这样以个人消费者(Customer)使用为主的产品,称为C端产品,属于最常见的UI设计,称为C端UI设计;而像有赞、微盟这样的以服务企业(Bussiness)的产品,......

作者廖尔摩斯丨设计大侦探头像

廖尔摩斯丨设计大侦探

2022/12/20

第一篇 认识UI丨 UI设计是什么? ④

由前UI设计属于近代兴起的设计分类,这是随着科技的快速发展才催生出来的新兴行业。目前对于UI设计的定义,目前国内有两种流派。

第一种,UI设计包含界面设计(Graphical User Interface,简称GUI)、交互设计(Interaction Design,简称IxD)和用户体验设计(User Experience Design,简称UX)。

我们先看百度百科对UI设计的定义描述。UI是User Interface(用户界面)的简称,是指对软件的人机交互、操作逻辑、界面美观的整体设计。UI是一个广义的概念,可以通过以下三个层面来理解UI的概念。

首先,UI是指人与信息交互的媒介,它是信息产品的功能载体和典型特征。比如以视觉为主体的界面,强调的是视觉元素的组织和呈现,包含图形、图标、色彩、字体等,这就是我们常说的视觉表现层,用户从视觉就可以直接感知的部分。在这一层面,UI就是用户界面,也是国内普遍对UI设计的认知。

其次,UI是指信息的采集与反馈、输入与输出,这是基于界面而产生的人与产品之间的交互行为。在这一层面,Ul可以理解为User Interaction,即用户交互,需要通过界面对功能的隐喻和引导用户来完成对应的操作。因此,UI不仅要有精美的视觉表现,也要有方便快捷的操作,以符合用户的认知和行为习惯。

最后,UI的高级形态可以理解为User Invisible(中文:看不见的)。对用户而言,在这一层面UI是“不可见的”,这并非是指视觉上的不可见,而是让用户在界面之下与系统自然地交互,沉浸在他们喜欢的内容和操作中,忘记了界面的存在。其实这就是用户体验,不仅仅是界面,而是以用户为中心进行界面结构、行为、视觉层面的设计。

从百科的对UI设计的定义可以看出,UI设计包含了界面设计、交互设计和用户体验设计,这也是国内众多UI设计书籍中的对UI设计的定义。比如在《术与道:移动应用UI设计必修课》、《视界·无界:写给UI设计师的设计书》、《UI设计精品必修课》等国内设计书籍都有类似的观点。甚至有这么一个很流行的比喻:如果把一款软件产品比作一个美女的话,视觉就是一个美女的化妆和打扮,交互就是一个美女的五官位置及骨骼体态,用户体验就是美女是否善解人意、功能贴心、易用好用等。

第二种,UI设计、交互设计和用户体验设计是独立的学科,他们虽然有很多重叠部分,但交互设计和用户体验设计不属于UI设计,甚至UI设计等同于界面设计。

在Joel Marsh的《用户体验设计:100堂入门课》这本书中,作者举了个例子:“UI和UX(用户体验设计)是两种不同的工作。如果有的公司有‘UI/UX’这一职称,那说明这家公司根本不了解什么是UX,或者他们想花一份钱就让人做两份工作。要当心。”

在《这才是用户体验设计:人人都看得懂的产品设计书》里,作者认为界面设计包括信息层和呈现层。UI设计的范围比界面设计要小得多,通常仅关注虚拟产品的信息呈现,而且较少涉及艺术向的视觉设计。信息层则由交互设计师负责,待界面上要呈现的信息架构和具体信息明确后,UI设计师才开始设计工作。其次UX设计师主要关注上层设计,而UI的工作非常细,比如如按钮、字体的设计。

这种观点也是目前国内多数企业和设计师对UI设计的定义,UI设计就主要是负责界面设计的工作,尤其指移动端产品界面,比如APP、智能设备等。

结合以上两种流派对UI设计的定义,我认为,从视觉层面,UI设计可以定义为用户界面设计,不管是web端、移动端还是其他智能设备,凡是涉及到用户界面的设计,都可以归纳为UI设计;从交互层面,UI设计还需要思考界面对功能的隐喻和引导,从而帮助用户完成对应的操作;从体验层面,UI设计需要从视觉、色彩、行为和交互等方面为用户提供优秀的体验,让用户可以和系统自然地交互,沉浸在他们系统操作中。

总之,一名优秀的UI设计师,绝非只是画好图标、完成界面设计这样的基础工作,而是从整个产品的用户体验出发,从视觉到实际操作,为用户提供最友好的使用体验。理解这个概念,我们才能确立真正的学习目标和职业定位,朝着一名优秀的UI设计师而努力。

参考文献:

百度百科-UI设计

《术与道:移动应用UI设计必修课》- 余振华

《视界·无界:写给UI设计师的设计书》- 王涵

《UI设计精品必修课》- 常丽 李才应

《用户体验设计:100堂入门课》- Joel Marsh

《这才是用户体验设计:人人都看得懂的产品设计书》- 李磊

作者廖尔摩斯丨设计大侦探头像

廖尔摩斯丨设计大侦探

2022/12/20

第一篇 认识UI丨 设计和艺术的区别? ③

我们看看维基百科对艺术的介绍。艺术是指凭借想象力、经验等综合人为因素的融合与平衡,以创作隐含美学的器物、环境、影像、动作或声音的表达模式。而百度百科则对艺术没有明确的定义。艺术是一种社会现象、社会事物,属上层建筑中的社会意识形态,其次也指向各种技术活动,比如画、雕刻、建筑等活动。

艺术的目的可以分为无动机的及有动机的两类。无动机的艺术是指那些本来就是人类不可或缺一部分的艺术,这类的艺术超越个人,或是不是为某一特定目的所创作。有动机的艺术是指那些因为特定目的产生的艺术。可能是为了政治的变革、表达特定的感情、陈述个人心理,或是作为一个交流的工具。

原研哉在《设计中的设计》对设计和艺术也发表了自己的看法。

艺术说到底是个人意愿对社会的一种表达,其起源带有非常个人化的性质,所以只有艺术家自己才知道其作品的来源。而设计,则基本上不是一种自我表达,它源于社会。设计的实质在于发现一个很多人都遇到的问题,然后试着去解决的过程。

简单总结,设计和艺术有很多重叠的部分,两者最本质的区别是设计的本质是满足需要,包含更多的商业述求,而艺术的目的是表达艺术家对世界的看法,不受外界的约束。为什么要弄懂这两者的区别,这是因为在商业设计中或许不会给你有太多充足的时间去完成完美的稿子,而是要以甲方或企业的设计目标为主、商业设计,不是艺术,而是要通过设计满足甲方的需求。

参考文献:

维基百科-艺术

《设计中的设计》- 原研哉

作者廖尔摩斯丨设计大侦探头像

廖尔摩斯丨设计大侦探

2022/12/20

第一篇 认识UI丨 设计的目的是什么? ②

我们先看世界上第一所完全为发展设计教育而建立的学院包豪斯对于设计的三个基本观点。

①设计是艺术与技术的新统一;②设计的目的是人而不是产品;③设计必须遵循自然与客观的法则来进行。

包豪斯提出“以解决问题为中心”的设计理念。他们认为设计是为了解决问题,不论是设计一个水壶,还是一款手机应用软件,设计师都是在为他人服务,在帮使用者解决问题。这个设计理念深深地影响了设计界。设计是理性和感性的结合,并以解决问题、满足人们的需要为目的。

中国现代设计和现代设计教育的重要奠基人之一、美国设计教育最高学府——美国艺术中心设计学院教授王受之在他的著作《世界现代设计史》中写过这样一句话:“设计是为他人服务的活动。”

日本当代国际级平面设计大师艺术总监原研哉在《设计中的设计》一书中也有类似的表达:“设计的实质在于发现很多人都遇到的问题然后试着去解决的过程。”

综上所述,设计的目的是用设计方案来满足用户的需要,而不是单纯产出设计师认为美观的方案。这是设计过程中最重要的指导原则之一。如果不理解设计的本质,我们在以后的商业设计中就很容易陷入一个怪圈,我觉得这个界面这样设计得非常好看,但客户却让我去临摹另外一个我认为很普通的产品界面,客户觉得那个才是他想要的。

参考文献:

《步步为赢:交互设计全流程解析》- 董尚昊

作者廖尔摩斯丨设计大侦探头像

廖尔摩斯丨设计大侦探

2022/12/19

第一篇 认识UI丨 什么是设计?①