企业官网建设流程全解析

简介：本资源面向国家开放大学电大专科广告设计与制作专业学生，针对《计算机平面设计（二）》网络课形考任务1与任务4提供作业参考答案，帮助学习者理解Illustrator与InDesign两大软件在形成性考核中的实操要求。压缩包内仅含1个PDF文件，约823KB，内容涵盖男女洗手间标识临摹、时尚插画绘制、水壶质感表现三道作品题的操作过程描述，以及InDesign不少于20页杂志排版设计的参考思路，并附有考核说明与评分权重提示。已有46人学习下载，适合需要对照样图完成临摹、梳理图层文件与tif导出规范、准备提交AI格式作业的考生参考。读者可从中获取各题目的步骤拆解、工具与菜单使用说明及文件提交要点，便于按考核要求逐项核对，提升形考任务完成效率。

1. 从一份形考答案 PDF 说起：平面设计作业到底在考什么

电大专科计算机平面设计（二）的网络课形考任务，表面看是交一份 PDF 答案，实际考的是你能不能把 Illustrator、InDesign、Photoshop 三个工具串成一条完整的出版级工作流。任务 1 通常落在矢量图形与图像处理的基础操作上，任务 4 则偏向版式编排与输出交付，中间隔着的是从 AI 到 tif 再到 PDF 的格式转换链路。很多人卡住不是因为不会画，而是不知道作业要求的那张图该用哪个软件做、存成什么格式、分辨率设多少。这篇笔记按我平时带新人的路子，把这两个任务拆成可复现的步骤，顺带把 Illustrator 脚本、InDesign 目录链接、Photoshop 批处理这些高频操作讲透。适合正在赶形考、或者想把这套流程用到实际排版项目里的人。

形考任务 1 的典型要求是：给定一张位图素材，用 Illustrator 完成图像描摹并输出矢量文件，同时用 Photoshop 做色彩校正后导出 tif。任务 4 则要求把若干图文素材在 InDesign 里排成多页文档，生成目录并导出 PDF。两个任务合起来，覆盖了平面设计从素材处理到成品交付的完整闭环。下面按工具链顺序展开，每一步都给出可抄的命令和参数。

2. Illustrator 图像描摹与矢量输出：任务 1 的核心操作链

2.1 图像描摹的三种预设怎么选

Illustrator 的图像描摹（Image Trace）是把位图转矢量的入口，但预设选错，后面全白干。打开窗口后，预设面板里有「自动着色」「高保真照片」「低保真照片」「三色」「六色」「线稿图」等选项。任务 1 如果给的是 logo 或图标类素材，选「黑白徽标」或「三色」；如果是照片类，选「高保真照片」但要把颜色数压到 16 以下，否则路径数量爆炸，文件大到打不开。

我一般会先复制一层原图，在副本上做描摹，保留原图做对照。描摹完成后，在「描摹」面板里调「路径」滑块，阈值 60% 左右适合大多数线稿，低于 40% 会丢细节，高于 80% 会产生大量碎路径。勾选「忽略白色」能去掉背景，但前提是背景确实是纯白，否则会误删浅色元素。

// Illustrator 脚本：批量图像描摹并导出 SVG // 保存为 .jsx 文件，通过 文件 > 脚本 > 其他脚本 运行 var doc = app.activeDocument; var items = doc.placedItems; // 获取所有置入的位图对象 for (var i = 0; i < items.length; i++) { var traced = items[i].trace(); // 执行描摹，使用当前默认预设 traced.tracing.tracingOptions.tracingMode = TracingModeType.TRACINGMODEBLACKANDWHITE; traced.tracing.tracingOptions.pathFidelity = 75; // 路径保真度，范围 0-100 traced.tracing.tracingOptions.cornerAngle = 20; // 拐角阈值，角度越小越平滑 traced.tracing.expandTracing(); // 扩展为可编辑路径 } // 导出为 SVG var exportOptions = new ExportOptionsSVG(); exportOptions.precision = 3; // 坐标精度，3 位小数足够 doc.exportFile(new File(doc.path + "/traced_output.svg"), ExportType.SVG, exportOptions);

