UI设计入门一本就够 pdf epub mobi txt 电子书 下载 2025

简体网页||繁体网页

☆☆☆☆☆

陈根 著

图书标签:

• UI设计
• 用户界面
• 设计入门
• 新手教程
• 交互设计
• 视觉设计
• 设计工具
• 用户体验
• 移动端设计
• 网页设计

出版社： 化学工业出版社

ISBN：9787122314208

版次：1

商品编码：12346290

包装：平装

开本：16开

出版时间：2018-05-01

用纸：胶版纸

页数：228

字数：209000

正文语种：中文

产品特色

编辑推荐

1、本书是UI设计的导论级读物。意在帮助初学者建立一个UI设计的整体知识框架。
2、以案例分析的形式，详细讲解UI设计的准则和规范。
3、详细讲解网站UI设计和移动APP的UI设计。

内容简介

本书紧扣用户界面设计趋势，主要讲解了什么是UI设计，UI设计的原则与理念，UI的文字、图片和图标设计，网页UI设计，移动端UI设计五大方面的内容。本书结构清晰、内容翔实，为广大读者详细解读了用户界面的设计理念与方法，是一本用户界面设计的导论级读物。
本书可供UI设计师、平面设计师、用户体验专家、网页设计师等提高设计技能、开阔视野，也可帮助他们打开创意灵感之门；本书也适合想要从事UI设计相关工作的读者学习使用；本书还可作为高校和培训机构平面设计和网页设计等相关专业的教材和参考书。

内页插图

目录

第1章　什么是UI设计——UI的前世今生 001
1.1　什么是UI 002
1.2　UI的发展历程 003
1.2.1　语言命令用户界面 004
1.2.2　图形用户界面 004
1.2.3　多媒体用户界面 005
1.2.4　多通道用户界面 006
1.2.5　虚拟现实人机界面 007

第2章　UI设计的原则与理念 013
2.1　需要灵活应用的七大定律 014
2.1.1　费兹定律 014
2.1.2　席克定律 018
2.1.3　操纵定律 022
2.1.4　泰思勒定律 026
2.1.5　奥卡姆剃刀原理 028
2.1.6　神奇数字7±2法则 033
2.1.7　接近法则 034
2.2　完形组织法则的六个概念 035
2.2.1　图形-背景关系法则 035
2.2.2　邻近法则 039
2.2.3　相似法则 041
2.2.4　闭合法则 046
2.2.5　延续法则 047
2.3　Shneiderman 界面设计八大黄金法则 049
2.3.1　八大黄金法则 049
2.3.2　Shneiderman 8大黄金法则在苹果UI设计上的应用 051

第3章　UI设计基础 057
3.1　UI文字、图片和图标设计 058
3.1.1　UI设计中字体的使用 058
3.1.2　UI设计中图片的使用 065
3.2　UI色彩设计 073
3.2.1　UI设计中的色彩基本知识 074
3.2.2　UI设计中的色彩情感 078
3.2.3　UI配色方式 080

第4章　网页UI设计——细节的完美主义 103
4.1　网页UI基本概念 104
4.2　网页UI设计原则 104
4.2.1　以用户为中心 104
4.2.2　视觉美观 105
4.2.3　主题明确 106
4.2.4　内容与形式统一 110
4.2.5　有机的整体 110
4.3　UI版式设计的形式美 112
4.3.1　主次关系 114
4.3.2　虚实对比 115
4.3.3　比例尺度 115
4.3.4　对称与均衡 116
4.3.5　对比与调和 117
4.3.6　节奏和韵律 118
4.3.7　量感 119
4.3.8　空间感 119
4.3.9　尺度感 122
4.4　细节设计之着陆页：直达OR迷宫 123
4.4.1　着陆页的概念 123
4.4.2　转化率的意义 123
4.4.3　着陆页的构成 125
4.4.4　如何提升着陆页的转化率 127
4.4.5　案例 130
4.5　细节设计之“关于我们”：走心，才能打动用户 133
4.6　细节设计之弹窗：“不速之客”带来的惊喜 136
4.6.1　减少干扰 137
4.6.2　与现实世界相关联 138
4.6.3　追求极简 140
4.6.4　选择适当的弹窗种类 142
4.6.5　视觉一致性 144
4.7　细节设计之404页面 145
4.8　网页UI极简设计——胜有 148
4.8.1　极简设计的要点 150
4.8.2　极简设计技巧 153
4.9　电商网站UI设计案例 156

