header_v0.7.32

【DPS】可以横向和纵向切换的作品集

2年前发布

原创文章 / 平面 / 教程
hlcc 原创,如需商业用途或转载请与hlcc联系,谢谢配合。

【DPS】可以横向和纵向切换的作品集,InDesign DPS 制作根据设备方向不同而切换布局的电子杂志。

前段时间比较忙,今天终于有空接着写了。我写的DPS系列教程将以《Adobe DPS 数字出版介绍》这篇为开始,之前写的那两篇打算删了,因为有点乱。我将DPS和DPS 2015分开写这样更方便大家学习,另外,不做成那种长图形式也方便适合在手机端阅读的朋友。


屏幕切换只有DPS才有,DPS 2015目前还不能实现这个功能。所以建议大家用InDesign CC 2014版本,因为2015不能用DPS功能,只能用DPS 2015,而2014版本两者都可以。


DPS文件管理

DPS对文件管理有严格的要求,比如带后缀_H,表示的是横向布局,_V后缀代表是竖向布局,每个章节以数字序列开头。这些内容在新版本中可能会不太用到,但你要做的更灵活,还是需要了解一下。以上规则是在CS5.5版本中必须严格遵守的,但在CS6以上版本用替代页面功能实现了。




项目文件夹:My Magazine(发现图中字母少了一个a)


章节文件夹:1_Cover,2_About,3_Content...命名规则:以序列数字开头加下划线,后接章节名(建议用拼音或英文)。


文章资源:Links,每个章节里的文章可以多篇,所用到的图片、音/视频素材全部放到Links文件夹里。如果文章有多个布局,用 _H 后缀表示横向,_V 后缀表示纵向。


在实际应用中,一般都只有一个布局,以减少工作量。InDesign虽然提供了自适应版面功能,但对横、竖屏切换还是很鸡肋的一个功能,对于等比例缩放的就放心用自适应版面吧,它完全可以胜任。(比如创建iPhone6的替代页iPhone6 Plus就可用这个功能)




排版说明


要实现方向切换,你需要制作两个布局页面。如果你用的是CS5.5版本,那么就按上面所说的规则制作两个布局页面的indd文件。


如果是CS6以上版本,直接点iPhone6 V 边上的那个下拉箭头就可以创建一个替代页面,并自动命名为iPhone6 H,当然排版还是我手动排的,我已经上传了源文件,你可以试试创建一个iPhone6 Plus V的替代页面。


(说明:我在新建文档时自定义了一个iPhone6的尺寸,所以这里名字是iPhone6啦)



创建作品集


排版完成后,通过“窗口”—“Folio Builder”打开创建面板,点击图标,新建一个作品集。并按下图设置。


方向选第三个图标,横向和纵向作品集,封面预览尺寸要和设备的尺寸对应。记得勾选√创建脱机作品集,若没有勾选就直接上传到服务器了,那样会很慢很慢。


添加文章

点击作品集名称,进入作品集,点击下方的 添加/打开InDesign文档 图标,将打开的文章添加到作品集里。

说说导入文章:导入文章有个导入多篇文章的选项,这需要你的文章符合第一步所说的DPS文件管理规范,才能一次导入多篇。

勾选水平轻扫,左右滑动切换页面;若不选,就上下滑动切换页面。


预览作品集

返回到作品集名称那,选中要预览的作品集,点击下方的预览-“在桌面预览”就可以查看效果了,按ctrl+R切换页面布局方向。



若要在手机上预览效果,需要在手机里安装Adobe Content Viewer这个App,用数据线连接电脑,并在手机上打开这个App,然后点预览会看到一个新的选项。


很早之前做的一个案例演示:http://v.youku.com/v_show/id_XNjkzMzAyNzY4.html?from=y1.7-2

11
    Hello PM 意见反馈
    没有新消息
    密码登录
    短信登录
    微信二维码登录

    提示文案

    提示文案

    提示失败
    提示成功