UI界面设计

Author: 张小玲  

Publisher: 电子工业出版社

Publication year: 2014

ISBN:  9787121241604

Subject: TP311.1 Programming

Keyword: 程序设计

Language: CHS

Access to resources Favorite

Description

本书作为UI界面设计与制作的基础教程,共7章分为三个部分。第一部分介绍UI设计基础知识与常用方法,同时讲解了设计方法、思维方式、色彩搭配与构成等知识。第二部分通过小案例来学习UI界面设计常用元素的制作。第三部分是UI界面设计综合项目,从任务分析、功能定位、交互设计入手对界面设计制作进行全过程讲解,系统的展现实际工作中完成这些项目的全过程,结合Photoshop CC工具,选取了操作型APP界面、实用型软件界面、移动设备界面、Web界面等典型项目实战。

Chapter

本章小结

第二部分 牛刀小试

第3章 各种UI界面常用元素制作

3.1 常用图形制作

3.1.1 圆形、圆角

3.1.2 多边形

3.1.3 直线

3.2 常见控件制作

3.2.1 按钮的制作

3.2.2 下拉选择框的制作

3.2.3 滑动条的制作

3.2.4 TAB切换块的制作

3.2.5 气泡对话框的制作

3.3 创意图标设计与制作

3.3.1 图标设计技巧

3.3.2 利用Photoshop打造拟物化设计风格图标

3.3.3 利用Photoshop打造四种扁平化设计风格图标

3.4 知识拓展

3.4.1 图标设计的趋势——响应式图标

3.4.2 路径与形状工具

3.4.3 擦除类工具

3.5 能力拓展——简单网页设计制作实例

本章小结

第三部分 UI界面设计典型实战

第4章 操作型APP——计算器界面设计

4.1 界面设计任务分析

4.2 学习目标

4.3 制作步骤详解

4.3.1 新建文件,确定尺寸规范

4.3.2 制作背景

4.3.3 制作状态栏区域

4.3.4 制作显示区细节

4.3.5 制作功能键区和数字键区细节

4.3.6 定稿输出有效的设计方案

4.4 知识拓展

4.4.1 图层组

4.4.2 APP界面布局设计

4.4.3 Photoshop外部素材的载入使用

4.5 能力拓展

4.5.1 拓展练习:水平仪UI界面设计

4.5.2 拓展练习:拼拼乐APP界面设计

4.5.3 独立实践

本章小结

第5章 实用型软件—播放器界面设计

5.1 界面设计任务分析

5.2 学习目标

5.3 制作步骤详解

5.3.1 创建播放器

5.3.2 播放器专辑信息部分制作

5.3.3 播放器播放按钮部分制作

5.4 知识拓展

5.4.1 色彩的搭配

5.4.2 Photoshop中的色彩调整

5.5 能力拓展

5.5.1 拓展练习:设计制作DVD光盘图标

5.5.2 拓展练习:设计制作金属按钮

5.5.3 拓展练习:为黑白照片调色

5.5.4 独立实践

本章小结

第6章 手机主题UI界面设计

6.1 界面设计任务分析

6.2 学习目标

6.3 制作步骤详解

6.3.1 主体形象设计制作

6.3.2 手机壁纸设计制作

6.3.3 锁屏设计制作

6.3.4 天气插件制作

6.3.5 桌面图标制作

6.4 知识拓展

6.4.1 手机界面设计原则

6.4.2 手机常用尺寸与图标格式

6.5 能力拓展

6.5.1 拓展练习:ico图标设计制作

6.5.2 拓展练习:伪扁平手机主题UI界面设计

6.5.3 独立实践

本章小结

第7章 Web界面设计实例——儿童节专题网页设计

7.1 界面设计任务分析

7.2 学习目标

7.3 制作步骤详解

7.3.1 设计制作头部主图

7.3.2 设计制作装饰图形

7.3.3 设计制作栏目“书籍系列”

7.3.4 设计制作栏目“服饰系列”

7.3.5 设计制作栏目“玩具系列”

7.3.6 设计制作底部区域

7.4 知识拓展

7.4.1 网站界面设计基本原则

7.4.2 网站界面的功能美与形式美

7.5 能力拓展

7.5.1 拓展练习:照射在透明玻璃窗上效果

7.5.2 拓展练习:Photoshop打造倾盆大雨效果

7.5.3 拓展练习:Photoshop打造电子商务网页界面

7.5.4 全局观念的强化

7.5.5 独立实践

本章小结

参考文献

反侵权盗版声明