第5章　移动端UI设计——“行走”的艺术 161
5.1　移动UI 162
5.2　移动端UI设计原则 162
5.2.1　一致性原则 162
5.2.2　信息量少而准原则 163
5.2.3　语言通俗原则 163
5.2.4　颜色合理搭配原则 163
5.2.5　布局合理化原则 164
5.3　从桌面端到移动端内容迁移的用户体验优化 164
5.3.1　每屏只完成一项任务 164
5.3.2　精简并优化导航体系 165
5.3.3　基于搜索引擎的设计模式 166
5.3.4　更大的字体 166
5.3.5　意义清晰的微文案 167
5.3.6　去掉不必要的特效 168
5.3.7　尺寸适配 168
5.4　Google Material Design 169
5.4.1　Material Design的设计原则 170
5.4.2　Material Design体系 171
5.4.3　Material Design引领的UI设计趋势 192
5.5　APP UI设计 196
5.5.1　APP UI版式设计 197
5.5.2　APP细节设计——登录页 213
5.5.3　案例视觉社交网站Pinterest APP设计 221

参考文献 228

前言/序言

UI就是用户界面的简称，UI设计属于工业产品设计的一个特殊形式，其具体的设计主要是针对软件，通过对软件涉及的人机交互、操作逻辑等多个内容加以分析，实现软件优质的应用价值。随着智能化电子产品的普及，带有液晶屏显示的产品将越来越多，也就意味着越来越多的产品设计需要UI设计。随着“UI”热的到来，近几年国内很多从事手机、软件、网站、增值服务等企业都设立了这个部门，还有很多专门从事UI设计的公司也应运而生，软件UI设计师的待遇和地位也逐渐上升。
在当今互联网和信息技术快速发展的时代，人们的生活经历着各种法预想的变化。产品设计由物质设计向非物质设计转变已经开始了，而且必将成为未来产品设计的主流，一个UI大时代即将到来。伴随着互联网长大的一代正在成为社会的主流，并以他们特有的视角和思考问题的方式影响着社会的发展，也对用户界面设计与体验产生着不可估量的影响。
UI设计需具备良好的实用功能。好的UI设计，可以让软件富有个性，彰显品位，同时也能让软件在使用的过程中充分体现出舒适感和操作的简便化，符合当代用户自由时尚的追求，凸显出软件的准确定位及自身特点。UI设计覆盖面广，并且涉及多种学科知识，因此对设计师提出了更高的技术要求，需要他们在掌握基本的学科知识的基础上，拓宽知识面，应用综合知识和技能，满足用户高品质的设计需求。
本书紧扣时下热门的用户界面设计趋势，主要讲解了什么是UI设计，UI设计的原则与理念，UI的文字、图片和图标设计，网页UI设计，移动端UI设计五大方面的内容。本书旨在普及用户界面设计的相关前沿理念，全面阐述用户界面设计在网页及移动端两大主流设计领域的具体表现和所需掌握的专业技能。
本书图文并茂、简单易懂，采用理论与商业应用案例分析相结合的方式，使用户能够更轻松地理解和应用，培养读者在用户界面设计方面分析问题和解决问题的能力。
本书结构清晰、内容翔实，为广大读者详细解读了用户界面的设计理念与方法，是一本用户界面设计的导论级读物。通过学习这些宝贵的设计经验与设计方法，读者同样可以创造出触动人心的用户界面设计。
本书由陈根编著。陈道双、陈道利、林恩许、陈小琴、陈银开、卢德建、张五妹、林道娒、李子慧、朱芋锭、周美丽等为本书的编写提供了很多帮助，在此表示深深的谢意。
由于作者水平及时间所限，书中不妥之处，敬请广大读者及专家批评指正。

