界面

cellz管理员 2015-11-30
cellz的界面设计十分的简洁,顶端主要是基础工具栏及交互组件,左侧是页面与图层列表,右侧则展示的是你设计过程中常用的工具属性控件。中间是制作区。

页面

在cellz中页面左右两侧都有分布,左边主要是一个页面列表,右侧则是页面的设置面板。添加多个页面可以直接单击页面列表中的“+”按钮,拖动页面也可直接进行嵌套。





说明:在不同对象的属性面板中缩略图的下方都有一个刷新标识。 在原路径下,使用其他设计软件修改原素材存储后,单击此选项,工程文件中也会相应改变。

“页面名称”的修改除了可以在页面的设置面板中修改外,还能在左侧的页面列表中,双击“页面页”直接修改。



制作区

缩放
 
制作区的缩放,除了可以通过调整缩放比的数值大小来查看对象或设计效果,也可以单击鼠标右键,利用页面缩小、页面放大、原始尺寸来进行调节。我们还创建了一系列快捷键来帮助实现这个效果,command+“-”缩小;command+“+” 放大;command+0回到原始大小。

如果你想通过移动页面来查看对象或效果,长按空格键,当鼠标箭头变为“手”的形状时,拖动鼠标,抓取想要查看的对象。


标尺

cellz中的标尺是默认打开的状态,你可以根据需求选择刻度值,并任意拖动它来设置自己的起始点。

你可以在标尺上任一位置单击鼠标,添加参考线。若想移动参考线,你需要在标尺中选中参考线再拖拽它。若想隐去标尺,单击右上角标尺项,标尺则隐去;清除标尺参考线,鼠标拉动红线至标尺边侧末端。


参考线

参考线在cellz中是自动存在的,当你在调整一个图层大小或移动一个图层的位置时, cellz会自动显示出一条两个不同图层对齐的红色参考线,利用该线就可以使图层对齐。


出血线

cellz默认的出血线设置是36px,你可以在页面属性板上根据自己的实际需求调整。在终端运行时,出血线的设置是为了更好的适配不同屏幕,保证你的内容不被裁切掉。


测量

同参考线一样,当你在调整一个图层的大小或位置时,页面上会自动出现一些标有数值的红线,这便是选中图层与相近图层间的间距值。

当你拉动某一对象,移动到就近图层距离相等的情况,cellz将会给你提示,以方便你归置图层的位置。

为了方便你的排版工作,cellz默认开启了位置吸附。对于细节位置调整,你可以通过箭头按键微调位置。



资源管理器

在cellz的左上角有一个“资源管理器”,它主要是用来管理你设计时使用的素材文件,它会分类别将素材存储在文件夹中,方便你编辑时随时提取素材资源,单击它,会弹出一个资源整合分类的界面,里面包含了本地各类资源,你可以利用图片、音频、视频来切换每个存储目录里的文件类型,直接选中文件,拖入编辑区即可。

值得注意的是,cellz支持多种文件格式的资源输入,如PNG、JPG、GIF和PSD分层文件。若你的MAC系统是OS X10.9以上的,你将发现cellz无比强大的psd解析功能,它会将你的psd文件分层创建,以便你可以在cellz中根据需要再次编辑这些图层。


 
分享到微博 分享到微信
×
请打开微信"扫一扫",可将文章分享到朋友圈