探索UI设计奥秘：推荐必备的网页设计读物清单

想学习UI设计，该阅读哪些著作

对于初学者或希望深入了解UI设计的人来说，需要掌握众多知识，例如软件PS、AI，以及色彩、排版、规范、UE等理论。这些知识是成为一名优秀UI设计师的基础。学习这些知识可以通过视频、书籍、网站、培训等多种途径。以下是一些推荐的学习UI设计的书籍。

一、《设计心理学》

内容介绍：

设计心理学是设计专业的一门理论课程，是设计师必须掌握的学科。该学科基于心理学，研究人们心理状态，特别是需求心理，如何通过意识影响设计。同时，它还研究人们在设计过程中的心态，以及设计对社会及个体产生的心理反应，进而影响设计，使设计更能满足人们的心理需求。

推荐理由：

心理和情感激发是激发用户行动的重要工具。激发包括内疚、担忧等情绪，也包括归属感和价值观念的认可。在设计中，结合激励性情绪的常见做法是在广告语言中加入图形元素，使用图片和图表增强激励效果。

二、《配色设计原理》

作者：佐佐木刚士，1978年出生于神奈川。大学毕业后，进入WORKS CORPORATION公司。在入社仪式上发表了题为“我喜欢的颜色是粉色。我喜欢的食物是茶碗蒸”的谜语一般的自我介绍，使公司的前辈职员和上司大为吃惊。他曾经工作于月刊《DTPWORLD》编辑部，现在以自由作家、编辑的身份从事各种活动。

简介：

《配色设计原理》保证让您学到实用而又系统的配色知识！通过简明易懂的示例作品，逐条讲解了配色理论；对比分析了设计案例修改前后的效果，探讨了如何使配色更具效果和表现力；介绍了设计师必备的配色技巧；讲解了色彩知识和PhotoShop技法；刊载了日本活跃、专业的设计师的主题性访谈。

三、《破茧成蝶》《破茧成蝶2》

内容介绍：

本书从用户体验设计师的角度出发，系统地介绍了其职业生涯中的学习方法、思维方式、工作流程等，涵盖了用户体验设计基础知识、设计师的角色和职业困惑、工作流程、需求分析、设计规划和设计标准、项目跟进和成果检验、设计师职业修养以及需要具备的意识等，旨在帮助设计师解决项目中遇到的问题，找到自己的职业成长之路。

推荐理由：

本书从用户体验方向出发，使设计更人性化，更符合用户预期，更注重用户体验，使设计作品更容易说服甲方。在互联网下半场，从业者需要做出怎样的变化，以应对瞬息万变的互联网新时代？本书主要讲述“用户导向”的用户体验设计师与“业绩导向”的产品经理，在互联网新时代如何转型为“以产品价值为中心”的产品设计师的过程；作者结合多年从事互联网产品架构和设计工作的经验，提炼出顺应新时代的互联网产品设计内在规律，旨在帮助读者在充满不确定性的大环境下，改变命运，不惧未来！

四、《形式感》

内容介绍：

《形式感+:网页视觉设计创意拓展与快速表现》可以帮助有一定基础的网页设计初学者或在职者，在遇到设计创意瓶颈时，能够在较短的时间内解决设计上的创意和视觉形式感的问题。不论是应对紧急的工作需求或是求职面试，都能给观者一个新颖的视觉表现。

推荐理由：

很多小伙伴在设计时只是为了好看而设计，如果你的设计加上一些故事是否更生动呢？本书很多结合生活中的案例用故事引导的形式展示在案例中，希望你看完此书，你的设计也是一个有故事的设计，有故事的设计会给你的设计加分哦。

五、《简约至上》

内容介绍：

作者Giles提出了合理删除、分层组织、适时隐藏和巧妙转移这四个达成简约至上的终极策略，讲述了为什么应该站在主流用户一边，以及如何从他们的真实需求和期望出发，创造出历久弥新的用户体验。

推荐理由：

追求简单易用是人类的本性，无论是互联网产品、移动应用，还是其他交互式设计，简单易用始终都是赢得用户的关键。

六、《用户体验要素》

内容介绍：

本书用简洁的语言系统化地诠释了设计、技术和商业融合是最重要的发展趋势。全书共8章，包括关于用户体验以及为什么它如此重要，认识这些要素、战略层、范围层、结构层、框架层、表现层以及要素的应用。全书用清晰的说明和生动的图形分析了以用户为中心的设计方法(UCD)来进行网站设计的复杂内涵，并关注于思路而不是工具或技术，从而使你的网站具备高质量体验的流程。

