Photoshop 网站UI设计

　　目 录前言第1章 网站UI概述11.1 初识网站UI21.1.1 什么是网页界面21.1.2 网页界面的分类21.1.3 网页界面的设计特点41.2 网站UI设计原则71.2.1 视觉美观71.2.2 主题突出81.2.3 整体性81.2.4 为用户考虑91.2.5 快速加载101.3 网页的构成元素101.3.1 文字111.3.2 图像111.3.3 超链接121.3.4 多媒体121.4 网页UI中的扁平化131.4.1 图标141.4.2 折角141.4.3 圆角151.4.4 徽章151.4.5 条纹161.4.6 标签161.4.7 装饰元素171.4.8 装饰背景171.5 移动端与PC端网页UI的区别171.5.1 精确度不同171.5.2 位置不同181.5.3 操作习惯不同181.5.4 按钮状态不同181.6 网页设计命名规范181.7 专家支招201.7.1…
　查看完整　　

　　本书以目前很受欢迎的图像处理与合成软件——Photoshop CC为设计工具，对主流网站UI设计流程和制作技巧进行了全面、细致的剖析。本书共10章，内容包括网站UI概述、Photoshop基本操作、网站页面UI配色、网站页面布局与版式设计、网站页面图像的优化与调整、网站基本元素设计、网站导航设计、网站广告设计、移动端网站UI设计，以及计算机端网站UI设计，将实用的技术、快捷的操作方法和丰富的内容一并介绍给用户，使用户在掌握软件功能的同时，提高网页设计效率和从业素质。本书全部案例的素材、源文件和教学视频轻扫描封面二维码获得，读者可以结合本书、练习文件和教学视频，提升APP界面设计学习效率。本书适合UI设计爱好者和APP界面设计从业者阅读，也适合作为各院校相关设计专业的参考教材，是一本实用的APP界面设计操作宝典。