这段脚本的逻辑是遍历文档中所有置入的位图，逐个执行描摹并扩展。pathFidelity控制路径拟合程度，75 是线稿类素材的稳妥值；cornerAngle设为 20 度，能保留直角又不会把圆角切成多边形。导出 SVG 时精度设 3 位小数，再高对印刷没意义，只会增大文件。运行前确保文档里只有需要描摹的位图，否则会误处理其他对象。

2.2 从 AI 到 tif：导出参数与分辨率陷阱

任务 1 常要求同时提交 AI 源文件和 tif 位图。从 Illustrator 导出 tif 走「文件 > 导出 > 导出为」，格式选 TIFF，颜色模式选 CMYK（印刷）或 RGB（屏幕），分辨率设 300 ppi。这里有个坑：如果文档本身是 RGB，导出时选 CMYK 会发生色偏，尤其是饱和蓝和亮橙。稳妥做法是在新建文档时就定好颜色模式，别中途转。

导出 tif 时勾选「LZW 压缩」能减小体积且不丢质量，但有些老版本 Photoshop 打开会报错，交作业前用目标软件验证一遍。抗锯齿选「优化图稿」，不要选「优化文字」，否则小字号会糊。如果作业要求透明背景，勾选「透明度」并确保文档里没有白色底矩形。

# 用 ImageMagick 批量把 AI 导出的 tif 转成指定分辨率 # 适合任务 1 需要统一提交格式的情况 mogrify -units PixelsPerInch -density 300 -compress LZW *.tif # 查看单张 tif 的实际分辨率 identify -format "%f: %x x %y %U\n" *.tif

mogrify是原地修改，跑之前先备份。-density 300设置物理分辨率，-compress LZW启用无损压缩。identify用来验证结果，如果输出显示 72 x 72，说明原文件本身分辨率不够，强行改 density 只会插值放大，印刷出来还是糊的。这种情况得回 Illustrator 重新导出。

3. InDesign 目录与标题链接：任务 4 的版式编排

3.1 段落样式是目录自动生成的前提

InDesign 生成目录不是靠手动打字，而是靠段落样式映射。任务 4 如果要求「目录与标题链接」，意思是目录条目要能跳转到对应页面。实现路径：先给正文各级标题定义段落样式（如「一级标题」「二级标题」），然后在「版面 > 目录」里把样式映射到目录条目。导出 PDF 时勾选「创建 PDF 书签」和「超链接」，目录就活了。

我见过最常见的翻车是：标题用了「段落样式」但手动改了字体大小，导致样式面板显示「+」号，目录生成时识别不到。解决办法是右键样式选「重新定义样式」，把手动覆盖清掉。另一个坑是标题跨栏或跨页，目录页码会错位，需要在「保持选项」里设「与下一段同页」。

// InDesign 脚本：批量应用段落样式并生成目录 // 保存为 .jsx，通过 脚本面板 运行 var doc = app.activeDocument; var paraStyles = doc.paragraphStyles; // 遍历所有文本框，按内容层级应用样式 var frames = doc.textFrames; for (var i = 0; i < frames.length; i++) { var paras = frames[i].paragraphs; for (var j = 0; j < paras.length; j++) { var text = paras[j].contents; if (text.match(/^第[一二三四五六七八九十]+章/)) { paras[j].appliedParagraphStyle = paraStyles.item("一级标题"); } else if (text.match(/^\d+\.\d+/)) { paras[j].appliedParagraphStyle = paraStyles.item("二级标题"); } } } // 生成目录 var tocStyle = doc.tocStyles.item("默认目录样式"); doc.createTOC(tocStyle, true); // 第二个参数 true 表示替换现有目录