推荐理由：

很多设计师仅从设计的角度出发，排版、布局、色彩搭配是否和谐，做出来的设计稿总不如人意。本书从用户体验的角度出发，帮你简单明了地了解什么是要素、战略层、范围层、结构层、框架层、表现层以及要素的应用及方法，从而使你的设计更接近用户的心理。

七、《在你身边为你设计》

内容介绍：

—腾讯的用户体验设计之道。本书内容包括：设计理念、设计方法、用户研究、体验设计、设计流程和工具，以及团队成长与管理等方面的知识与经验分享。

——腾讯的用户体验设计之道。本书涵盖了：设计观念、设计技巧、用户探究、体验设计、设计流程和工具，以及团队发展与管理等方面的知识与经验分享。

推荐理由：

众多设计师仅知模仿设计，却不知自己设计此产品有何原理，采用何种方法，针对的用户群体是谁，它能为客户带来什么？当甲方询问时一无所知，希望您阅读本书后能学到一些，轻松应对甲方的问题，最终的作品是有理有据、生动活泼的。

八、《交互设计核心》

内容简介：

研究交互设计，交互设计是一门综合性极强的学科，涉及逻辑学、计算机科学、心理学、社会学、认知学、视觉设计等。许多设计者认为，交互设计就是绘制原型，进行简单的页面跳转等，再简单不过的事情。等进入这个行业后，价值观被彻底颠覆，是不是！我们只有静下心来，慢慢学习，慢慢实践......

推荐理由：

在工作中，市场研究和用户研究往往将研究结果直接抛给设计或程序员，面对冰冷的用研报告很难设计出用户想要的产品。解决方案是设计人员参与用户研究过程，与用户进行直接而广泛的接触，那么，设计出的产品也一定会受到用户的喜爱。让设计人员参与用户研究，设计人员可以参与访谈过程，并做访谈记录等。

UI设计方面的书籍