编著者

《UI设计入门一本就够》：点亮你的设计之路 在这个数字化浪潮席卷一切的时代，用户界面（UI）设计的重要性日益凸显。一个优秀的用户界面，不仅是信息的载体，更是连接用户与产品、提升用户体验、甚至决定产品成败的关键。它关乎着产品的易用性、美观度、以及用户的情感连接。然而，对于初学者而言，UI设计领域庞杂的知识体系、层出不穷的设计趋势、以及各种专业术语，常常让人望而却步。 《UI设计入门一本就够》正是在这样的背景下应运而生。本书旨在为那些对UI设计充满好奇、渴望踏入这个充满创意与挑战的领域的新手们，提供一份清晰、系统、且易于理解的入门指南。我们深知，初学者最需要的是一个坚实的基础，一套行之有效的方法论，以及能够激发他们创造力的灵感。因此，本书的内容设计，始终围绕着“入门”与“够用”这两个核心关键词展开。 第一部分：走进UI设计的世界——认知与准备 在正式开始学习设计技巧之前，了解UI设计的本质、它在产品开发中的角色，以及作为一名UI设计师需要具备的素养，是至关重要的第一步。《UI设计入门一本就够》的开篇，将带领读者一起探索UI设计的魅力所在。 什么是UI设计？ 我们将从概念层面深入浅出地解释UI设计的定义，区分UI设计与UX（用户体验）设计的区别与联系。理解这两者之间的协同关系，能帮助读者建立更宏观的设计视野。我们将阐述UI设计的核心目标——创造直观、高效、愉悦的用户交互体验。 UI设计师的角色与职责： 了解UI设计师在产品团队中的定位，他们需要与产品经理、交互设计师、开发工程师等协同工作，共同将一个概念转化为用户喜爱并愿意使用的产品。本书将详细介绍UI设计师需要承担的各项职责，从理解用户需求到最终的界面交付，让读者对未来的职业道路有初步的认知。 必备的设计思维与基础素养： 设计并非仅仅是“画图”，它更是一种解决问题的思维方式。本书将引导读者培养用户导向的思维，强调同理心在设计过程中的作用。同时，我们将探讨作为一名UI设计师所需具备的基础素养，例如对美学的感知力、逻辑思维能力、沟通协作能力以及持续学习的态度。 搭建学习路径： 对于初学者来说，找到正确的学习方向至关重要。本书将提供一条清晰的学习路径，从基础理论到实践操作，循序渐进。我们会推荐一些优质的学习资源、工具和社区，帮助读者更快地融入UI设计生态。 第二部分：设计的基础法则——原理与要素 掌握了UI设计的宏观认知后，接下来就需要深入到设计的微观层面，学习那些构成优秀界面的基本元素和通用法则。《UI设计入门一本就够》将为你打下坚实的设计基础。 色彩的魔法： 色彩是UI设计中最直观、最具情感影响力的元素之一。本书将系统讲解色彩理论，包括色彩的心理学效应、色彩搭配原则（如互补色、邻近色）、色彩在品牌识别和用户引导中的作用。我们将提供实用的色彩工具和案例，帮助读者学会如何巧妙运用色彩来塑造界面的情绪和氛围。 排版的艺术： 字体不仅是文字的载体，更是界面的重要视觉组成部分。我们将深入讲解排版的基础知识，包括字体的选择（衬线体、无衬线体等）、字号、字距、行距的设置，以及如何通过排版来提升信息的可读性和页面的视觉层次。读者将学会如何让文字在界面中“说话”，引导用户的视线。 图形与图标的力量： 图形元素能够有效地传达信息、增强界面的表现力，并简化复杂的操作。本书将介绍各种UI图形元素的类型，如插画、装饰性图形等，并重点讲解图标的设计原则。我们将阐述如何设计清晰、易于理解的图标，以及如何在不同尺寸和场景下保持图标的辨识度。 构图与布局的智慧： 良好的布局能够使界面信息清晰、结构合理，并引导用户的浏览行为。我们将讲解网格系统、对齐原则、视觉平衡等构图法则，帮助读者理解如何组织界面元素，创建和谐、有秩序的页面。读者将学会如何有效地利用空间，避免界面显得杂乱无章。 留白的艺术： 留白，也称为负空间，在UI设计中扮演着至关重要的角色。它不仅仅是“空白”，更是用来突出重要内容、提升可读性、以及营造高级感的关键。本书将深入讲解留白的意义，以及如何在设计中合理运用留白，使界面更加呼吸，减少用户的认知负担。 第三部分：设计流程与实践——工具与技巧 理论知识需要通过实践来巩固和应用。本部分将聚焦于UI设计的实践环节，介绍常用的设计工具，并传授一系列实用的设计技巧。 主流UI设计工具介绍： 熟悉设计工具是UI设计师的必备技能。本书将重点介绍当前行业内最主流的UI设计软件，如Figma、Sketch、Adobe XD等。我们将从软件的安装、基础操作、到核心功能的应用，进行详细的讲解，帮助读者快速上手，并理解不同工具的优势和适用场景。 从线框图到高保真原型： 设计的整个流程包括从概念的初步构思到最终可交互原型的产出。我们将详细讲解线框图（Wireframe）的绘制技巧，以及如何通过线框图来规划页面结构和信息层级。随后，我们将指导读者如何将线框图转化为具有视觉设计的高保真原型（High-fidelity Prototype），并实现基本的交互动效。 组件化设计思维： 在现代UI设计中，组件化是提高效率和保证一致性的关键。本书将讲解组件化设计理念，如何创建可复用的UI组件（如按钮、输入框、卡片等），以及如何构建设计系统（Design System），从而实现高效、统一的设计输出。 动效设计入门： 动效能够让界面“活”起来，提升用户的交互体验和产品的趣味性。我们将从基础的动效原则出发，讲解如何为按钮、过渡、加载等元素添加恰当的动效，使界面更具吸引力，同时又不至于喧宾夺主。 设计规范与交付： 完成设计只是第一步，如何将设计准确地交付给开发团队同样重要。本书将讲解UI设计规范的重要性，以及如何创建清晰的设计标注，确保开发团队能够准确理解并实现设计意图。 第四部分：进阶与拓展——趋势与思考 UI设计领域瞬息万变，新的趋势和技术层出不穷。《UI设计入门一本就够》的最后部分，将引导读者关注行业发展，并提出一些更深层次的设计思考。 当前UI设计趋势解读： 我们将对当前主流的UI设计趋势进行分析，例如极简主义、拟物化与扁平化的演变、玻璃拟态、暗黑模式、微交互等，帮助读者了解行业动态，并思考如何将这些趋势融入自己的设计实践中。 响应式设计与跨平台兼容： 随着设备的多样化，设计需要适应不同的屏幕尺寸和平台。本书将讲解响应式设计的基本原理，以及如何为移动端、平板端、桌面端设计适配的界面。 无障碍设计（Accessibility）： 优秀的UI设计应该普惠所有人，包括残障人士。我们将介绍无障碍设计的重要性，以及在设计中需要注意的细节，如色彩对比度、键盘导航、屏幕阅读器兼容等。 数据可视化与信息架构： 在信息爆炸的时代，如何有效地呈现数据，并构建清晰的信息架构，成为UI设计的挑战。本书将简要介绍数据可视化的一些基本原则，以及信息架构在提升用户导航效率方面的作用。 持续学习与职业发展： UI设计是一个需要不断学习和迭代的领域。本书将鼓励读者保持好奇心，积极参与社区讨论，持续关注行业动态，并为他们提供一些关于职业发展方向的建议。 《UI设计入门一本就够》的核心价值： 系统性： 从认知到实践，再到趋势展望，本书构建了一个完整的UI设计入门知识体系，避免了碎片化学习的弊端。 实操性： 大量的案例分析、工具介绍和实践技巧，帮助读者将理论知识转化为实际操作能力。 易读性： 语言通俗易懂，避免过多专业术语，即使是零基础的读者也能轻松上手。 前瞻性： 关注行业最新趋势，为读者提供长远的职业发展视野。 无论你是希望转行成为一名UI设计师，还是想为自己的产品提升用户体验，亦或是仅仅出于对美的热爱，《UI设计入门一本就够》都将是你踏入UI设计世界的理想起点。它将为你点亮设计的智慧之光，让你在这个充满机遇的领域中，自信地迈出坚实的每一步。