脚本按正则匹配章节号自动套样式，^第[一二三四五六七八九十]+章匹配中文数字章节，^\d+\.\d+匹配二级编号。createTOC的第二个参数设为 true 会覆盖旧目录，避免重复生成。运行前确保段落样式名称和脚本里写的一致，否则item()会报错找不到。

3.2 目录链接的导出设置与验证

目录生成后，链接是否生效取决于导出 PDF 时的设置。在「文件 > 导出」对话框里，勾选「创建 PDF 书签」和「超链接」，书签基于段落样式，超链接基于目录条目。导出后用 Acrobat 打开，点目录条目应该能跳到对应页。如果跳转失效，检查「目录」对话框里「条目与页码之间」的制表符是否设成了「右对齐制表符」，左对齐会导致链接区域错位。

另一个验证方法是看 PDF 的书签面板，如果书签层级和标题层级一致，说明样式映射正确。任务 4 如果要求提交 PDF 和 INDD 源文件，源文件里的目录必须是「生成」的而非手动输入的，否则老师一改正文，目录就对不上了。

4. Photoshop 批处理与 tif 交付：任务 1 和任务 4 的共用环节

4.1 动作录制与批处理命令

两个任务都涉及多张图的统一处理，比如统一尺寸、统一色彩模式、统一存为 tif。手动一张张改容易漏，用 Photoshop 的「动作」加「批处理」能一次搞定。先录一个动作：打开一张图，转 CMYK，改分辨率 300，存为 tif 并关闭。然后「文件 > 自动 > 批处理」，选这个动作，指定源文件夹和目标文件夹。

// Photoshop 脚本：批量转 CMYK 并导出 tif // 保存为 .jsx，通过 文件 > 脚本 > 浏览 运行 var inputFolder = new Folder("~/Desktop/input"); var outputFolder = new Folder("~/Desktop/output"); if (!outputFolder.exists) outputFolder.create(); var files = inputFolder.getFiles(/\.(jpg|png|psd)$/i); for (var i = 0; i < files.length; i++) { var doc = app.open(files[i]); doc.convertMode(ConvertModeType.CMYK); // 转 CMYK doc.resizeImage(null, null, 300, ResampleMethod.BICUBIC); // 分辨率 300 var saveFile = new File(outputFolder + "/" + doc.name.replace(/\.[^.]+$/, ".tif")); var tiffOpts = new TiffSaveOptions(); tiffOpts.imageCompression = TIFFEncoding.TIFFLZW; // LZW 无损压缩 tiffOpts.embedColorProfile = true; // 嵌入色彩配置文件 doc.saveAs(saveFile, tiffOpts, true); doc.close(SaveOptions.DONOTSAVECHANGES); }

脚本遍历输入文件夹里的 jpg、png、psd，逐个转 CMYK、改分辨率、存 tif。resizeImage的第一个参数是宽度，传 null 表示按比例缩放；ResampleMethod.BICUBIC适合放大，缩小用BICUBICSHARPER更锐。embedColorProfile设为 true 能保证不同设备打开颜色一致，交作业时老师用不同显示器看也不会偏太多。

4.2 tif 文件的交付检查清单

导出 tif 后别急着交，按这几项过一遍：分辨率是否 300 ppi、颜色模式是否符合要求、是否有 Alpha 通道残留、文件大小是否异常。Alpha 通道残留是常见问题，Illustrator 导出的 tif 有时带透明通道，印刷时会出现白边。在 Photoshop 里「图层 > 拼合图像」再存一次能解决。

# 用 exiftool 批量检查 tif 元数据 exiftool -FileName -ImageSize -ResolutionUnit -XResolution -ColorMode *.tif # 输出示例：task1.tif 2480x3508 inches 300 CMYK

exiftool的输出能一眼看出分辨率单位和颜色模式。如果ResolutionUnit显示cm而不是inches，说明分辨率单位设错了，300 ppi 变成了 300 ppcm，实际精度差 2.54 倍。这种情况得回 Photoshop 用「图像大小」重设，勾选「重新采样」并选「两次立方（较平滑）」。