在国内，相对于UI设计，我们才刚刚起步，与国际水平还有不少差距。如果同学们想学习UI方面的知识，以下推荐一些（国外翻译）经典书籍：01。《交互设计——超越人机交互》 02。《设计心理学》 03。《情感化设计》04。尼尔森的《可用性工程》 05。李乐山老师所著的《工业设计心理学》和《人机界面设计》推荐网站：以上介绍的书，我还没全部看完。正在阅读《设计心理学》。绝对是超值的！没看过是你们的损失。在UI方面，大家需要注意，视觉效果固然重要，但“产品设计中交互设计性”人性化、实用性也同样重要，将这些因素揉合在一起，才能在整体上达到平衡。感觉国内现在大多数都是只看到UI设计的表面，而没有深入其内在精华。引用一个别人的例子，让大家了解一下GUI设计：我所在的城市坐公交车可以刷卡，因为在刷卡过程中会发出“嘟嘟”的两声提示，因此在开始使用这套系统时，很多乘客会和司机发生争执，他们因为两声提示音就误以为是刷了两次卡，要求司机退还车费。遇到这种情况，司机需要解释很长时间。现在好像有些改进了，提示音变成了一声，也再也没有这种纠纷了～～ GUI的定义GUI(Graphical User Interface)是一种结合计算机科学、美学、心理学、行为学以及各商业领域需求分析的人机系统工程，强调人—机—环境三者作为一个系统进行总体设计。这种面向客户的系统工程设计目的是优化产品性能，使操作更人性化，减轻使用者的认知负担，使其更适合用户的操作需求，直接提升产品的市场竞争力。GUI即人机交互图形化用户界面设计。纵观国际相关产业在图形化用户界面设计方面的发展现状，许多国际知名公司早已意识到GUI在产品方面产生的强大增值功能以及带动的巨大市场价值，因此在公司内部设立了相关部门专门从事GUI的研究与设计，同业间也成立了若干机构，以互相交流GUI设计理论与经验为目的。随着中国IT产业、移动通讯产业、家电产业的迅猛发展，在产品的人机交互界面设计水平上日益滞后，这对于提高产业综合素质，提升与国际同等业者的竞争能力等方面无疑起到了制约作用。 GUI定义 GUI--Graphical User Interface即人机交互图形化用户界面设计经常读作“goo-ee”，准确来说GUI就是屏幕产品的视觉体验和互动操作部分。GUI准则：减少用户的认知负担、保持界面一致性、满足不同目标用户的创意需求、用户界面友好性、图标识别平衡性、图标功能一致性、建立界面与用户的互动交流 GUI应用领域：手机通讯移动产品、电脑操作平台、软件产品、PDA产品、数码产品、车载系统产品、智能家电产品、游戏产品、产品的在线推广 GUI的发展史图形用户界面这一概念是70年代由施乐公司帕洛阿尔托研究中心提出。我们现在所说的普遍意义上的GUI便是由此产生的。★ 1973年施乐公司帕洛阿尔托研究中心（Xerox PARC）施乐研究机构工作小组最先构建了WIMP(也就是视窗、图标、菜单和点选器/下拉菜单)的范例，并率先在施乐一台实验性的计算机上使用。★ 1980年ThreeRivers Perq graphical workstation★ 1981年 Xerox Star★ 1983年 Visi On此图形用户界面最初是一家公司为电子制表软件而设计的，这软件就是具有传奇色彩的VisiCalc。在1983年，首次介绍了在PC环境下的“视窗”和鼠标的概念，其先于“微软视窗”的出现，但VisiOn并没有成功研制。★ 1984年苹果的Lisa与Machintosh Macintosh，于1984年发布，是首例成功使用GUI并用于商业用途的产品。从1984年，Macintosh的GUI随着时间的推移一直在修改，在System 7中，做了主要的一次升级。2001年的Mac OS X问世是其最大规模的一次修改。★ 1985年Amiga Intuition阿米高直觉电脑Amiga计算机公司于1985年研究一款运用GUI的电脑，叫Intuition。Amiga GUI在当时独一无二，因为在那时候GUI还不能提供足够的控制功能，Amiga就已经能使用弹出式的命令行界面(CLI)了。★ 1986年GEM GEM是基于IBM电脑系统上运行而发明的一种可选择性视窗系统，也可以在MS-Dos(像微软视窗)或者CPM-86上运行。GEM在PC领域只取得很小的成功，但是后来做为本土GUI被应用了Atari ST电脑之上。★ 1987年Apple Macintosh II 1987年3月APPLE公司推出了MAC II，是第一台有颜色的MAC苹果机。★ 1988年RISC OS RISC OS是一种彩色GUI操作系统，其使用三键鼠标以及任务栏（也叫图标栏），以及一个文件导航器（类似于Mac OS）。★ GEOS GEOS是另外一个非常早期的图形桌面系统。最开始是为了8-bit家庭电脑Connodore 64而制作的，后来转入到IBM的电脑系统。★ 1990年Microsoft Windows 3.0第一个微软视窗版本在1985年发表，是基于MAC OS的GUI设计。Window 1.0是基于MS-DOS操作系统的图形化用户界面（GUI），Windows 2.0是后续版本。后来的一系列GUI视窗版本都基本类似于windows 3.0的界面。★ 1992年Amiga Workbench 3★ 1993年Windows NT★ 1994年 QNX Photon Microgui QNXr软件系统发布了第一个嵌入式微核的视窗系统。★1995年 Windows 95 1995年8月24日，微软发布了Windows 95。★ 1996年IBM Releases OS/2 Warp 4★ 1997年Mac OS 81997年7月，MAC OS 8发布，成为当时热销的一个软件。★ 1998年 Windows 98★ 1999年APPLE Mac OS x★ 2000年APPLE AQUA 2000年1月5日，APPLE发布了AQUA，是MacOS X的新界面。★ 2001年Windows XP★ 2003年 Windows Server 2003◆形象授权手机GUI概述◆智能手机GUI概述流行手机GUI发展特点◆画面品质更趋细腻精致◆操作方式更趋个性化◆娱乐型更强◆操作方式更新奇◆视觉体验更细分授权手机GUI概述以各种知名形象作为主题的GUI方案特点：紧跟市场热点把握已有用户群智能手机GUI概述兼具PDA和手机强大功能、操控性更好的智能手机难免因其功能和操作平台，在GUI上受到更多的限制。智能手机GUI概述智能手机GUI重要点：◆更为人性化的视觉优化◆更具识别性的图标及其它元素◆更具可操控性和扩充性的使用易用性◆更具有企业品牌特色的视觉识别性 GUI的品牌建立目标如何使得用户能够接受产品、并加强对产品品牌印象、进而提升他们对产品的依赖度、信任度、最终成为最忠实的固定目标消费群，对于产品而言，无疑是非常重要的关键点。因此具有企业文化特征的产品品牌需要渗入进产品的GUI，形成其独特的产品魅力。什么是品牌品牌是从具体产品中抽象出来的概念，潜移默化地影响着人们的思维定式品牌不再以某种产品的具体功能为诉求对象，转而探求一个社会的精神状态以及人们的心理活动，而这些又构成了产品得以推广的深层市场基础。品牌包含了：质量、价格、服务、信誉、文化、认知品牌成功的因素表面上看产品的品质、设计和不断创新吸引了消费者，实质上应归结于其品牌背后所融入的企业文化所产生的四种价值取向：◆消费者满意◆尊重个人◆成就感◆不断的学习产品GUI品牌趋势在产品性能和品质越来越同质化的竞争条件下，唯一可以形成差异和不可模仿的就是由企业文化所塑造出的品牌。而个性的衍变而对产品所产生的文化价值和内涵，将是趋势所在。点诚设计为广大用户提供优质、全面、量身定做的软件界面设计、游戏界面设计、手机界面设计、PDA界面设计、MP3界面设计、MP4界面设计、掌上多媒体播放器界面设计、掌上学习机界面设计、网站界面设计、数字电视界面设计、电子显示屏终端界面、手机游戏设计等设计方案。

