本书详细介绍了使用Photoshop 软件设计与制作App UI 的思路和方法。全书分为3 个部分,共11 章。第1 部分为第1 章、第2 章,介绍了UI 设计的基础知识;第2 部分为第3 章至第10 章,详细介绍了用Photoshop 制作各种UI 常用元素(图形、控件、启动图标以及图片等)的方法与过程;第3 部分为第11 章,详细介绍了不同手机系统下的UI 设计案例。
本书提供所有实例的多媒体教学视频、所有实例的素材和源文件,下载地址为:http://pan.baidu.com/s/1pKUJRyN。
本书适合已经掌握Photoshop CC 软件基本使用方法的读者阅读。
如何设计出更加友好的UI?
一个 UI设计师去找工作,如何展示他的价值?
本书将给你答案?
只要你会简单使用Photoshop软件,就能设计与制作精美智能手机UI
本书将UI设计的基本理论与实际案例结合,易于掌握
提供案例的全部素材源文件与教学视频,易于学习
全面详细介绍了不同手机系统下的UI设计案例,适用的不同系统
叶经文,湖南新化人,硕士。现为衡阳师范学院教授,美术学院副院长。中国美术家协会会员,湖南省美术家协会水彩画艺委会委员。近年来出版专著《水彩画写生与创作》,主编高校教材《色彩构成》、《大学美术鉴赏》、《现代设计色彩写生》等,参编高校教材多部;在《文艺研究》、《美术观察》、《装饰》等艺术类**期刊发表论文多篇。其美术创作《瑶乡早市》、《有字帖的静物》等十余件作品分别入选第十届全国美术作品展等全国性美术展览。长期从事智能手机 UI的设计与培训工作,具有丰富的教学与实际设计经验。
第1章 手机UI 设计概述
1.1 手机UI 设计概述 002
1.1.1 什么是UI ? 002
1.1.2 优秀的UI 具有哪些特点 003
1.2 UI 设计的布局和分类 003
1.2.1 UI 设计的布局 003
1.2.2 UI 设计的分类 005
1.3 如何制作出优秀的UI 008
1.4 UI 设计师如何自我提升 012
1.4.1 形状/ 轮廓 012
1.4.2 美术基础 013
1.4.3 色彩识别 013
1.4.4 引导视觉 014
设计思路:如何设计出更加友好的UI 016
知识扩展:浏览本书所有范例,从视觉上总结 UI 设计的基本要素 018
第2 章 手机UI 设计基础
2.1 关于手机 021
2.1.1 智能手机操作系统的分类 021
2.1.2 手机屏幕的分辨率 021
2.1.3 屏幕的色彩 022
2.2 UI 设计相关知识 023
2.2.1 什么是UI 设计 023
2.2.2 UI 设计的目的和重要性 024
2.2.3 UI 设计中最重要的元素是什么 024
2.2.4 平面UI 与手机UI 的不同 025
2.3 UI 设计的原则 026
设计思路:一个UI 设计师去找工作,如何展示他的价值 029
知识扩展:思考一下UI 设计的流程? 029
第3 章 Photoshop 制作图标常用的编辑操作
3.1 UI 设计的准则 032
3.2 图标设计的格式和大小 034
3.2.1 JPEG 格式 034
3.2.2 PNG 格式 034
3.2.3 GIF 格式 034
3.2.4 图标尺寸大小 035
3.3 跟大师设计一组图标 036
3.3.1 准备工作 036
3.3.2 构思、草图 036
3.3.3 辅助背景制作 037
3.3.4 基本形、放大 038
3.3.5 创作过程 038
3.3.6 常用方法——变形 040
3.3.7 成品 041
设计思路:设计图标的三个阶段 042
知识扩展:图标格式的那点事 044
第4 章 手机UI 的平面图标制作
实战01 Home 图标制作 049
实战02 日历图标制作 051
实战03 录音机图标制作 053
实战04 文件夹图标制作 055
实战05 徽章图形 058
实战06 秒表图形 062
设计思路:绘制基本形状 067
知识扩展1:了解绘图模式 070
知识扩展2:了解图层样式 071
第5 章 手机UI 的字效表现
实战01 车灯字体 073
实战02 星星字体 078
实战03 牛仔布料字体 084
设计思路:在 APP UI 中如何控制字号 088
知识扩展:字体配色的那点事 090
第6 章 手机UI 的质感表现
实战01 金属 093
实战02 胶布 098
实战03 玻璃 101
实战04 光滑表面 107
实战05 木纹 115
实战06 皮革 119
实战07 纸张 124
实战08 陶瓷 126
实战09 光滑漆皮 129
实战10 塑料、金属和玻璃综合表现 135
设计思路1:Apple 和Android 移动端尺寸指南 139
设计思路2:iOS 扁平化系统有哪些特色 140
知识扩展:关于透明元素和透明度使用的艺术 142
第7 章 手机UI 的立体图标制作
实战01 Dribbbleb 图标制作 145
实战02 按钮图标制作 150
实战03 Chrome 图标制作 159
实战04 twieer 图标制作 164
实战05 照相机图标制作 169
设计思路1:图标设计的流程 175
设计思路2:如何让图标更具吸引力 176
知识扩展:立体图标的设计原则 177
第8 章 手机UI 的按钮设计
实战01 发光按钮 179
实战02 控制键按钮 183
实战03 播放器按钮 188
实战04 清新开关按钮 195
实战05 高调旋钮 204
设计思路:如何设计和谐的交互 212
知识扩展:设计师关于按钮设计的几点建议 213
第9 章 手机UI 局部设计
实战01 登录UI 216
实战02 设置UI 开关 222
实战03 通知列表UI 230
实战04 日历UI 238
设计思路:如何制作配色卡 246
知识扩展:关于进度条设计的几点建议 250
第10 章 手机UI 零件设计大集合
实战01 进度条 252
实战02 音量设置 262
实战03 选项设置 278
设计思路:导航列表的设计原则 288
第11 章 手机UI 整体制作
实战01 Windows Phone 手机UI 总体设计 291
实战02 苹果手机IOS UI 总体设计 307
实战03 Android 手机UI 总体设计 320
附录 网络资源与常用UI 设计工具
1. 网上资源 336
2. 原型设计辅助工具 338