　　目 录前言第1章 网站UI概述11.1 初识网站UI21.1.1 什么是网页界面21.1.2 网页界面的分类21.1.3 网页界面的设计特点41.2 网站UI设计原则71.2.1 视觉美观71.2.2 主题突出81.2.3 整体性81.2.4 为用户考虑91.2.5 快速加载101.3 网页的构成元素101.3.1 文字111.3.2 图像111.3.3 超链接121.3.4 多媒体121.4 网页UI中的扁平化131.4.1 图标141.4.2 折角141.4.3 圆角151.4.4 徽章151.4.5 条纹161.4.6 标签161.4.7 装饰元素171.4.8 装饰背景171.5 移动端与PC端网页UI的区别171.5.1 精确度不同171.5.2 位置不同181.5.3 操作习惯不同181.5.4 按钮状态不同181.6 网页设计命名规范181.7 专家支招201.7.1 网站建设流程201.7.2 什么是虚拟主机201.8 总结扩展211.8.1 本章小结211.8.2 举一反三—排列网页小图标21第2章 Photoshop基本操作232.1 什么是Photoshop242.2 Photoshop的安装和启动界面24实例：Photoshop的安装和启动242.3 Photoshop中的基本操作262.3.1 新建文档262.3.2 打开文件272.3.3 保存文件29实例：制作精美的网页图标302.3.4 文件的置入和导入332.3.5 修改图像大小342.3.6 修改画布大小35实例：调整网页尺寸352.4 图像的复制与粘贴372.4.1 图像的复制37实例：制作精美网页382.4.2 图像的拷贝与粘贴40实例：制作网页插图402.4.3 选择性粘贴41实例：制作网页展板422.5 图像的裁剪432.5.1 固定尺寸裁剪432.5.2 利用辅助线裁剪442.5.3 透视裁剪442.6 图像的变换452.6.1 移动图像452.6.2 缩放图像462.6.3 旋转图像462.6.4 变形和透视462.6.5 自由变换47实例：为网页制作广告插图472.7 还原与恢复操作492.7.1 还原与重做492.7.2 前进一步与后退一步492.7.3 恢复文件492.8 专家支招502.8.1 什么是矢量图像和位图图像502.8.2 分辨率502.9 总结扩展512.9.1 本章小结512.9.2 举一反三—制作简单的网页按钮51第3章 网站页面UI配色523.1 色彩的基础知识533.1.1 三原色533.1.2 色彩视觉543.1.3 色彩三要素553.1.4 色彩的种类573.1.5 色系583.2 色彩在网页视觉设计中的作用593.2.1 突出网页主题593.2.2 划分视觉区域603.2.3 吸引浏览者目光603.2.4 增强网页艺术性613.3 色彩的联想作用与心理效果613.3.1 色彩的冷暖623.3.2 色彩的软硬633.3.3 色彩的大小633.3.4 色彩的轻重633.3.5 色彩的活泼和端庄643.3.6 色彩的兴奋和沉稳感643.3.7 色彩的华丽和朴素感653.4 网页配色标准653.4.1 Web安全色653.4.2 使用Web安全色调色板663.5 色彩中的功能角色673.5.1 主色673.5.2 背景色673.5.3 辅助色673.5.4 点缀色683.6 网页配色技巧683.6.1 配色原则69实例：制作简约网站主页713.6.2 确定网页主题色753.6.3 确定网页文本配色75实例：制作公司宣传主页763.7 网页风格影响配色833.7.1 冷暖配色833.7.2 白色的应用843.7.3 饱和度影响配色843.8 影响配色的元素853.8.1 根据行业特征选择网页配色853.8.2 根据色彩联想选择网页配色863.8.3 根据受众的色彩偏好选择网页配色873.8.4 根据生命周期选择网页配色893.9 专家支招913.9.1 怎样提高对色彩的敏感度913.9.2 什么是色立体913.10 总结扩展923.10.1 本章小结923.10.2 举一反三—制作水族馆网站主页92第4章 网站页面布局与版式设计944.1 了解网页布局954.1.1 网页布局的目的954.1.2 网页布局的操作顺序954.2 PC端常见的网页布局方式964.2.1 “国”字型964.2.2 T字型974.2.3 标题正文型974.2.4 左右分割型984.2.5 上下分割型984.2.6 POP型984.2.7 封面型99实例：制作画展网站首页994.2.8 Flash型1064.3 移动端网页布局方式1074.3.1 布局的类型1074.3.2 布局的实现方式1084.3.3 响应式布局1094.3.4 响应式布局的优缺点1124.4 网页布局方法1124.4.1 网页布局设计1124.4.2 网页布局特征1134.4.3 网页布局原则114实例：制作蛋糕店主页——顶部115实例：制作蛋糕店主页——主体1214.5 根据整体内容决定网页布局1274.5.1 左侧的页面布局1274.5.2 水平居中的页面布局1284.5.3 水平和垂直居中的页面布局1284.5.4 满屏的页面布局1294.6 页面分割方式1294.6.1 横向分割1294.6.2 纵向分割1304.6.3 复合分割1304.7 运用固定区域的设置1314.8 网页布局设计的连贯性和多样性1324.9 专家支招1324.9.1 网页界面设计的设计误区1324.9.2 网页界面设计的设计理念1334.10 总结扩展1334.10.1 本章小结1334.10.2 举一反三—制作简洁网页登录界面133第5章 网站页面图像的优化与调整1355.1 网站中的图像1365.1.1 网站中使用的图片格式1365.1.2 网站中的颜色模式1385.2 图章工具的使用1385.2.1 仿制图章工具的应用138实例：去除网页中的水印效果1395.2.2 图案图章工具的应用1415.3 修复网页中的图像1415.3.1 污点修复画笔工具141实例：修复图像瑕疵1425.3.2 修复画笔工具1445.3.3 修补工具1445.3.4 内容感知移动工具1455.3.5 红眼工具1455.4 自动调整图像色彩1465.4.1 自动色调1465.4.2 自动对比度1465.4.3 自动颜色1475.5 手动调整图像色彩1475.5.1 亮度/对比度147实例：调整网页中图像亮度1485.5.2 色阶1505.5.3 曲线151实例：执行“曲线”命令调整图像1525.5.4 自然饱和度155实例：制作炫彩展示图1555.5.5 色相/饱和度1595.5.6 阴影/高光159实例：调整网页中逆光图片1605.6 填充和调整图层1635.6.1 纯色填充图层1645.6.2 渐变填充图层1645.6.3 图案填充图层1645.7 批处理1655.7.1 动作1665.7.2 自定义动作1665.8 专家支招1665.8.1 如何提高图像清晰度1665.8.2 如何处理扫描图像1675.9 总结扩展1675.9.1 本章小结1675.9.2 举一反三—批处理图像167第6章 网站基本元素设计1696.1 图标概述1706.1.1 什么是图标1706.1.2 图标在网页中的作用1716.1.3 网页图标的应用1716.2 使用形状工具绘制图标1726.2.1 矩形工具172实例：绘制时钟图标1736.2.2 多边形工具1766.2.3 形状的路径操作177实例：制作常用网页小图标1776.2.4 自定义形状工具179实例：绘制天气图标1796.3 按钮概述1816.3.1 网页中按钮的常见类型1826.3.2 网页中按钮的特点1836.3.3 按钮的设计要点185实例：绘制质感网页图标1866.4 图层样式的应用1896.4.1 添加图层样式的方法1896.4.2 斜面和浮雕190实例：绘制网页下载图标1916.4.3 描边1946.4.4 内阴影和投影1946.4.5 内发光和外发光1956.4.6 光泽1966.4.7 颜色叠加、渐变叠加和图案叠加196实例：制作手游开始按钮1976.5 Logo概述2006.5.1 Logo的作用2006.5.2 Logo的特性2016.5.3 网站Logo的表现形式201实例：绘制影视网站Logo2026.6 专家支招2056.6.1 图标的文件格式是什么2056.6.2 Logo的设计流程是什么2056.7 总结扩展2056.7.1 本章小结2066.7.2 举一反三—制作简约网页按钮206第7章 网站导航设计2077.1 网站导航概述2087.2 网站导航的作用2087.3 网站导航的设计标准2087.4 网站导航形式2097.4.1 标签形式2097.4.2 按钮形式2097.4.3 弹出菜单形式2107.4.4 无边框形式2107.4.5 Flash形式2107.4.6 多导航系统形式211实例：绘制女装网站导航条2117.5 网站导航位置2147.5.1 顶部导航2147.5.2 底部导航2147.5.3 左侧导航215实例：绘制网站左侧导航2157.5.4 右侧导航2187.5.5 中心导航2187.6 网站设计的辅助操作2187.6.1 标尺的使用2197.6.2 创建精确参考线219实例：绘制精致导航条2207.7 专家支招2237.7.1 导航条的设计原则是什么2237.7.2 交互式导航的优势和劣势分别是什么2247.8 总结扩展2247.8.1 本章小结2247.8.2 举一反三—制作游戏网站导航栏224第8章 网站广告设计2268.1 网页广告条概述2278.1.1 计算机端网页广告的种类2278.1.2 移动端网页广告种类2298.1.3 广告条的常见尺寸2318.1.4 网站广告的特点232实例：制作招聘网站广告条2338.2 使用抠图工具合成广告条2368.2.1 磁性套索工具236实例：制作圣诞节广告条2378.2.2 快速选择工具2408.2.3 魔棒工具2408.2.4 钢笔工具2408.2.5 快速蒙版工具2418.2.6 调整边缘和精确选区2418.3 修边2418.3.1 移除白边和黑边2418.3.2 “去边”命令2428.4 画笔工具2428.5 图层蒙版2428.5.1 使用图层蒙版替换局部图像2428.5.2 使用图层蒙版融合图像2438.5.3 使用剪贴蒙版2438.6 专家支招2448.6.1 如何设计好广告条2448.6.2 网站广告的表现形式有哪些2448.7 总结扩展2448.7.1 本章小结2458.7.2 举一反三—制作服装网站广告条245第9章 移动端网站UI设计2469.1 移动端网店销售界面2479.1.1 界面分析2479.1.2 色彩分析247实例：移动端网店销售界面——广告条247实例：移动端网店销售界面——主体250实例：移动端网店销售界面——产品推广2539.2 移动端企业网站界面2569.2.1 界面分析2569.2.2 色彩分析256实例：移动端企业网站界面——广告条256实例：移动端企业网站界面——主体2609.3 专家支招2639.3.1 响应式设计是否适合于专题设计2639.3.2 先做PC端页面还是手机端页面2639.4 总结扩展2639.4.1 本章小结2649.4.2 举一反三—制作移动端网页宣传窗264第10章 PC端网站UI设计26510.1 PC端设计类网站界面26610.1.1 界面分析26610.1.2 色彩分析266实例：PC端设计类网站界面——顶部266实例：PC端设计类网站界面——主体269实例：PC端设计类网站界面——底部27210.2 PC端帅气游戏网站界面27410.2.1 界面分析27510.2.2 色彩分析275实例：PC端帅气游戏网站界面——顶部275实例：PC端帅气游戏网站界面——底部28010.3 专家支招28310.3.1 设计网页之前需要做什么28310.3.2 网页设计的发展趋势是什么28310.4 总结扩展28310.4.1 本章小结28310.4.2 举一反三—制作PC端网页宣传栏284
^ 收 起　　

　　本书以目前很受欢迎的图像处理与合成软件——Photoshop CC为设计工具，对主流网站UI设计流程和制作技巧进行了全面、细致的剖析。本书共10章，内容包括网站UI概述、Photoshop基本操作、网站页面UI配色、网站页面布局与版式设计、网站页面图像的优化与调整、网站基本元素设计、网站导航设计、网站广告设计、移动端网站UI设计，以及计算机端网站UI设计，将实用的技术、快捷的操作方法和丰富的内容一并介绍给用户，使用户在掌握软件功能的同时，提高网页设计效率和从业素质。本书全部案例的素材、源文件和教学视频轻扫描封面二维码获得，读者可以结合本书、练习文件和教学视频，提升APP界面设计学习效率。本书适合UI设计爱好者和APP界面设计从业者阅读，也适合作为各院校相关设计专业的参考教材，是一本实用的APP界面设计操作宝典。