在国内，相较于UI设计，我们尚处于初级阶段，与国际先进水平尚存在一定距离。若有意向学习UI相关知识的同学，以下推荐一些（国外翻译）的佳作：01.《交互设计——超越人机交互》 02.《设计心理学》 03.《情感化设计》04.尼尔森的《可用性工程》 05.李乐山老师所著的《工业设计心理学》和《人机界面设计》。推荐网站：以下所列书籍，我尚未全部阅读完毕。目前正在阅读《设计心理学》。这本书绝对物超所值！若未曾阅读，实为遗憾。在UI领域，大家需注意，视觉效果固然重要，但“产品设计中交互设计性”的人性化、实用性同样关键。将这些因素融合，才能在整体上实现平衡。感觉国内目前大多数作品缺乏理论性指导，对UI设计只停留在表面，未能深入挖掘其内在精髓。以下引用一例GUI设计，供大家了解：我所在的城市公交车上可刷卡，刷卡过程中会发出“嘟嘟”两声提示。起初，许多乘客误以为刷了两次卡，与司机发生争执，司机需解释许久。现在，提示音已改为一声，此类纠纷已不复存在。

GUI的定义GUI(Graphical User Interface)是一种结合计算机科学、美学、心理学、行为学以及各商业领域需求分析的人机系统工程，强调人—机—环境三者作为一个系统进行总体设计。这种面向客户的系统工程设计旨在优化产品性能，使操作更人性化，减轻使用者认知负担，满足用户操作需求，从而直接提升产品市场竞争力。GUI即人机交互图形化用户界面设计。纵观国际相关产业在图形化用户界面设计方面的发展现状，许多国际知名公司早已意识到GUI在产品方面产生的强大增值功能以及带来的巨大市场价值，因此在公司内部设立了相关部门专门从事GUI的研究与设计，同业间也成立了若干机构，以互相交流GUI设计理论与经验为目的。随着中国IT产业、移动通讯产业、家电产业的快速发展，在产品人机交互界面设计水平上日益滞后，这对于提高产业综合素质、提升与国际同行竞争能力等方面无疑起到了制约作用。

GUI定义 GUI--Graphical User Interface即人机交互图形化用户界面设计常读作“goo-ee”，准确来说GUI就是屏幕产品的视觉体验和互动操作部分。GUI准则：减少用户认知负担、保持界面一致性、满足不同目标用户的创意需求、用户界面友好性、图标识别平衡性、图标功能一致性、建立界面与用户的互动交流。GUI应用领域：手机通讯移动产品、电脑操作平台、软件产品、PDA产品、数码产品、车载系统产品、智能家电产品、游戏产品、产品在线推广。

