网站颜色:

包邮!创意UI Photoshop玩转图标设计+移动UI设计 ps6教程书籍 app界面设计教程书籍 UI设计书籍 手机计算机系统图标设计教材书.

  • 产品名称:UI
  • 书名:UI
  • 出版时间:2014.12
  • 定价:158.00元
  • 是否是套装:是
  • 正:副书名:UI

B2

1、基本信息

书 名 创意UI Photoshop玩转图标设计(彩印)

丛 书 名 --

标准书号 ISBN (咨询特价)

编目分类 TP(咨询特价)

作 者 Art Eyes设计工作室 编著

译 者 --

责任编辑 张丹阳

开 本 大20 开

印 张 16.2

字 数 531 千字

页 数 324 页

装 帧 平装

版 次 第1版第1次

初版时间 2014年12月

本 印 次 2014年12月

首 印 数 3000 册

定 价 79.00

目   录

第1章 轻松迈向图标王国

1.1 图标入门 8

1.1.1 什么是图标 8

1.1.2 图标与标志的区别 9

1.1.3 常见移动应用图标 10

1.1.4 常见电脑应用图标 11

1.2 图标设计的意义和作用 12

1.2.1 什么是图标 12

1.2.2 图形内在含义 13

1.2.3 图标设计的作用 15

1.3 图标的像素分辨 17

1.3.1 Windows 98操作系统的图标像素分辨 17

1.3.2 Windows XP操作系统的图标像素分辨 18

1.3.3 安卓操作系统的图标像素分辨 19

1.3.4 iOS 7操作系统的图标像素分辨 21

1.4 常见图标的标准尺寸 22

1.4.1 常见移动操作系统的图标标准尺寸 22

1.4.2 常见电脑操作系统的图标标准尺寸 24

1.5 图标的设计要素和结构 25

1.5.1 图标型的把握 26

1.5.2 图标型的把握 27

1.5.3 透视、光源与阴影 28

1.5.4 素的组合 28

1.5.5 视觉均衡 29

1.6 那些你不知的图标分类 30

1.6.1 PNG格式图标 30

1.6.2 ICON格式图标 31

1.6.3 ICL格式图标 31

1.6.4 IP格式图标 31

1.7 制作图标的常用软件 32

1.7.1 Photoshop CS(咨询特价)

1.7.2 Illustrator CS(咨询特价)

第2章 掌控图标创意原则

2.1 图标制作的原则 36

2.1.1 可识别性原则 36

2.1.2 差异性原则 37

2.1.3 合适的精细度和素个数原则 38

2.1.4 风格统一性原则 38

2.1.5 原创性原则 39

2.2 图标的创意 40

2.2.1 界面需求 40

2.2.2 图标的创意素 42

2.2.3 创意图标的特点 43

2.3 图标设计草图的绘制和渲染 46

2.3.1 图标的设计方法及技巧 47

2.3.2 图标视觉分析 48

2.3.3 最终草图定稿 49

2.3.4 草图渲染 49

2.4 图标的视觉分析和效果 50

2.4.1 用户体验 53

2.4.2 图标的可识别性 56

2.4.3 图标设计的连续性 60

第3章 图标设计与软件操作

3.1 基础图形绘制图标中的素 62

3.1.1 圆形图标的绘制 63

3.1.2 方形图标的绘制 66

3.1.3 圆角矩形图标的绘制 69

3.1.4 组合图形图标的绘制 73

3.1.5 自定义形状图标的绘制 76

3.2 让人过目不忘的简单生活图标 79

3.2.1 移动设备电池图标绘制 80

3.2.2 安卓系统启动图标 83

3.2.3 iOS系统启动图标 86

3.2.4 Windows系统启动图标 87

3.3 具有设计性的图标制作 90

3.3.1 具有设计性的开关图标 91

3.3.2 具有设计性的音乐旋钮图标 95

3.3.3 具有设计性的导航栏图标的绘制 99

3.4 色彩斑斓的图标 104

3.4.1 粉嫩色系图标 106

3.4.2 蓝绿色系图标 109

3.4.3 暖色调图标 112

第4章 扁平化图标设计

4.1 纯色形状扁平化图标 120

实战1 应用类纯色形状扁平化图标 120

实战2 生活类纯色形状扁平化图标 123

4.2 Windows系统中的扁平化图标 126

实战1 Windows 8操作系统的扁平化图标 126

