Expression Design 是Expression系列里面的一员,更是Blend跟Web的好帮手
而在这章教学,我将会介绍Expression Design 4的基本界面
打开Expression Design 4 后,相信有使用过Adobe相关多媒体工具的朋友,应该会对Design的接口跟工具有似曾相识的Fu…
是的,没错,如果你对Adobe相关多媒体工具很熟悉,那使用Design一定会很容易就上手
因为Design内的许多快捷键跟Adobe相关多媒体工具几乎是相同的
那我们开始吧!
01
建立一个新项目->左上角(Top Menu)的File-> New,会出现New Document设定窗口:
(快捷键Ctrl+N)
内容依序是Name、Presets、width、Height、Resolution
(1) Presets:
Design预设的尺寸,按下下拉式选单,有很多常用尺寸可以直接选择
(2) Width&Height:
当然有预设就有自定义啦!可以在下拉式选单内选择类型后,自定义你想要的尺寸
(3) Resolution
设定分辨率跟分辨率单位
按下OK后,继续来看看Design其他的工具
02基本控制版面介绍
(A) Top Menu:由左到右依序是File - Edit - View - Arrange -Object - Select - Window - Help (此排的快捷键,都为Alt+名称的第一个字母,已标上底线)
(B) ToolBox:是许多基本工具的工具箱,可以在Top Menu的Window里面做调整是否要显示
(C) 我都称它做页签,专案的页面切换
(D) 这个倒三角的下拉式选单,可以快速的切换项目,在主画面页签放不下时很好用
(E) 这个区块很重要,之后对于图层的管理都要使用到Layers
(F) 属性控制区,可以对图层的属性以及外观做调整,这部分的功能跟Blend差不多
(G) 可以藉由图钉的钉选及取消钉选调整窗口浮动或固定
(H) 调整主要工作区的大小
基本面版介绍完毕
03
我们来看看Design可以存成的文件类型
注意到了吗?Design制作出来的图,是拥有xaml的唷!
虽然Illustrator也做的到汇出成Xaml,不过得多安装Plug-in这个外挂工具..有点麻烦。
有一点要特别说明的是,Design本身是属于向量绘图软件
市面上较为广泛的向量绘图软件有Illustrator、CorelDRAW、FreeHand、Flash等等
但是Expression Design算是微软自家很强的设计工具喔!
并且也是设计Windows Phone 7 应用程序图标的好帮手!
这只是个Expression Design的开头,之后会跟大家介绍Design的实作。
本篇的教学就到此。