PhotoshopCC网页设计基础_秒秒学软件培训教程

网页设计技术不断的在发展变化，但始终没有遗落Photoshop，设计师们用它来创建UI元素，web图形，搭框架和一些功能性的模块；

通过秒秒学的本教程，我们将会懂得Photoshop在现代网页设计中的工作流程。首先了解网页设计中的一些核心概念，然后讲解Photoshop中有关网页设计的设置，接着通过一个案例，讲解响应试的设计、网页框架的搭建、网页的艺术化、UI的设计、网页图像的优化到高保真Web页面的组建，最后讲解了拼合图片精灵及一些网页设计软件的介绍，从而开启您的WEB设计大门。

本教程特别适合想从事网页设计、UI设计的初级学员。

目录
第一章：网页设计的几个核心概念
01 理解新网页 | 02 为什么要用PS做网页设计 | 03 关于屏幕尺寸和分辨率
第二章：Photoshop中有关网页设计的设置
01 Web工作区的设置 | 02 网页文件的创建 | 03 网页制作颜色模式 | 04 调整颜色设置 | 05 创建方便前端工程师使用的文件
第三章：响应式网页设计
01 什么是响应式网页设计 | 02 选择合适的断点 | 03 创建响应式网页模版
第四章：构建网页框架
01 确认客户需求 | 02 绘制网页草图 | 03 认识网格系统 | 04 开始网页设计 | 05 填充网页内容
第五章：网页的艺术元素
01 网页的颜色搭配 | 02 网页字体的选择 | 03 设置段落和文字格式
第六章：网页UI的设计
01 UI简介 | 02 添加UI元素 | 03 将UI元素保存为形状
第七章：组建一个Web页面模型
01 应用自定义配色方案 | 02 设计导航栏 | 03 设计输入框 | 04 替换文本内容 | 05 添加图片 | 06 页面模型的最后优化
第八章：优化网页图像
01 图片与CSS样式的使用 | 02 解读网页图片格式 | 03 优化单张图片 | 04 利用Photoshop生成网页图像资源 | 05 SVG图形的使用
第九章：拼合图片精灵
01 认识图片精灵 | 02 建立精灵网格线 | 03 拼合图片 | 04 保存图片精灵
第十章：网页设计软件拓展
01 Photoshop功能：生成CSS代码 | 02 从photoshop中导出HTML文件 | 03 Photoshop 转战 Edge Reflow | 04 使用Edge Reflow进行响应式设计 | 05 使用Muse进行交互设计

Photoshop CC 网页设计基础

关于我们

帮助中心

学习中心

行业动态

关注我们

版权信息