PHOTOHOP网站UI设计 第2版

1 (p1): 第1章 网站UI概论
2 (p1-1): 1.1初识网站UI
2 (p1-1-1): 1.1.1什么是网页界面
2 (p1-1-2): 1.1.2网页界面的分类
4 (p1-1-3): 1.1.3网页界面的设计特点
7 (p1-2): 1.2网站UI设计原则
7 (p1-2-1): 1.2.1视觉美观
8 (p1-2-2): 1.2.2突出主题
8 (p1-2-3): 1.2.3整体性
9 (p1-2-4): 1.2.4为用户考虑
10 (p1-2-5): 1.2.5快速加载
10 (p1-3): 1.3网页的构成元素
11 (p1-3-1): 1.3.1文字
11 (p1-3-2): 1.3.2图像
12 (p1-3-3): 1.3.3超链接
12 (p1-3-4): 1.3.4多媒体
14 (p1-4): 1.4网页UI中的扁平化
14 (p1-4-1): 1.4.1图标
15 (p1-4-2): 1.4.2折角
15 (p1-4-3): 1.4.3圆角
16 (p1-4-4): 1.4.4徽章
16 (p1-4-5): 1.4.5条纹
16 (p1-4-6): 1.4.6标签
17 (p1-4-7): 1.4.7装饰元素
17 (p1-4-8): 1.4.8装饰背景
18 (p1-5): 1.5移动端与计算机端网页UI区别
18 (p1-5-1): 1.5.1界面不同
18 (p1-5-2): 1.5.2位置不同
18 (p1-5-3): 1.5.3操作习惯不同
18 (p1-5-4): 1.5.4按钮状态不同
19 (p1-5-5): 1.5.5信息布局不同
19 (p1-6): 1.6网页设计命名规范
20 (p1-7): 1.7专家支招
20 (p1-7-1): 1.7.1网站建设流程
20 (p1-7-2): 1.7.2什么是虚拟主机
21 (p1-8): 1.8总结扩展
21 (p1-8-1): 1.8.1本章小结
21 (p1-8-2): 1.8.2举一反三——查看手机UI界面
23 (p2): 第2章 Photoshop基本操作
24 (p2-1): 2.1什么是Photoshop
24 (p2-2): 2.2 Photoshop的安装和启动界面
24 (p2-2-1): 实例Photoshop的安装和启动
26 (p2-3): 2.3 Photoshop的基本操作
26 (p2-3-1): 2.3.1新建文档
28 (p2-3-2): 2.3.2打开文件
29 (p2-3-3): 2.3.3保存文件
30 (p2-3-4): 实例 制作精美的网页图标
33 (p2-3-5): 2.3.4文件的置入和导入
34 (p2-3-6): 2.3.5修改图像大小
35 (p2-3-7): 2.3.6修改画布大小
35 (p2-3-8): 实例 调整网页尺寸
37 (p2-4): 2.4图像的复制与粘贴
37 (p2-4-1): 2.4.1图像的复制
38 (p2-4-2): 实例 制作精美的网页界面
39 (p2-4-3): 2.4.2图像的拷贝与粘贴
40 (p2-4-4): 实例 制作网页插图
41 (p2-4-5): 2.4.3选择性粘贴
42 (p2-4-6): 实例 制作网页展板
43 (p2-5): 2.5图像的裁剪
43 (p2-5-1): 2.5.1固定尺寸裁剪
44 (p2-5-2): 2.5.2利用辅助线裁剪
44 (p2-5-3): 2.5.3透视裁剪
45 (p2-6): 2.6图像的变换
45 (p2-6-1): 2.6.1移动图像
45 (p2-6-2): 2.6.2缩放图像
46 (p2-6-3): 2.6.3旋转图像
46 (p2-6-4): 2.6.4变形和透视
47 (p2-6-5): 2.6.5自由变换
47 (p2-6-6): 实例 为网页制作广告插图
49 (p2-7): 2.7还原与恢复操作
49 (p2-7-1): 2.7.1还原与重做
49 (p2-7-2): 2.7.2前进一步与后退一步
49 (p2-7-3): 2.7.3恢复文件
50 (p2-8): 2.8专家支招
50 (p2-8-1): 2.8.1什么是矢量图像和位图图像
50 (p2-8-2): 2.8.2分辨率
51 (p2-9): 2.9总结扩展
51 (p2-9-1): 2.9.1本章小结
51 (p2-9-2): 2.9.2举一反三——制作简单的网页按钮
52 (p3): 第3章 网站页面UI配色
53 (p3-1): 3.1色彩的基础知识
53 (p3-1-1): 3.1.1三原色
54 (p3-1-2): 3.1.2色彩视觉
55 (p3-1-3):…