实战2 Windows XP操作系统的扁平化图标 131

4.3 iOS 7系统中的扁平化图标 134

实战1 线条扁平化图标 134

实战2 图形扁平化图标 137

第5章 质感图标的设计

5.1质感立体图标设计 146

实战1 立体透明图标制作 146

实战2 立体毛绒图标制作 151

5.2质感写实图标设计 156

实战1 逼真质感图标 156

实战2 逼真食物图标 168

实战3 金属质感写实图标 179

实战4 逼真生活物品图标 184

第6章 涂鸦风格图标设计

6.1 矢量涂鸦风格图标 193

实战1 矢量牌游质感风格图标 193

实战2 矢量趣味涂鸦图标 200

6.2 可爱动画涂鸦风格图标 208

实战1 可爱游戏涂鸦风格图标 208

实战2 可爱动画涂鸦风格图标 212

6.3 手绘涂鸦界面图标 219

实战1 手绘涂鸦界面图标 219

实战2 手绘相机应用图标 226

实战3 手绘导航应用图标 231

第7章 玩转图标应用

7.1 移动应用和图标 243

实战1 App应用和图标 243

实战2 苹果App应用和图标 253

实战3 移动iPad应用和图标 267

7.2 电脑桌面应用图标 283

实战1 电脑桌面图标 283

实战2 矢量插画电脑应用和图标 297

附录

01资源共享 308

移动 App精致图标欣赏 308

电脑桌面精致图标欣赏 311

你所需要的图标分层素材共享 313

02 移动App图标与应用的关系 316

发现图标 316

App从图标到应用 318

03图标设计中的10种错误 319

(咨询特价)14年图标设计的发展趋势 322

大图标 322

细节多 322

图标越来越像按钮 323

写实图标 323

单形图标 324

很多传统的隐喻已经过时了 324

非主流 324

2、基本信息

书名:创意UI——Photoshop玩转移动UI设

作者:Art Eyes设计工作室 编著   

出版社:人民邮电出版社

ISBN(咨询特价)

出版日期:2014 年12月10

开本:16开

页码:308

版次:1-1

所属分类: 计算机

编辑推荐

平面设计人员,UI设计人员

内容简介

书籍

计算机书籍

《创意UI——Photoshop玩转移动UI设计》通过案例的方式介绍了如何使用Photoshop进行移动UI设计,全书分为5章,每章都包括丰富的移动UI设计知识和详细的设计制作讲解。包括初入移动UI设计的世界、你所不知道的移动UI特性和界面导航设计、Photoshop和移动UI的那些事儿、现在就开始移动之旅和超人气平板界面是这样练成的等内容,使读者由浅入深,逐步了解使用Photoshop进行移动UI界面设计的整体思路和制作过程。以一个逐渐深化的方式为用户呈现设计中的重点门类和制作方法,使读者全面且深入地掌握各种类别移动界面设计案例。 

《创意UI——Photoshop玩转移动UI设计》内容专业简练,操作案例精美实用、讲解详尽,适合UI设计爱好者与设计专业的大中专学生阅读使用。随书附赠的光盘中收录了书中所有案例的教学视频、素材和源文件,用于补充书中遗漏的细节内容,方便读者学习和参考。

目录

第1章 初入移动UI设计的世界 

1.1 认识移动UI 8 

1.1.1 什么是移动UI设计 8 

1.1.2 移动UI设计的特点 9 

1.1.3 移动UI设计的经典案例 10 

1.2 移动设备的三大主流平台和设计的基本原则 12 

1.2.1 iOS平台和设计的基本原则 12 

1.2.2 Android平台和设计的基本原则 15 

1.2.3 Windows平台和设计的基本原则 16 

1.3 常用移动界面 18 

1.3.1 常用界面 18 

1.3.2 常用平板电脑界面 21 

1.4 移动UI的草图设计流程 23 

1.5 移动设备界面色彩搭配 24 

1.5.1 色彩对移动界面的重要性 24 

1.5.2 移动设备界面色彩的搭配方法 24 

1.5.3 移动设备中色彩的传达 26 

1.6 移动设备中各尺寸标准 27 

1.6.1 的基本尺寸标准 27 

1.6.2 平板的基本尺寸标准 28 

1.6.3 的基本分辨率 29 

1.6.4 平板的基本分辨率 30 

1.7 移动UI使用的注意要点 31 

1.7.1 移动UI设计的颜色使用要点 31 

