UI设计与制作（微课版）

本书以实际应用为写作目的，围绕UI设计的相关知识和操作技能进行介绍，全书共8章，遵循由浅入深、从理论到实践的原则，依次介绍UI设计入门知识、UI设计应用解析、UI设计中素材的处理、UI控件和组件、UI中的图标设计、移动端APP界面设计、PC端网页界面设计及应用软件界面设计，以帮助读者对知识进行更好的吸收，并达到学以致用的目的。本书附赠在线UI交互设计的知识内容。 本书结构合理、图文并茂，用语通俗、易教易学，不仅适合作为各类院校UI设计相关专业学生的教材或辅导用书，还适合作为培训机构及UI设计爱好者的参考用书。

王国胜 德胜书坊长期从事软件应用基础类图书的策划与写作，尤其是计算机软件应用方面有丰富的经验，已建立一定品牌和影响。开设的德胜线上课堂，为读者持续学习资源服务，同时与多所院校保持紧密的教研合作，具有一定的院校基础。策划出版了多本畅销图书，深受广大读者好评。

第1章　UI设计入门知识 1.1　认识UI设计　002 1.1.1　UI设计概念　002 1.1.2　UI设计原则　003 1.1.3　UI设计常用软件　003 1.2　UI设计方向　004 1.2.1　交互设计　005 1.2.2　界面设计　005 1.2.3　用户研究　005 1.3　UI设计规范　006 1.3.1　一致性原则　006 1.3.2　准确性原则　006 1.3.3　可读性原则　007 1.3.4　布局合理化原则　007 1.3.5　操作合理性原则　008 1.3.6　合理的系统响应时间　008 1.4　UI设计流程　009 1.4.1　需求分析　009 1.4.2　交互分析　009 1.4.3　视觉设计　010 1.4.4　交付开发　011 1.4.5　设计走查　013 知识拓展　014 第2章　UI设计应用解析 2.1　文字的应用解析　017 2.1.1　认识字体　017 2.1.2　文字设计规范　018 2.1.3　文字排版的四大原则　020 2.2　图片的应用解析　021 2.2.1　常用的图片格式　021 2.2.2　图片比例　021 2.2.3　图片的应用技巧　023 2.3　色彩的应用解析　025 2.3.1　色彩的属性　025 2.3.2　色彩的类别　026 2.3.3　色彩的搭配　028 2.4　栅格系统的应用解析　030 2.4.1　认识栅格系统　030 2.4.2　栅格系统的组成　031 2.4.3　栅格系统的设置流程　032 2.4.4　使用栅格系统的注意事项　033 知识拓展　033 第3章　UI设计中素材的处理 3.1　图形元素的绘制　036 3.1.1　基础图形的绘制与编辑　036 3.1.2　路径的绘制与编辑　040 3.1.3　图形的颜色填充与描边　046 3.1.4　对象的选择与变换　050 3.1.5　文本的创建与编辑　052 3.2　图像元素的处理　054 3.2.1　图像大小的调整显示　054 3.2.2　图像的修饰与修复　055 3.2.3　图像的抠取与合成　056 3.2.4　图像的色彩调整　061 3.2.5　图像的特效应用　063 实战演练：制作网站登录页　067 课后练习：制作极坐标艺术效果背景　072 知识拓展　072 第4章　UI控件和组件 4.1　UI控件　075 4.2　按钮控件设计　075 4.2.1　认识按钮　075 4.2.2　常见的按钮类型　077 4.2.3　按钮的风格　078 4.3　UI组件　079 4.4　导航栏组件设计　080 4.4.1　认识导航栏　080 4.4.2　导航栏的类型　080 4.4.3　导航栏的样式　083 实战演练：制作搜索框导航栏　084 课后练习：制作新拟态圆形图标　087 知识拓展　088 第5章　UI中的图标设计 5.1　认识图标　090 5.1.1　图标的组成　090 5.1.2　图标的类型　091 5.1.3　图标的风格　092 5.2　图标的设计规范　093 5.2.1　iOS图标设计规范　095 5.2.2　Android图标设计规范　096 5.3　手机主题图标设计　098 实战演练：制作多媒体音乐功能图标　100 课后练习：制作扁平日历应用图标　110 知识拓展　111 第6章　移动端App界面设计 6.1　常见的移动端App界面　114 6.1.1　闪屏页　114 6.1.2　引导页　114 6.1.3　注册登录页　116 6.1.4　空白页　116 6.1.5　首页　116 6.1.6　个人中心页　117 6.2　iPhone界面设计规范　118 6.2.1　界面尺寸与框架　118 6.2.2　设计规范详解　119 6.3　Android手机界面设计规范　121 6.3.1　界面尺寸与框架　121 6.3.2　设计规范详解　122 实战演练：旅行类App界面设计　123 课后练习：制作旅行类App详情页　133 知识拓展　135 第7章　PC端网页界面设计 7.1　网页常用界面类型　137 7.1.1　首页　137 7.1.2　栏目页　138 7.1.3　详情页　138 7.1.4　专题页　139 7.2　网页界面设计　140 7.2.1　网页界面的设计原则　141 7.2.2　网页布局　142 7.3　网页界面设计规范　144 7.3.1　网页界面尺寸与框架　144 7.3.2　网页界面设计规范详解　145 实战演练：音乐类网页界面设计　148 课后练习：制作游戏网页首页　156 知识拓展　157 第8章　应用软件界面设计 8.1　常见的应用软件界面　159 8.1.1　启动页　159 8.1.2　着陆页　159 8.1.3　集合页　160 8.1.4　主/细节页　160 8.1.5　详细信息页　160 8.1.6　表单页　161 8.2　软件界面设计详解　161 8.2.1　软件界面设计原则　161 8.2.2　软件界面框架类型　162 8.3　Windows设计规范　163 8.3.1　界面框架　163 8.3.2　设计规范详解　164 实战演练：音乐类应用软件界面设计　168 课后练习：制作音乐类应用软件播放界面　180 知识拓展　180 附录A　在线UI设计工具 MasterGo　182 附录B　一站式UI设计协作工具Pixso　197