5. 避坑与排查：形考作业里最容易翻车的 5 个点

现象：Illustrator 描摹后路径数量上万，文件卡死。原因：预设选了「高保真照片」且颜色数没限制，每个像素都生成路径。 解决：改用「三色」或「六色」预设，在描摹面板把「路径」降到 50% 以下，勾选「忽略白色」。如果已经卡死，用脚本app.activeDocument.placedItems[i].tracing.expandTracing()前先设tracingMode为黑白。

现象：InDesign 目录生成后页码全是 0 或空白。原因：正文标题没有应用段落样式，或者样式名称和目录映射不一致。 解决：打开「段落样式」面板，确认标题段落没有「+」号覆盖；在「版面 > 目录」里重新指定样式映射，确保「条目与页码之间」的制表符是右对齐。

现象：Photoshop 批处理跑到一半报错停止。原因：输入文件夹里有非图片文件（如 .DS_Store 或 .txt），app.open打不开。 解决：脚本里用正则过滤扩展名，如getFiles(/\.(jpg|png|psd)$/i)；或者在批处理对话框里勾选「忽略打开错误的文件」。

现象：导出的 tif 在 Word 里插入后变模糊。原因：Word 默认压缩图片，把 300 ppi 压到了 96 ppi。 解决：在 Word 里「文件 > 选项 > 高级」勾选「不压缩文件中的图像」，或者直接交 PDF 格式，避免二次压缩。

现象：PDF 目录点击跳转后返回不了原页。原因：导出时没勾选「创建 PDF 书签」，或者阅读器不支持超链接返回。 解决：重新导出并勾选书签选项；在 Acrobat 里用「视图 > 显示/隐藏 > 导航窗格 > 书签」验证层级。如果作业只要求 PDF 不要求跳转，可以忽略这条。

6. 进阶技巧：用脚本把两个任务的重复劳动压到 10 分钟

形考任务 1 和任务 4 虽然内容不同，但重复劳动集中在三件事：批量改分辨率、批量套样式、批量导格式。把这三件事写成脚本，下次换素材直接跑，不用从头点菜单。我自己的习惯是建一个exam_workflow文件夹，里面放三个脚本：trace_batch.jsx处理描摹、style_apply.jsx处理 InDesign 样式、export_tiff.jsx处理 Photoshop 导出。每个脚本头部用变量声明输入输出路径，换任务只改路径不改逻辑。

// 统一入口脚本：按任务类型调用子脚本 var taskType = "task1"; // 改成 "task4" 切换任务 var basePath = "~/Desktop/exam_workflow/"; if (taskType === "task1") { $.evalFile(basePath + "trace_batch.jsx"); $.evalFile(basePath + "export_tiff.jsx"); } else if (taskType === "task4") { $.evalFile(basePath + "style_apply.jsx"); // InDesign 导出 PDF 需在应用内执行，此处仅做样式处理 }

$.evalFile是 ExtendScript 的动态加载方法，能把多个脚本串起来跑。注意 InDesign 的 PDF 导出不能在纯脚本环境完成，得在应用里手动触发，所以task4分支只做样式和目录生成，导出留到最后一步手动操作。这个入口脚本的好处是，你只需要记住一个文件，任务类型改个字符串就行。

验证脚本是否跑对，我一般看三个指标：描摹后的路径数量（在「文档信息」面板看「对象」数）、目录页码是否和正文一致、tif 的 exiftool 输出是否 300 ppi CMYK。三个都对，基本不会返工。这套流程我用了两年多，从形考作业到实际画册排版都靠它压时间，血泪经验是：脚本里的路径千万别写死绝对路径，用~/Desktop/这种相对写法，换电脑才不会翻车。希望帮到你。

本文还有配套的精品资源，点击获取