2011-03-16 54 views
3

我有一个设计用于网页的独立文件。我尝试使用Indesign CS5从文件export> export> dreamweaver中导出。我试图配置一切并导出,但导出的结果是非常糟糕的。什么Indesign出口是图像和文字,没有包括设计(如背景颜色,位置)。这只是我还是出口结果应该是?是因为我的设计档案吗?如果我想获得我在indesign中设计的确切设计,那么做什么是最好的方法,因为我不想设计两次。请给我建议。谢谢。将独立网页设计导出到xhtml的最佳方式是什么?

回答

3

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

更多关于导出功能。更多地将它看作是您在inDesign中已经设计了一些东西的起点,而不是最终产品。将来,我会使用Illustrator,Fireworks或Photoshop来完成您的设计。

+0

我可以知道你的插画和烟花出口经验如何?精确度如何?谢谢你的帮助。欣赏它。 – knightrider 2011-03-17 03:45:55

+0

我在Illustrator中最舒服,所以这通常是我开始的地方。我通常会创建一个布局或元素,然后将其导出为一个庞大的PNG或JPG格式,然后将其缩小并在Photoshop中剪切。由于Fireworks在Adobe购买Macromedia时已经发布,因此与Photoshop和Illustrator的功能有很多重叠。我从来没有真正使用它,但它的主要目的是设计网页图形,所以在这方面有很多内置的功能。例如,它也可以导出完成的网页,实际上看起来应该是这样。 – Sam 2011-03-17 17:06:04

+0

如果你已经在Indesign上做了很多工作,你可以将整个东西作为pdf导出,然后将它带入其他程序中进行调整。 – Sam 2011-03-17 17:08:42

2

均匀设计开始从InDesign
(免责声明:没有背书暗示;就必须做到这一点,所以我想我会发布的工作流程作为问题的答案)

0)的InDesign ---->1)电子版 - 的iPad/iPhone等
|
| (导出为.eps)
|
V
2)插图(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)一个XHTML文件,该文件包含方便在PX
大小|在样式节所有的图片
| *
* C )你的i法师档案在px
|
V
5)做数学(15分钟 - 你可能想以百分比一些事情 - 图像大小;
绝对或相对布置等等 - 你必须做数学题,从您所产生的原始数据得出这些数字
在前面的步骤中打开Excel或者其他东西
使用剪切和粘贴技巧做数学)
|
|
|
|
V
6)Dreamweaver或不管你使用(让您PROTOXHTML文件到编辑器更换
用在做数学题步骤中获得的百分比PX)

你现在所有的原料你只需要知道基本的CSS就可以在任何布局中重新创建原始设计。

2

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

+0

但这并不真正维护任何布局或导出为html。它使您的布局的图像,然后在HTML中显示这些图像。这是不响应,这甚至不是真的甚至将您的设计转换为HTML,它将您的设计的图片转换为HTML。如果我错了,请纠正我,但据我所知这就是in5所做的。 – topher 2014-07-28 22:36:07

+1

我站在更正,我回去和更多的设置玩,文本可以导出为HTML与CSS。看起来相当不错,但它绝对是有代价的。 – topher 2014-07-29 02:56:42

相关问题