3

我有一个为网页设计的 indesign 文件。我尝试使用 Indesign CS5 从文件 > 导出 > dreamweaver 导出。我尝试配置所有内容并导出,但导出的结果非常糟糕。Indesign 导出的是图像和文本,没有包含任何设计(例如背景颜色、位置)。是只有我还是应该是出口结果?是因为我的indesign文件吗?如果我想得到我在 indesign 中设计的精确设计,最好的方法是什么,因为我不想设计两次。请给我建议。谢谢你。

4

4 回答 4

3

Indesign 主要用于打印布局和设计。作为一个网页设计师,它很差。唯一可以改善输出的方法是确保在 XHTML 导出选项的高级选项卡中,并确保选中包含样式定义和保留本地覆盖。除此之外,请查看http://help.adobe.com/en_US/InDesign/6.0/WS82C401A9-E844-40d5-B9B4-540CA374B0C6a.html

有关导出功能的更多信息。更多地将其视为您已经在 inDesign 中设计的东西的起点,而不是最终产品。将来,我会使用 Illustrator、Fireworks 或 Photoshop 来做你的设计。

于 2011-03-16T22:16:30.193 回答
2

从 INDESIGN 开始的所有平台上的统一设计
(免责声明:没有暗示认可;只需要这样做,所以我想我会发布工作流程作为问题的答案)

0) InDesign ----> 1) Epub - iPad/Iphone 等
|
| (导出为 .eps)
|
V
2) Illustrator (3 分钟,加上 AI 时间的工具;如果你在
这里做的话,加上切片)| | (2a) 导出为 .psd;在 Illustrator 或 Photoshop 中切片/准备。
|
| 或(如果您更喜欢在 AI 中使用工具而不是 PS)
|
| (2b) 或者,您可以跳过导出到 .psd 并仅
:(文件>为 Web 和设备保存;确保转到“编辑输出设置>切片
| 并取消选择跛脚表并选择 css;还将 HTML 更改为 >XML)
|
|
| (注意:在这一步和下一步中请记住,可能有一些图层/组
| 您可能想要
| 导出整块布料。保存这些文件,但不要删除图层。只需
将它们切成这样的以 px 为单位查看高度和宽度的方式。您可能需要将
| 移过来。例如,您有一个很棒的渐变。您想要原始尺寸但
| 小文件或者您可能想要背景图像。将这些东西保存在记住。)
|
V
3)Photoshop (3分钟,加上PS时间的工具;如果你在这里做的话,加上切片;)
|
| (3a) 文件>保存为 Web 和设备;转到“编辑输出设置>切片并选择
| 并取消选择跛脚表并选择css;还将HTML 更改为 >XML)
V
4) PROTO_XHTML 和图像文件 (在这一步,您现在拥有:
| a) 您的图像文件,比例正确
| ** b) 一个方便地包含以 px 为单位的大小的 XHTML 文件
| 样式部分中的所有图像
| *
*c) 以 px 为单位的图像文件的位置
|
V
5)做数学 (15分钟 - 你可能想要一些百分比的东西 - 图像大小;
绝对或相对位置等 - 你必须做数学才能得出这些数字
根据您在上一步中生成的原始数据。打开Excel什么的。
使用剪切和粘贴技巧。做数学。)
|
|
|
|
V
6) Dreamweaver 或您使用的任何 工具(将您的 PROTOXHTML 文件放入您的编辑器。将
px 替换为在 DO MATH 步骤中获得的百分比。)

只要您了解基本的 CSS,您现在拥有在任何类型的布局中重新创建原始设计所需的所有原材料。

于 2012-04-24T23:27:48.157 回答
2

我创建了in5来解决维护布局的 Web 导出的确切问题。

于 2013-02-05T18:45:50.533 回答
1

我自己对此做了很多研究,因为我听到一些人说可以做到,但它似乎是一个非常基本的导出,除非它是您创建现有 InDesign 内容网页的第一步,否则可能不是很有用以及在专门的网页设计程序中从头开始。一个很好的清晰页面描述它在这里:http ://www.onsitetrainingcourses.com.au/main/page_blog_saving_indesign_files_as_html.html

于 2012-01-05T00:11:45.680 回答