评分☆☆☆☆☆

我一直觉得，设计这个东西，光是理论是远远不够的，关键还得看实践。这本书在这方面做得真的非常出色。它不是那种只讲“是什么”的书，而是花了很多篇幅去讲“怎么做”。例如，在介绍用户研究方法时，书中列举了好几种常用的用户访谈和问卷调查的技巧，还附带了具体的访谈提纲和问卷模板，这让我觉得非常实用，拿来就可以直接套用。而且，作者在讲解过程中，还会穿插一些自己亲身经历的案例，讲述在项目过程中遇到了哪些困难，又是如何通过设计思维去解决的。这些真实的故事，比任何空洞的理论都更能打动我，也让我对UI设计这个职业有了更立体的认识。我尤其欣赏书中关于“原型设计”和“用户测试”的讲解。它详细介绍了不同原型工具的使用方法，以及如何通过用户测试来验证设计方案的有效性。这让我明白了，好的UI设计不是一次性就能完成的，而是一个不断迭代、优化的过程。通过这本书，我不仅学习了设计方法，更重要的是，学会了如何像一个真正的UI设计师一样去思考和行动。

评分☆☆☆☆☆

说实话，一开始我选择这本书，主要看中的是它的“入门”定位，想着能快速了解UI设计大概是个什么样子。结果完全超出了我的预期。它不仅仅是讲了最基础的概念，还非常有条理地引导我思考更深层次的问题。比如，在讲到色彩搭配的时候，它没有简单罗列几种颜色组合，而是深入分析了不同颜色背后所代表的情感和心理暗示，以及如何在不同的产品场景下运用色彩来传达品牌调性和用户情绪。这让我意识到，色彩不仅仅是视觉上的装饰，更是一种强大的沟通工具。然后是关于字体选择的部分，同样令人印象深刻。书中详细介绍了不同字体的风格特点、可读性以及它们对用户心理的影响，还提供了一些实用的字体搭配建议，这让我以后在选择字体时不再是凭感觉，而是有了更科学的依据。我特别喜欢其中关于“留白”的章节，作者用了一个非常形象的比喻，将留白比作音乐中的休止符，点出了它在引导用户视线、提升信息层级方面的关键作用。这本书最大的亮点在于，它在讲解理论的同时，始终紧密结合实际应用，让我能够清晰地看到理论是如何转化为实际设计决策的。

