在设计网页时,Illustrator有着极大的优势。首先,AI制作的矢量图形可以适应不同分辨率,随便缩放都不会模糊失真;其次,AI与PS的兼容好,不会产生冲突;还有AI排版功能极其强大,规划网页布局得心应手。因此我们今天就来学习如何用AI来设计网页。在本系列教程中,我们从零起步,由网页设计工作区的建立、颜色设置到面板、工具介绍,步步引导操作,辅以网页设计排版规则、网页设计优化处理等详细说明,从实践到理论,让你轻松掌握AI网页设计的精髓!秒秒学,步步带,效果轻松做出来!
- 目录
- 快速入门
- 01 创建简约的网站订阅选项1 | 02 创建简约的网站订阅选项2 | 03 创建简约的网站订阅选项3 | 04 资源下载说明
-
- 第一章 建立网页设计工作区
- 0101了解屏幕 | 0102网页制作流程 | 0103建立网页设计工作区 | 0104新建Web文档 | 0105新建手机文档 | 0106使用画板制作自适应网页布局 | 0107像素预览和消除锯齿
-
- 第二章 调整颜色设置
- 0201调整色彩设置 | 0202了解RGB颜色代码 | 0203创建自定义色板 | 0204如何设置填色和描边
-
- 第三章 探索图层面板
- 0301-探索图层面板 | 0302-重命名和图层分组
-
- 第四章 形状和符号功能
- 0401-绘制简单形状 | 0402-路径查找器的使用 | 0403-形状生成器工具的使用 | 0404-创建符号 | 0405-编辑和替换符号
-
- 第五章 网页布局规划设计
- 0501-网页设计规划 | 0502-网页布局设计
-
- 第六章 网页设计排版规则
- 0601探索排版规则 | 0602纯文本和图形文字 | 0603了解网络安全字体
-
- 第七章 构建CSS盒模型
- 0701创建和使用段落样式 | 0702创建和使用字符样式 | 0703构建CSS盒模型
-
- 第八章 图形外观编辑处理
- 0801-了解对象外观 | 0802-应用和编辑实时效果 | 0803-创建和使用阴影 | 0804-创建圆角矩形 | 0805-新建和保存图形样式
-
- 第九章 网页页面设计制作
- 0901-制作线框图 | 0902-添加主要元素 | 0903-创建导航按钮 | 0904-添加网页模块图片 | 0905-创建多个网页画板
-
- 第十章 创建网页设计元素
- 1001-创建表单域 | 1002-创建单选框和复选框 | 1003-创建进度条 | 1004-创建标签式界面
-
- 第十一章 图形图像处理
- 1101图像拼合技术 | 1102创建精灵网格 | 1103优化图形
-
- 第十二章 网页设计优化处理
- 1201认识切片 | 1202网页模板切片 | 1203了解Web文件格式 | 1204探究Web存储对话框 | 1205使用Illustrator优化透明图形 | 1206使用Illustrator优化图片 | 1207为视网膜显示屏优化图片 | 1208如何输出SVG矢量图形
-
- 第十三章 文件的保存
- 1301-导出PSD格式文档 | 1302-保存为HTML格式