GUI的发展史图形用户界面这一概念是70年代由施乐公司帕洛阿尔托研究中心提出。我们现在所说的普遍意义上的GUI便是由此产生的。1973年施乐公司帕洛阿尔托研究中心（Xerox PARC）施乐研究机构工作小组最先建构了WIMP（即视窗、图标、菜单和点选器/下拉菜单）的范例，并率先在施乐一台实验性的计算机上使用。1980年ThreeRivers Perq graphical workstation、1981年 Xerox Star、1983年 Visi On。此图形用户界面最初是一家公司为电子制表软件而设计的，该软件便是具有传奇色彩的VisiCalc。1983年，首次介绍了在PC环境下的“视窗”和鼠标的概念，其先于“微软视窗”的出现，但VisiOn并未成功研制。1984年苹果的Lisa与Machintosh Macintosh，于1984年发布，是首例成功使用GUI并用于商业用途的产品。从1984年，Macintosh的GUI随着时间的推移一直在修改，在System 7中，进行了主要的一次升级。2001年的Mac OS X问世是其最大规模的一次修改。1985年Amiga Intuition阿米高直觉电脑Amiga计算机公司于1985年研究一款运用GUI的电脑，名为Intuition。Amiga GUI在当时独一无二，因为在那时候GUI还不能提供足够的控制功能，AMIga就已经能使用弹出式的命令行界面(CLI)了。1986年GEM GEM是基于IBM电脑系统上运行而发明的一种可选择性视窗系统，也可以在MS-Dos(像微软视窗)或者CPM-86上运行。GEM在PC领域只取得很小的成功，但后来作为本土GUI被应用于Atari ST电脑之上。1987年Apple Macintosh II 1987年3月APPLE公司推出了MAC II，是第一台有颜色的MAC苹果机。1988年RISC OS RISC OS是一种彩色GUI操作系统，其使用三键鼠标以及任务栏（也叫图标栏），以及一个文件导航器（类似于Mac OS）。GEOS GEOS是另外一个非常早期的图形桌面系统。最开始是为了8-bit家庭电脑Connodore 64而制作的，后来转入到IBM的电脑系统。1990年Microsoft Windows 3.0第一个微软视窗版本在1985年发表，是基于MAC OS的GUI设计。Window 1.0是基于MS-DOS操作系统的图形化用户界面（GUI），Windows 2.0是后续版本。后来的一系列GUI视窗版本都基本类似于windows 3.0的界面。1992年Amiga Workbench 3、1993年Windows NT、1994年 QNX Photon Microgui QNXr软件系统发布了第一个嵌入式微核的视窗系统。1995年 Windows 95 1995年8月24日，微软发布了Windows 95。1996年IBM Releases OS/2 Warp 4、1997年Mac OS 81997年7月，MAC OS 8发布，成为当时热销的一个软件。1998年 Windows 98、1999年APPLE Mac OS x、2000年APPLE AQUA 2000年1月5日，APPLE发布了AQUA，是MacOS X的新界面。2001年Windows XP、2003年 Windows Server 2003。

形象授权手机GUI概述、智能手机GUI概述、流行手机GUI发展特点、画面品质更趋细腻精致、操作方式更趋个性化、娱乐型更强、操作方式更新奇、视觉体验更细分。授权手机GUI概述：以各种知名形象作为主题的GUI方案特点：紧跟市场热点、把握已有用户群。智能手机GUI概述：兼具PDA和手机强大功能、操控性更好的智能手机难免因其功能和操作平台，在GUI上受到更多的限制。智能手机GUI概述：智能手机GUI重要点：更为人性化的视觉优化、更具识别性的图标及其它元素、更具可操控性和扩充性的使用易用性、更具有企业品牌特色的视觉识别性。

GUI的品牌建立目标：如何使消费者接受产品、并加强对产品品牌印象、进而提升他们对产品的依赖度、信任度、最终成为最忠实的固定目标消费群，对于产品而言，无疑是非常重要的关键点。因此具有企业文化特征的产品品牌需要融入产品的GUI，形成其独特的产品魅力。什么是品牌：品牌是从具体产品中抽象出来的概念，潜移默化地影响着人们的思维定式。品牌不再以某种产品的具体功能为诉求对象，转而探求一个社会的精神状态以及人们的心理活动，而这些又构成了产品得以推广的深层市场基础。品牌包含了：质量、价格、服务、信誉、文化、认知。品牌成功的因素：表面上看产品的品质、设计和不断创新吸引了消费者，实质上应归结于其品牌背后所融入的企业文化所产生的四种价值取向：消费者满意、尊重个人、成就感、不断的学习。产品GUI品牌趋势：在产品性能和品质越来越同质化的竞争条件下，唯一可以形成差异和不可模仿的就是由企业文化所塑造出的品牌。而个性的衍变而对产品所产生的文化价值和内涵，将是趋势所在。

点诚设计为广大用户提供优质、全面、量身定做的软件界面设计、游戏界面设计、手机界面设计、PDA界面设计、MP3界面设计、MP4界面设计、掌上多媒体播放器界面设计、掌上学习机界面设计、网站界面设计、数字电视界面设计、电子显示屏终端界面、手机游戏设计等设计方案。

原文：

希望采纳

替换后：

期望接受