评分☆☆☆☆☆

这本书我买来纯粹是抱着试一试的心态，因为之前完全没有接触过UI设计，对这个行业也只是一知半解。拿到书的那一刻，我其实有点打退堂鼓，毕竟封面看上去就挺专业的，里面会不会充斥着大量我看不懂的术语和理论？然而，当我翻开第一页，惊喜就接踵而至了。作者的语言风格非常接地气，没有那种高高在上的说教感，仿佛是我的一个经验丰富的朋友在手把手地教我。开篇就从最基础的概念讲起，比如什么是UI，为什么UI设计很重要，以及UI设计师需要具备哪些基本素质。这些内容听起来简单，但作者通过大量的实际案例和生动的比喻，让我一下子就抓住了核心要点。我尤其喜欢其中关于“用户体验”的阐述，书中通过几个非常贴切的例子，生动地解释了如何从用户的角度去思考设计，如何让用户在使用产品时感到愉悦和便捷。我之前总觉得设计就是“好看”，看完这一部分，我才意识到，原来“好用”才是UI设计的灵魂所在。而且，书中的图文并茂，很多插图都非常精美，我常常会盯着那些设计图反复琢磨，试图从中找出设计思路的痕迹。总的来说，这本书为我这个完全的初学者打开了UI设计的大门，让我觉得这个领域并非遥不可及，而是充满趣味和挑战的。

