当前位置: 代码迷 >> Web前端 >> 一、The Workspace
  详细解决方案

一、The Workspace

热度:892   发布时间:2012-11-12 12:31:56.0
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)面版用于设置不同元素的属性。

  相关解决方案