UI设计的基础是什么？

Question

所谓的基础，就是那些最简单的部分。比如数学，其基础是0-9，这十个个数字，是加减乘除，是小学算术、

那么UI设计的基础是什么呢？好像是简单的问题，其实不然。数学的基础，相信不用争论了，因为这可以说是全球普及了，除非有哪个国家不用阿拉伯数字和现在的通用数学符号。

那么UI的基础是什么呢？不要列举给我列举一堆软件。没有价值。

如果，有人说基础是美术 -- 这也毫无价值。什么是美术呢？美术的基础是什么呢？更加困难。美术专业的人才，对什么是美术本身就有很多看法，就绘画而言，水彩和素描都能画的非常漂亮，生动 -更何况，还有其他美术 -- 雕塑、油画、水墨甚至书法。UI，显然也和非电子的传统美术是不一样的。

显然，UI的一部分也许在于设计好看、易懂的“图标”。所谓的图标，是用特定的图形、图像表示特定的意义。比如Windows右上角的X表示，关闭窗口 -- 也许这也是UI设计；比如手机上信号强弱显示，也许也是UI。

以我之见，UI设计的目的可能是用一看就懂的图像、图标来代替抽象的文字概念。文字、词语是有语言限制的，多数人不懂他国文字。

再比如，Windows、手机APP的图标，可能也是UI设计，因为一个APP的图标要辨识度高，最好是用户还没用过，就能大致猜到这是干什么的。

如果把完成各项UI任务和做数学题做对比。那么小学算术，整数的加减乘除题目对应于UI设计中的哪些任务呢？到了初中，你学习了负数、方程、几何，又对应于UI设计的哪些方面呢？

希望，UI设计的高手，可以对这个问题做一些解释，指点下外行。不一定要用数学作对比，但是要求条理清晰，简单易懂。

Answer 1

这个题非常大, 作为一个大学期间攻读了影像相关专业, 但毕业后一直从事于软件开发的工程师来强答一下

UI 设计作为一个设计的分支, 如果严肃的探讨其学习路径, 它的前置基础就是视觉设计(宽泛性的, 常识性的基础), 平面设计. 而视觉设计和平面设计的基本要素是: 点线面, 抽象的几何图形, 具体的图像, 文字, 排版, 色彩等等. 这些的林林总总, 其实都是有一些已经十分明确的, 并且广泛受到承认的成果是可以学习的, 并且不少原则其实来源于美术领域. 我举几个例子

1. 人在看到某个图像时, 一般而言, 眼睛的扫描顺序是整体->从左到右的局部,从上到下的局部->整体这样一个方式进行扫描的
2. 红色会让人感觉到紧张, 蓝色可以让人感觉到舒缓放松
3. 近大远小的透视原理, 可以让人感受到立体感

可以把这些理解成是设计师的"基本武器". 而后, 拓展到 UI 这个领域, UI 是一个技术指标明显, 并且功能导向性非常强的一个平面设计, 所以设计师还需要额外掌握(可能有一些觉得是大家已经见怪不怪已经习以为常的东西):

1. 具体的设备的显示性能(分辨率? 色彩数量? 显示面积?)
2. 目标平台的惯用表达(比如说: 汉堡包图标的菜单, 软盘图标的保存)
3. 目标平台的设计规范(Windows的关闭在右上角, 菜单在窗口内部; macOS的关闭窗口在左上角, 菜单是全局菜单)
4. 用户的习惯(经过长期的用户教育, 事实上某些已经成为了规范的一部分, 比如说: 地址栏一般是在浏览器的上方, 而不是下方)

等等等, 通过这些武器, 再结合上业务上的需求, 并且妥协上技术的可实现程度, UI 设计师产出实际的"画面".

然后这里可以提一下设计语言 Design Language, 如同写代码有各种语言一样, 设计有设计语言这一概念. 指的是经过提炼的, 受到广泛认可的某个平台的一个设计规范, 偏好和风格. 设计语言一般来说会定义到具体软件的各种细节, 比如说, 什么位置的图标的大小应该是多少像素宽高, 什么用处的文字应该是多大, 间距应该多少像素等等等. 一个 iOS 应用之所以让你感觉到像是一个"好的 iOS 应用", 一般来说其必然是使用了设计语言进行了良好的表达的结果.

可以参阅:

Apple Design
Google Material Design

可以说每个人实际上都是设计语言的用户, 你在手机上点击每一个菜单, 每一个按钮, 如果都感觉到是非常自然熟悉, 已经成为了日常的一部分, 就是得益于这些规范在发生作用. 而如果某一个 APP 让你感受到不自然了, 很有可能就是它一定程度上违背了设计语言. (轻一点类似于写文章写了错别字, 重一点类似于放错了逻辑顺序)

最后推荐一本书:
写给大家看的设计书, 作为设计的通俗入门读物还是很不错的