1.7.2 移动UI设计的图案使用要点 35 

1.7.3 移动UI设计的字体使用要点 36 

 

第2章 你所不知道的移动UI特性和界面导航设计 

2.1 移动设备的特性 40 

2.1.1 高便携性 40 

2.1.2 隐私性 40 

2.1.3 应用轻便 40 

2.1.4 媒体的特性 41 

2.1.5 iPad的特性 43 

2.2 手摸势交互特性 45 

2.2.1 重复与循环动作 45 

2.2.2 连贯动作法和关键动作法 45 

2.2.3 夸张的方式制作利于触碰 46 

2.3 移动用户体验设计方法 47 

2.3.1 有效的人机交互策略 47 

2.3.2 移动设备的可用性 48 

2.3.3 以用户为中心的移动UI设计 51 

2.3.4 访客至上的设计秘籍 51 

2.4 导航栏和按钮的设计要点 52 

2.4.1 应用的导航栏设计 52 

2.4.2 导航栏返回按钮 54 

2.5 移动应用导航的设计模式 56 

2.5.1 跳板式 59 

2.5.2 列表菜单式 61 

2.5.3 选项卡式 62 

2.5.4 陈列馆式 63 

2.5.5 仪表式和隐喻式 64 

2.5.6 超级菜单式 65 

2.5.7 图片式 65 

2.5.8 扩展列表式 66 

2.6 2015年移动设备的发展趋势 69 

2.6.1 大屏幕,还是大屏幕 69 

2.6.2 4G LTE 69 

2.6.3 随处可见的Android 70 

2.6.4 NFC技术 70 

2.6.5 更轻更薄 71 

2.6.6 更大的平板电脑 71 

2.6.7 更好的平板电脑保护套 71 

2.6.8 在@Ultrabooks领域加大投资 72 

2.6.9 将吸引更多企业用户的关注 72 

 

第3章 Photoshop和移动UI的那些事儿 

3.1 移动UI中基础图形的绘制 74 

3.1.1 正方形、长方形 76 

3.1.2 圆角矩形 78 

3.1.3 椭圆 81 

3.1.4 组合图形 87 

3.1.5 其他形状 89 

3.2 常见控件的制作 91 

3.2.1 按钮 91 

3.2.2 对话框 95 

3.2.3 选项条 99 

3.2.4 切换条 103 

3.2.5 滚动条 107 

3.2.6 播放器 112 

3.3 图标的制作 115 

3.3.1 时间图标 115 

3.3.2 相机图标 121 

3.3.3 音乐图标 126 

3.3.4 天气图标 131 

 

第4章 现在就开始移动之旅 

4.1 移动设置界面 140 

实战1 时钟设置界面 140 

实战2 设置界面 145 

实战3 锁屏设置界面 150 

实战4 显示设置界面 154 

4.2 移动主题界面 158 

实战1 小清新风格主题 158 

实战2 女性风格主题界面 166 

实战3 可爱风格主题界面 170 

实战4 特效主题界面 174 

实战5 手绘风格主题界面 180 

4.3 移动应用界面 187 

实战1 照片应用界面 187 

实战2 音乐应用界面 193 

实战3 游戏应用界面 201 

 

第5章 超人气平板界面是这样炼成的 

5.1 平板主题界面设计 212 

实战1 安卓系统主题界面设计 212 

实战2 苹果系统主题界面设计 218 

实战3 Windows系统主题界面设计 224 

5.2 平板应用游戏界面设计 229 

实战1 iPad休闲游戏 229 

实战2 iPad益智游戏 237 

5.3 平板常用软件界面设计 244 

实战1 平板电影高清时代 244 

实战2 平板应用界面 252 

实战3 平板音乐应用界面 257 

5.4 平板阅读界面设计 263 

实战1 iPad电子明信片浏览 263 

实战2 女性网购站点 271 

实战3 儿童学习教育 281 

附录 

01 设计背景 290 

触控目标大小的定义 290 

僧多粥少 291 

可玩性主要在于手控的操作 292 

02 不同类型移动设备的可用性各异 293 

iOS移动设备的可用性 294 

Android移动设备的可用性 295 

Windows Phone移动设备的可用性 296 

03 移动网站与完整版网站 298 

移动优化的网站 299 

为什么完整版网站不适合移动使用 302 

移动端比桌面端要求更严格 303 

响应式设计 305 

可用性原则很少非黑即白 307

热门设计服务