图书介绍

WoW!移动UI视觉设计全攻略

WoW!移动UI视觉设计全攻略
  • 侯志刚,薛聪锐 著
  • 出版社: 人民邮电出版社
  • ISBN:9787115369253
  • 版次:1
  • 商品编码:11615423
  • 包装:平装
  • 开本:16开
  • 出版时间:2015-02-01
  • 用纸:胶版纸
  • 页数:340
  • 正文语种:中文

微信扫码下载

赞助商

图书目录

导读t9
01 互联网产品的设计t9
02 扁平化设计思想对移动UI视觉设计的影响t12
03 移动UI视觉设计的要点t13
第1部分·基础篇t15
第1章 *为移动UI视觉设计铺路
—入门必备t15
1.1 移动UI的基础概念t16
1.1.1 什么是移动UIt16
1.1.2 移动UI的应用范围t17
1.1.3 APP与UI视觉设计的关系t17
1.1.4 移动UI视觉设计的重要性t18
1.1.5 移动UI视觉设计的原则t19
1.2 移动UI视觉设计的五大阶段t21
1.2.1 产品定位及市场分析阶段t21
1.2.2 初步构思及架构设计阶段t21
1.2.3 修饰美化及界面设计阶段t22
1.2.4 界面输出及可用性测试阶段t22
1.2.5 产品上线及优化方案阶段t22
1.3 移动设备尺寸的相关概念t23
1.3.1 英寸t23
1.3.2 显示分辨率t23
1.3.3 像素密度t24
1.4 色彩对移动UI的重要性t25
1.4.1 色彩的基础概念t25
1.4.2 移动UI视觉中常用的色彩对比t26
1.4.3 不同颜色的情感表达t27
1.4.4 移动UI中的色彩级别t28
1.4.5 不同系统的色彩应用规范t28
1.5 常见的移动UI设计工具t29
1.5.1 矢量图形的编辑高手—Illustratort29
1.5.2 强大的图形图像编辑利器—Photoshopt29
1.6 三大主流系统的UI设计特点t30
1.6.1 苹果iOS7系统—扁平化t30
1.6.2 安卓Android系统—极高自由度t32
1.6.3 微软Windows Phone8系统—极简色块t33
第2章 *让操作更高效
—Photoshop基础t35
2.1 五大必备的核心功能t36
2.1.1 控制设计对象的顺序—图层t36
2.1.2 调整图像的影调和色调—调整/填充图层t38
2.1.3 编辑图像的显示区域—蒙版t39
2.1.4 精确把握编辑的区域—选区t40
2.1.5 准确传递UI的信息—文字t40
2.2 七种不同的绘图工具t41
2.2.1 规则直角方形的绘制—矩形工具t41
2.2.2 圆角方形的绘制—圆角矩形工具t43
2.2.3 椭圆图形的绘制—椭圆工具t44
2.2.4 星形和多边形的绘制—多边形工具t44
2.2.5 线段和虚线的绘制—直线工具t45
2.2.6 复杂图形的绘制—自动形状工具t46
2.2.7 任意图形的绘制—钢笔工具t47
2.3 十大图层样式提升设计质感t48
2.3.1 组合高光和阴影—斜面和浮雕t48
2.3.2 修饰轮廓色—描边t50
2.3.3 制作凹陷外观—内阴影t51
2.3.4 提升内部层次—内发光t52
2.3.5 创建光滑表面—光泽t53
2.3.6 更改填充色—颜色叠加t54
2.3.7 打造炫彩效果—渐变叠加t55
2.3.8 添加花样填色—图案叠加t56
2.3.9 增强外部边缘光晕—外发光t57
2.3.10 增强立体感—投影t58

第2部分·入门篇t59
第3章 *准确传递功能应用
—图标的设计t59
3.1 与图标设计相关t60
3.1.1 图标的标准格式及大小t60
3.1.2 图标设计的三大原则t63
3.1.3 不同系统下图标的设计特点t65
3.2 图标设计案例t67
3.2.1 线性风格的图标制作t67
3.2.2 单色风格的图标制作t70
3.2.3 折纸效果的图标制作t73
3.2.4 可爱风格的图标制作t77
3.2.5 金属材质的图标制作t82
第4章 *控制和调节应用程度
—滑块的设计t87
4.1 与滑块设计相关t88
4.1.1 滑块的构成要素和作用t88
4.1.2 滑块的类型t89
4.1.3 不同系统中滑块的设计要点t89
4.2 滑块设计案例t91
4.2.1 简约图形组成的滑块t91
4.2.2 清新自然的滑块制作t96
4.2.3 渐变效果的滑块制作t101
4.2.4 粉嫩可爱风格的滑块t107
4.2.5 蓝色酷炫风格的滑块t111
第5章 *接通和断开功能
—按钮的设计t115
5.1 与按钮设计相关t116
5.1.1 按钮的不同状态t116
5.1.2 按钮形状及作用之间的影响t117
5.1.3 不同系统下按钮的设计风格t117
5.1.4 按钮设计的三大技巧t119
5.2 按钮设计案例t121
5.2.1 扁平化按钮的制作t121
5.2.2 白色简易效果的按钮t125
5.2.3 半透明按钮的制作t129
5.2.4 夜光效果的按钮制作t133
5.2.5 木制效果的按钮制作t137

