本书紧扣用户界(UI)面设计趋势,主要讲解了什么是UI设计,UI设计的原则与理念,图标设计方法、移动端界面UI设计布局和iOS规范五大方面的内容。本书结构清晰、内容翔实,为广大读者详细解读了UI的设计理念与方法,是一本UI设计的入门级教材。本书能够提高图标设计人员、UI设计师、平面设计师、用户体验设计师等的设计技能,可以帮助他们打开创意灵感之门。本书也适合想要从事UI设计相关工作的读者学习使用;也可作为高校和培训机构视觉传达和多媒体设计等相关专业的教材和参考书。

目录 第1章 走进UI世界..................1 1.1 认识移动UI 设计 .............................2 1.1.1 认识UI、GUI、HUI、WUI概念.... 2 1.1.2 UE与UED ................................... 4 1.1.3 UCD ............................................. 4 1.2 UI 相关概念 .....................................5 1.2.1 智能手机屏幕单位 ....................... 5 1.2.2 色彩模式 ...................................... 6 1.2.3 网点密度与像素密度 .................... 7 1.2.4 逻辑分辨率与像素倍率 ................ 7 1.2.5 视网膜屏幕 .................................. 8 1.3 常见智能手机系统 ...........................8 1.3.1 Android系统 ................................ 8 1.3.2 iOS系统 .................................... 13 1.3.3 Windows Phone系统................. 16 1.4 文件存储格式 .................................18 1.4.1 GIF格式..................................... 18 1.4.2 JPEG格式 ................................. 18 1.4.3 PNG格式 .................................. 18 1.4.4 SVG格式 ................................... 18 1.5 如何进行手机UI设计 ....................18 1.5.1 UI设计的流程 ............................ 18 1.5.2 UI设计原则 ............................... 22 思考与练习 .................................................... 26 第2章 主题图标设计..................27 2.1 图标 ...............................................28 2.1.1 图标概念 .................................... 28 2.1.2 图标分类 .................................... 28 2.2 主题图标 ........................................30 2.2.1 主题图标概念 ............................ 30 2.2.2 常用主题图标名称 ..................... 31 2.3 图标设计规范及技巧 ......................32 2.3.1 图标设计规范 ............................ 32 2.3.2 图标设计流程 ............................ 36 2.3.3 图标设计方法 ............................ 37 思考与练习 .................................................... 40 第3章 Illustrator 图标设计..................27 3.1 Illustrator 概述 ..............................42 3.1.1 Illustrator 发展历程 ..................... 42 3.1.2 Illustrator 应用领域 ..................... 42 3.2 Illustrator 基础操作 .......................45 3.2.1 工作区概览 ................................ 45 3.2.2 新建Illustrator 文档 .................... 47 3.2.3 保存Illustrator 文档 .................... 48 3.2.4 保存文件类型 ............................ 49 3.2.5 导出文件类型 ............................ 49 3.2.6 辅助工具的使用 ......................... 50 3.2.7 选择对象 .................................... 52 3.2.8 对象编组 .................................... 54 3.2.9 对象对齐和分布 ......................... 54 3.2.10 绘图与变形工具 ....................... 55 3.3 组合对象 ........................................75 3.3.1 复合形状 .................................... 75 3.3.2 其他复合形状 ............................ 77 3.3.3 释放与扩展复合形状 .................. 78 3.3.4 路径查找器选项 ......................... 80 3.4 扩展、扩展外观、轮廓化描边、文字轮廓 ........................................81 3.4.1 扩展 ........................................... 81 3.4.2 扩展外观 .................................... 81 3.4.3 轮廓化描边 ................................ 82 3.4.4 文字轮廓 .................................... 82 3.5 图标设计技法 .................................82 3.5.1 绘制“image”图标 ................... 82 3.5.2 绘制“setting”图标 .................. 85 3.5.3 绘制“game”图标 .................... 89 3.5.4 绘制“BrandColors”的Logo .... 92 3.5.5 绘制“中国联通”的Logo ......... 94 3.5.6 绘制MBE 风格“Video”图标 ... 97 3.5.7 绘制可爱渐变“user”图标 ..... 100 3.5.8 绘制折叠效果“user”图标 ..... 103 3.5.9 拼凑效果“home”图标 .......... 105 3.5.10 彩色“切片球”制作 .............. 110 思考与练习 .................................................. 113 第4章 Photoshop图标设计实战..................114 4.1 Photoshop概述 ..........................115 4.2 Photoshop基本操作 ...................115 4.2.1 工作区概览 .............................. 115 4.2.2 了解Photoshop中的工具 ........ 116 4.2.3 新建Photoshop文档 ............... 117 4.2.4 保存Photoshop文档 ............... 119 4.2.5 保存文件类型 .......................... 120 4.3 Photoshop矢量工具 ...................121 4.3.1 钢笔工具 .................................. 121 4.3.2 路径选择工具/ 直接选择工具 .. 122 4.3.3 形状图形工具 .......................... 122 4.3.4 设置颜色方法 .......................... 123 4.3.5 布尔运算 .................................. 124 4.3.6 对齐、排列关系 ....................... 126 4.4 图层样式 ......................................128 4.4.1 添加图层样式 .......................... 129 4.4.2 “图层样式”面板 ................... 129 4.5 Photoshop图标设计实战 ............134 4.5.1 图标的扁平化设计 ................... 134 4.5.2 线形图标 .................................. 136 4.5.3 剪影图标 .................................. 139 4.5.4 扁平彩色图标 .......................... 144 4.5.5 拟物图标的设计方法 ................ 148 思考与练习 .................................................. 152 第5章 iOS规范及工具APP视觉设计..................153 5.1 App类型及特点 ...........................154 5.1.1 App类型.................................. 154 5.1.2 手机App设计原则 .................. 156 5.2 iOS控件介绍及设计规范 .............164 5.2.1 iOS控件摆放规范 .................... 164 5.2.2 iOS控件的构成与尺寸 ............. 165 5.3 常见布界面布局 ...........................173 5.4 App界面设计实战 .......................176 5.4.1 音乐App界面实战 .................. 176 5.4.2 社交App界面实战 .................. 181 5.4.3 个人**界面实战 ................... 183 思考与练习 .................................................. 185