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)面版用于设置不同元素的属性。