第3部分·进阶篇t141
第6章 *让时钟表现更有品味
—时钟界面设计t141
6.1 翻转式时钟界面设计t142
灵感构思解析t142
设计元素简述t143
色彩搭配技巧t143
制作步骤详解t143
01 魔方的绘制与组合t144
02 界面布局制作t144
03 图标和文字的添加t145
04 变换对象制作翻转效果t146
不同应用平台展示t147
6.2 齿轮状平板钟面设计t148
灵感构思解析t148
设计元素简述t149
色彩搭配技巧t149
制作步骤详解t149
01 时钟界面的绘制t150
02 齿轮状设置区域的制作t150
03 页面的组合和修饰t151
不同应用平台展示t152
6.3 天气刻度样式的时间界面t153
灵感构思解析t153
设计元素简述t154
色彩搭配技巧t154
制作步骤详解t154
01 天气刻度样式的钟面绘制t150
02 时钟界面的组合和修饰t151
03 日历设置页面绘制t151
不同应用平台展示t158
6.4 半透明线条感的时间界面t159
灵感构思解析t159
设计元素简述t160
色彩搭配技巧t160
制作步骤详解t160
01 界面背景的编辑t161
02 半透明钟面的绘制t161
03 页面的修饰和完善t162
04 事件设置界面的绘制t163
不同应用平台展示t164
第7章 *传递最美妙的音乐
—播放器界面设计t165
7.1 带声波的播放器界面设计t166
灵感构思解析t166
设计元素简述t167
色彩搭配技巧t167
制作步骤详解t167
01 制作出背景界面t168
02 绘制音波和播放控件t169
03 制作专辑界面t170
不同应用平台展示t171
7.2 清新自然风格的播放器界面设计t172
灵感构思解析t172
设计元素简述t173
色彩搭配技巧t173
制作步骤详解t173
01 播放界面顶栏的绘制t174
02 播放滑块的制作t175
03 对象的组合t176
不同应用平台展示t176
7.3 冷酷简约风格的播放器界面设计t177
灵感构思解析t177
设计元素简述t178
色彩搭配技巧t178
制作步骤详解t178
01 绘制背景和按钮t179
02 绘制播放器t179
03 添加光盘图像t180
不同应用平台展示t181
7.4 单色调风格的播放器界面设计t182
灵感构思解析t182
设计元素简述t183
色彩搭配技巧t183
制作步骤详解t183
01 播放区域的绘制t184
02 按钮控件的绘制t185
03 歌曲列表的绘制t187
不同应用平台展示t188
第8章 *把互联网装入口袋
—浏览器界面设计t189
8.1 白色圣洁风格的浏览器界面t190
构图布局解析t190
设计元素简述t191
色彩搭配技巧t191
制作步骤详解t191
01 界面中基本元素的绘制t192
02 文字、图标与基本元素的组合t193
03 界面的完善和拼接t194
不同应用平台展示t194
8.2 线性扁平风格的浏览器界面t195
构图布局解析t195
设计元素简述t196
色彩搭配技巧t196
制作步骤详解t196
01 界面背景的绘制t197
02 账号选择界面的制作t197
03 信息界面的制作t199
不同应用平台展示t200
8.3 圣诞主题风格的浏览器界面t201
构图布局解析t201
设计元素简述t202
色彩搭配技巧t202
制作步骤详解t202
01 按钮和滑块的绘制t203
02 搜索栏和标题栏的制作t204
03 界面的完善和组合t206
不同应用平台展示t207
8.4 暗色简约风格的浏览器界面t208
构图布局解析t209
设计元素简述t209
色彩搭配技巧t209
制作步骤详解t210
01 网站首页的绘制t210
02 购物页面的绘制t211
03 个人信息页面的绘制t212
04 搜索页面的绘制t213
不同应用平台展示t214
第9章 *让娱乐变得更享受
—游戏界面设计t215
9.1 游戏欢

查看全部 ↓

精品推荐