评分☆☆☆☆☆

对我这样一个对排版、布局、色彩搭配这些东西一窍不通的人来说，这本书的价值简直是无法估量的。它就像是一本“设计秘籍”，将原本复杂抽象的设计原理，用一种非常易于理解的方式呈现出来。书中的例子非常贴切，比如在讲到“视觉层级”的时候，作者用一个商场的广告牌和网站首页的对比，生动地说明了如何通过大小、颜色、位置等元素来引导用户的注意力。这让我茅塞顿开。我还特别喜欢书中关于“一致性”的论述，它强调了在整个产品中保持统一的设计风格和交互模式，能够给用户带来更稳定、更可信的感受。书中还提供了很多非常实用的“设计清单”和“检查表”，让我可以在实际设计时对照检查，避免遗漏一些重要的设计细节。总的来说，这本书在“技法”和“理念”上都给予了我极大的帮助。它不仅教会了我一些具体的设计技巧，更重要的是，它让我理解了UI设计背后的逻辑和思想，让我开始用一种全新的眼光去审视我平时接触到的各种产品和界面。

评分☆☆☆☆☆

这本书给我的感觉，就像是进入了一个充满无限可能的设计世界。它没有给我一个固定的“模板”，而是激发了我自己的创造力。在讲到“信息架构”的时候，作者并没有直接给出“你应该这样组织信息”的结论，而是引导我们去分析不同信息的重要性，去思考如何让用户最快、最准确地找到他们需要的内容。这种启发式的教学方式，让我觉得非常受益。书中还有很多关于“交互动效”的讨论，它解释了为什么简单的动画能极大地提升用户体验，以及在设计动画时需要注意的细节，比如速度、节奏和反馈。我之前以为动效就是一些酷炫的特效，看了这本书才知道，原来它背后蕴含着这么多学问。让我印象最深刻的是，书中反复强调要“拥抱变化”，鼓励我们在设计过程中不断尝试新的想法，并且不怕失败。这种开放和包容的态度，让我觉得UI设计是一个充满活力和创造性的领域。看完这本书，我感觉自己不再是那个对UI设计一无所知的门外汉，而是有了一些初步的判断力和创造的冲动。

评分☆☆☆☆☆

相当不错相当不错相当不错，价格便宜，下次还来。

评分☆☆☆☆☆

理论和实践的巧妙结合，非常实用的一本好书

评分☆☆☆☆☆

理论和实践的巧妙结合，非常实用的一本好书

评分☆☆☆☆☆

理论和实践的巧妙结合，非常实用的一本好书

评分☆☆☆☆☆

总体来说，很完美的一本书，从质量内容方面都好的没的说

评分☆☆☆☆☆

从很具体的方面来阐述专业知识，并且有很多生活中常见的实例供参考，易于理解和掌握知识点

评分☆☆☆☆☆

相当不错相当不错相当不错，价格便宜，下次还来。

评分☆☆☆☆☆

理论和实践的巧妙结合，非常实用的一本好书

评分☆☆☆☆☆

收到书后打开一看，真的是惊呆了！质量超级好，纸质非常棒，对得起买书花的钱了。每一页图片都像一张高质量照片，非常棒