Fireworks CS3体验之Pages面板

shineweidao

shineweidao

2016-02-19 18:57

人生本是一个不断学习的过程,在这个过程中,图老师就是你们的好帮手,下面分享的Fireworks CS3体验之Pages面板懂设计的网友们快点来了解吧!

  迟迟没有转投CS3,今天因为其Pages面板,Down下来体验了一把。

  首先,请记住Pages面板的快捷键【F5】,当然你也可以还是习惯的用【F2】打开层面板,Pages面板和它在一起。之所以希望大家记住这个快捷键,是因为Pages面板确实挺好用。你可以将整个项目的页面分页全部保存在一个PNG文件里,有点类似MS的Publisher。其实在CS3之前,Fireworks的帧面板也可以这么做,但不是很方便。

  当然,对这个功能我也有担心,会不会因为多个页面导致合并后的PNG文件会很大,操作起来过慢呢?这里我做了一个小测试。
  测试平台基本参数:
  Intel Core Duo T2050
  DDR2 1G*2

  选择某项目下5个PNG源文件,共计大小1.36M,使用Pages面板将其导入其中并保存。保存后的文件大小仅605K。压缩了近50%。全新打开包含pages的PNG文件费时5秒,打开原始5个PNG文件费时约10秒。这么厉害?再试试。选择不同项目的5个文件合并,得出结果,压缩不到10%。怎么会这样?

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com)


  其实Pages面板之所以会让文件变小,是因为它将多个pages同样的元素作为公用元素。前面我们所比较的是同一个项目下的多个文件,自然会有很多相同的元素,瘦身效果自然也就比较好了。下面我们来实际操作一下。看看Pages面板的作用。

1、新建一个页面,按【F5】打开Pages面板,你可以在面板下方新建几个page,并分别为其命名。你可以在面板或者状态栏上选择当前编辑的页面;

2、在这里我将以前的一个模板的头部复制到第一个页面中(因为元素较多,我将其进行了组合),将其全部放置到命名为“公用”的文件夹中。因为在后面的每一个页面中,头部是都不会变动的;


3、选中其中某个层,点击面板右上角的菜单,选择Share Layer To Pages,将其共享到每一个页面;


4、当然,在这里你可以选择将其共享到某几个页面上;


5、这个时候我们会发现共享过的层的背景色都变成了浅黄色,试试编辑公用文件夹中的元素,每个页面中都将相应的变化。这个地方有点类似在Dreamweaver中制作库文件,当库文件修改后,所有调用库文件的页面将会更新;


6、剩下的地方,每个页面都可能不一样,我们就可以在每个页面中单独编辑了。前面我们说到建立“公用”的文件夹,而其他非公用的则不放入内。这是因为共享属性会对整个文件夹有效,即使你只是对某一个层设置了共享。


  Pages面板的运用很大程度上为项目界面设计减少不必要的重复劳动,当你的经理要求你对页面进行调整的时候,你再也不用每一个页面的去修改。你只需将修改共享文件夹就行了。页面的统一存放,也很大程度上方便了文件的管理。如果你一直是用FW在进行界面设计,不妨试试。

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com)

  Pages面板的运用对切片功能有了一定的辅助提升,可以同时对多个页面进行切割生成Html。由于Fireworks生成Html页面代码在规范和合理性上的欠缺,这里就不对其进行介绍了。

展开更多 50%)
分享

猜你喜欢

Fireworks CS3体验之Pages面板

设计创意
Fireworks CS3体验之Pages面板

Fireworks CS3切片工具的使用

设计创意
Fireworks CS3切片工具的使用

什么是极简主义 如何打造极简风格家居

家居设计 装修设计
什么是极简主义 如何打造极简风格家居

Fireworks cs3制作Vista眩彩效果

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
Fireworks cs3制作Vista眩彩效果

Fireworks CS4的新增面板

设计创意
Fireworks CS4的新增面板

2017榻榻米书房设计装修效果图 榻榻米书房设计图片

榻榻米 书房 装修设计 书房设计 平面设计
2017榻榻米书房设计装修效果图 榻榻米书房设计图片

Photoshop CS3亲密接触(1):体验界面进化之美

PS PS教程
Photoshop CS3亲密接触(1):体验界面进化之美

Adobe Photoshop CS3新功能体验——Black & White

PS PS教程
Adobe Photoshop CS3新功能体验——Black & White

2017春夏女装风衣外套流行趋势

服装设计 平面设计 设计 服装搭配
2017春夏女装风衣外套流行趋势

Fireworks 的描边表面研究

Fireworks 的描边表面研究

美人鱼插画

美人鱼插画
下拉加载更多内容 ↓