零元学Expression Design 4 - Chapter 1 入门界面简介

原文: 零元学Expression Design 4 - Chapter 1 入门界面简介

Expression Design 是Expression系列里面的一员，更是Blend跟Web的好帮手
而在这章教学，我将会介绍Expression Design 4的基本界面

?

介绍了一阵子的Expression Blend 4，我们来点新口味!

?

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的实作。

?

?

?

本篇的教学就到此。

?

?

(若有任何错误的地方，请各位前辈或同好能不吝指教，小女子都会虚心接受；若是你喜欢我的教学，请给我点鼓励，谢谢。)

一步一步迈向HIE之路

 

喜欢我文章请推我一下或给我个回应，你的鼓励会给我无限的动力喔!

若是您有其他问题或是特别需要，请在文章回应处留言，我会尽快回覆您