- 电子工业出版社
- 9787121473975
- 1-1
- 525174
- 66255141-5
- 平塑
- 16开
- 2024-02
- 224
- 设计类
- 高职
内容简介
本书全面围绕UI 设计的相关知识和操作技能展开讲解,内容新颖,深浅适度,知识全面。本书采用理论与实践相结合的方式,循序渐进地讲解了与 UI 设计相关的知识和技术。 本书共 6 个项目,分别为 UI 设计基础、图标和按钮设计、网页 UI 设计、App 设计、软件 UI 设计、网店 UI 设计。 全书内容详略得当,并为重点内容配备了教学视频,读者通过扫描二维码即可观看。在编排上,本书完全按照现代教学需求进行设计,适合实际教学;在内容上,本书不仅 对UI 设计的基础知识和常见设计规范、方法进行介绍,还通过案例的形式,对不同类型的 UI 设计进行介绍,将理论与实践相结合,具有较强的实用性。
目录
项目1 UI 设计基础 …………………………………………………………………………… 001__eol__ 1.1 学习情境 UI 设计介绍 …………………………………………………………… 002__eol__ 1.1.1 UI 设计的概念 ……………………………………………………………… 002__eol__ 1.1.2 设计类别 ……………………………………………………………………… 003__eol__ 1.1.3 网页 UI 设计和软件 UI 设计 ………………………………………………… 004__eol__ 1.2 学习情境 UI 设计的流程和软件 ………………………………………………… 005__eol__ 1.2.1 UI 设计的流程 ……………………………………………………………… 005__eol__ 1.2.2 UI 设计的软件 ……………………………………………………………… 005__eol__ 1.2.3 UI 设计的原则 ……………………………………………………………… 008__eol__ 1.3 学习情境 UI 的配色设计 ………………………………………………………… 010__eol__ 1.3.1 色彩的基础认识 ……………………………………………………………… 010__eol__ 课堂案例1-1 制作网页背景图 …………………………………………………… 013__eol__ 1.3.2 UI 的色彩搭配及作用 ……………………………………………………… 015__eol__ 课堂案例1-2 制作网站首页 ……………………………………………………… 019__eol__ 1.3.3 网页 UI 设计配色方法 ……………………………………………………… 023__eol__ 课后拓展———制作数码产品网站页面导航 ……………………………………………… 029__eol__项目2 图标和按钮设计 ……………………………………………………………………… 035__eol__ 2.1 学习情境 图标和按钮介绍………………………………………………………… 036__eol__ 2.1.1 图标和按钮的起源 …………………………………………………………… 036__eol__ 2.1.2 图标的分类 …………………………………………………………………… 037__eol__ 课堂案例2-1 制作房屋图标 ……………………………………………………… 039__eol__ 2.2 学习情境 图标设计………………………………………………………………… 040__eol__ 2.2.1 图标的特征 …………………………………………………………………… 040__eol__ 2.2.2 图标的常用格式 ……………………………………………………………… 041__eol__ 2.2.3 图标的设计原则 ……………………………………………………………… 042__eol__ 课堂案例2-2 制作银行卡图标 …………………………………………………… 044__eol__ 2.3 学习情境 软件按钮设计…………………………………………………………… 046__eol__ 2.3.1 软件按钮的特征 ……………………………………………………………… 046__eol__ 2.3.2 软件按钮的设计原则 ………………………………………………………… 046__eol__ 课堂案例2-3 制作软件按钮 ……………………………………………………… 048__eol__ 2.4 学习情境 网页按钮的设计规则与作用…………………………………………… 053__eol__ 2.4.1 网页按钮的设计规则 ………………………………………………………… 053__eol__ 2.4.2 常见的网页按钮类型 ………………………………………………………… 055__eol__ 2.4.3 网页按钮的特征 ……………………………………………………………… 056__eol__ 2.4.4 网页按钮的作用 ……………………………………………………………… 057__eol__ 课堂案例2-4 制作网页中的“开始”按钮 ………………………………………… 059__eol__ 2.5 学习情境 手机游戏按钮设计……………………………………………………… 061__eol__ 2.5.1 单选按钮的特征 ……………………………………………………………… 061__eol__ 2.5.2 滑块按钮的特征 ……………………………………………………………… 062__eol__ 2.5.3 游戏按钮的视觉表现 ………………………………………………………… 063__eol__ 课堂案例2-5 制作游戏按钮 ……………………………………………………… 063__eol__ 课后拓展———制作电源按钮 ……………………………………………………………… 067__eol__项目3 网页 UI 设计…………………………………………………………………………… 071__eol__ 3.1 学习情境 网页 UI 设计介绍 ……………………………………………………… 072__eol__ 3.1.1 网页 UI 设计的发展 ………………………………………………………… 072__eol__ 3.1.2 网页 UI 设计的基本要素 …………………………………………………… 072__eol__ 3.2 学习情境 网页 Logo 与 Logo 设计 ………………………………………………… 074__eol__ 3.2.1 网页 Logo …………………………………………………………………… 074__eol__ 3.2.2 网页 Logo 设计的方法 ……………………………………………………… 075__eol__ 课堂案例3-1 制作“抖音”的 Logo ……………………………………………… 077__eol__ 3.3 学习情境 网页导航设计…………………………………………………………… 082__eol__ 3.3.1 网页导航设计的目标 ………………………………………………………… 082__eol__ 3.3.2 网页导航设计的原则 ………………………………………………………… 083__eol__ 课堂案例3-2 制作网站导航页 …………………………………………………… 083__eol__ 3.4 学习情境 网页布局设计…………………………………………………………… 090__eol__ 3.4.1 网页布局设计的原则 ………………………………………………………… 090__eol__ 3.4.2 常见的布局模式 ……………………………………………………………… 090__eol__ 课堂案例3-3 制作家居网站首页 ………………………………………………… 095__eol__ 课后拓展———制作手机宣传网页 ………………………………………………………… 100__eol__项目4 App 设计 ……………………………………………………………………………… 107__eol__ 4.1 学习情境 App 设计介绍…………………………………………………………… 108__eol__ 4.1.1 认识 App ……………………………………………………………………… 108__eol__ 4.1.2 App 设计流程 ………………………………………………………………… 108__eol__ 4.1.3 界面设计团队 ………………………………………………………………… 110__eol__ 4.2 学习情境 App 的元素……………………………………………………………… 111__eol__ 4.2.1 App 的构成元素 ……………………………………………………………… 111__eol__ 课堂案例4-1 制作 App 引导页 …………………………………………………… 114__eol__ 4.2.2 屏幕的概念 …………………………………………………………………… 117__eol__ 课堂案例4-2 制作 App 首页 ……………………………………………………… 119__eol__ 4.3 学习情境 App 布局设计……………………………………………………………