1、The Workspace

1、打开fw后，点击新建png文档，在创建对话框中可以从template中选择模版，其中有手机、图标、网页等模版。编辑完后可以保存为文档，也可以保存为模板。

 

2、fw的默认文件格式为png，里头包含layer、page等信息。另外也可以使用一般的png图片浏览器浏览。

 

 

3、fw的界面整体与adobe cs5系列保持一致，从工具栏、菜单栏、各种面版的布局等。另一方面也保持了dw/flash系列的property面板。界面略显得有点拥挤。

 

4、ps的颜色面版中分前景色/后景色，而fw主要是分笔触与填充色。

 

5、拖动图片的tab，让它处于浮动状态，然后点击window-duplicate window可以让同一图片分别处于两个图片框中。让两个图片框处于不同的缩放比例可以做到一边看细节，一边看整体的效果。

 

6、拖动一图片到原来的tab与面板之间然后放手，会让两个文档并排。

 

7、各图的元素可以在多个文档间拖放。

 

8、veiw-ruler可以显视坐标。拖放左上角的十字然后拖移，可以改变坐标的原点，这样可以方便地处理相对坐标。双击左上角的十字会恢复原坐标。

 

9、从坐标尺开始向下或向左拖放可以生成参考线。

 

10、view-guides中可选择snap guides。这样当移动组件靠近guides时，会自动粘过去。

 

11、和guide功能相近，可以使用grid。

 

12、view-smart guides中的show smart guides/snap to smart guides可以默认地让一些元素对齐。

 

13、view-tooltips可以在移动的过程中显视一些提示，例如坐标。

 

14、可以在工作区右上角、pages面版中的主要区域、pages面版的右下角去切换到不同的页面。

 

15、在pages面版中，按新建按钮会创建一个透明的空白页面。先选择一个页面，然后拖到新建按钮中就会新建一个复制的页面。

 

16、pages页版中的page的命名是由一个自动编号加名称实现的，自动编号只与位置有关。也可以在pages面版的右上角下拉菜单中去除编号。

 

17、右击page，点击set as master page就会把当前的页面作为各页面的底板。也就是说各页面都以master page为基础。设置后，各page的layers页版中会多出一个master page layer图层。这个图层除了在所属的页面中能编辑外，在其它页面的图层中是处于上锁状态，不能编辑的。

 

18、新建一个page时，在layers面板中自动创建两个layer，一个是web layer，另一个为layer1。如果有设置master layer，那还会有一个master page layer。其中web layer是不能删除的。master page layer除了不能删除，还不能修改。

 

19、图层面版中图层的右方有一个圈，当这个圈中间为黑点时表示该图层中有对像被选中，如果想把选中的对像移到另外的图层，可以直接移动黑色的圈圈。

 

20、states面板是对于同一页面的不同状态。你可以在不同状态中改变元素的可视化、虑镜等。

 

21、属性(properties)面版用于设置不同元素的属性。