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

简介: 原文:零元学Expression Design 4 - Chapter 1 入门界面简介 Expression Design 是Expression系列里面的一员,更是Blend跟Web的好帮手 ...
原文: 零元学Expression Design 4 - Chapter 1 入门界面简介


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

?

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

?

Expression Design 是Expression系列里面的一员,更是BlendWeb的好帮手

而在这章教学,我将会介绍Expression Design 4的基本界面

?

打开Expression Design 4 後,相信有使用过Adobe相关多媒体工具的朋友,应该会对Design的介面跟工具有似曾相识的Fu…

是的,没错,如果你对Adobe相关多媒体工具很熟悉,那使用Design一定会很容易就上手

因为Design内的许多快捷键跟Adobe相关多媒体工具几乎是相同的

?

?

那我们开始吧!

?

01

建立一个新专案->左上角(Top Menu)的File-> New,会出现New Document设定视窗:

(快捷键Ctrl+N)

clip_image001

?

内容依序是NamePresetswidthHeightResolution

(1) Presets

Design预设的尺寸,按下下拉式选单,有很多常用尺寸可以直接选择

clip_image003

?

(2) Width&Height

当然有预设就有自订啦!可以在下拉式选单内选择类型後,自订你想要的尺寸

clip_image004

?

(3) Resolution

设定解析度跟解析度单位

clip_image005

?

按下OK後,继续来看看Design其他的工具

?

02基本控制版面介绍

2011421172849755.jpg

?

(A) Top Menu:由左到右依序是File - Edit - View - Arrange -Object - Select - Window - Help (此排的快捷键,都为Alt+名称的第一个字母,已标上底线)

(B) ToolBox是许多基本工具的工具箱,可以在Top Menu的Window里面做调整是否要显示

(C) 我都称它做页签,专案的页面切换

(D) 这个倒三角的下拉式选单,可以快速的切换专案,在主画面页签放不下时很好用

?????? clip_image008

?

(E) 这个区块很重要,之後对於图层的管理都要使用到Layers

(F) 属性控制区,可以对图层的属性以及外观做调整,这部分的功能跟Blend差不多

(G) 可以藉由图钉的钉选及取消钉选调整视窗浮动固定

(H) 调整主要工作区的大小

?

基本面版介绍完毕

?

03

我们来看看Design可以存成的档案类型

clip_image010

?

注意到了吗?Design制作出来的图,是拥有xaml的唷!

虽然Illustrator也做的到汇出成Xaml,不过得多安装Plug-in这个外挂工具..有点麻烦。

?

有一点要特别说明的是,Design本身是属於向量绘图软体

市面上较为广泛的向量绘图软体有Illustrator、CorelDRAW、FreeHand、Flash等等

但是Expression Design算是微软自家很强的设计工具喔!

并且也是设计Windows Phone 7 应用程式图示的好帮手!

?

这只是个Expression Design的开头,之後会跟大家介绍Design的实作。

?

?

?

本篇的教学就到此。

?

?

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

一步一步迈向HIE之路

 

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

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

 

 

目录
相关文章
|
前端开发
前端项目实战234-ant design table总结栏
前端项目实战234-ant design table总结栏
108 0
|
前端开发
前端项目实战199-ant design tab 4.2.3之前用法
前端项目实战199-ant design tab 4.2.3之前用法
52 0
|
前端开发 容器 JavaScript
零元学Expression Design 4 - Chapter 2 熟悉Design并且快速设计出Silverlight网页
原文:零元学Expression Design 4 - Chapter 2 熟悉Design并且快速设计出Silverlight网页 本章将用带大家熟悉Design 4并制作简易的网页版面,也会让你了解如...
1087 0
零元学Expression Design 4 - Chapter 4 教你如何自制超炫笔刷
原文:零元学Expression Design 4 - Chapter 4 教你如何自制超炫笔刷 在Chapter 2 有稍微讲过Design内建笔刷的用法,本章将教大家如何自制独一无二的笔刷,并且重复利...
977 0
零元学Expression Design 4 - Chapter 6 教你如何在5分钟内做出文字立体感效果
原文:零元学Expression Design 4 - Chapter 6 教你如何在5分钟内做出文字立体感效果 又来一篇五分钟做设计啦~ 本篇将教大家如何运用Design内建工具Blend Paths...
1006 0
零元学Expression Design 4 - Chapter 3 看小光被包围了!!如何活用「Text On Path」设计效果
原文:零元学Expression Design 4 - Chapter 3 看小光被包围了!!如何活用「Text On Path」设计效果 本章将教大家如何活用「Text On Path」,做出文绕图以及...
1017 0
|
C#
零元学Expression Blend 4 - Chapter 2 入门界面简介
原文:零元学Expression Blend 4 - Chapter 2 入门界面简介 在这篇教学我将会介绍Expression Blend 4的基本界面,虽然有些网站已经有做了介绍,为了整个教学的完整性,就在此做补充。
1158 0
零元学Expression Blend 4 - Chapter 1 缘起
原文:零元学Expression Blend 4 - Chapter 1 缘起 本来都使用Adobe相关工具从事设计工作的我,因缘际会下,接触到了Expression Blend 4,让我完全的对微软的设计工具改观。
1108 0
零元学Expression Blend 4 - Chapter 32 简单轻松的学会如何使用Visual States(上)
原文:零元学Expression Blend 4 - Chapter 32 简单轻松的学会如何使用Visual States(上) Visual State Manager中文翻译为视觉状态管理器,这...
1274 0
零元学Expression Blend 4 - Chapter 33 简单轻松的学会如何使用Visual States(下)
原文:零元学Expression Blend 4 - Chapter 33 简单轻松的学会如何使用Visual States(下) 上篇提到了Visual State Manager中文翻译为视觉状态管理...
1148 0