Expression Blend 정보

Microsoft Expression Blend는 Microsoft Windows 기반 및 Microsoft Silverlight 기반 응용 프로그램을 위한 정교하면서도 멋진 사용자 인터페이스를 만들 수 있는 완전한 기능을 갖춘, 전문가 수준의 디자인 도구입니다. Expression Blend에서는 프로젝트 파일이 역할에 따라 분리되므로 디자이너는 디자인 작업에, 개발자는 프로그래밍 작업에 집중할 수 있습니다. 각 팀원은 다른 팀원의 프로세스를 방해하지 않으면서 작업을 진행할 수 있습니다.

Expression Blend의 작동 방식

Expression Blend에서는 응용 프로그램을 시각적으로 디자인하고 아트보드에 도형, 패스 및 컨트롤을 그린 다음 모양과 동작을 수정합니다. 이미지, 비디오 및 소리를 가져올 수도 있습니다. Windows 기반 응용 프로그램의 경우 3D 개체를 가져오고 변경할 수도 있습니다.

디자인의 시각적 요소 또는 오디오 요소에 애니메이션 효과를 적용하는 스토리보드를 만들고, 필요에 따라 사용자가 응용 프로그램과 상호 작용할 때 해당 스토리보드를 트리거할 수 있습니다. Windows 기반 또는 Silverlight 2 기반 응용 프로그램 작업을 수행하는 경우 기본 컨트롤에 적용된 템플릿을 다시 디자인하여 응용 프로그램의 모양과 동작을 고유하게 지정할 수 있습니다.

[!참고]

Silverlight 2는 Expression Blend 2 서비스 팩 1을 설치한 경우 지원됩니다.

응용 프로그램에서 작업하는 동안 필요하면 언제든지 프로그래머가 작업하고 있는 코드 숨김 파일이나 사용자 지정 컨트롤 파일을 사용하여 프로젝트를 업데이트할 수 있습니다.

맨 위로 이동

Expression Blend와 함께 사용할 수 있는 다른 도구

Microsoft Expression Design 2에서 생성된 그래픽 및 XAML(eXtensible Application Markup Language) 리소스를 Expression Blend 2 프로젝트로 가져올 수 있습니다. 또한 Microsoft Expression Encoder 2에서 만든 Silverlight 미디어 프로젝트를 가져와서 프로젝트에 새 기능 또는 시각적 요소를 추가하거나 Expression Encoder 2에서 재사용할 수 있는 미디어 플레이어 템플릿을 수정할 수도 있습니다.

Microsoft Expression Web 2에서는 Silverlight 1.0 웹 사이트와 컴파일된 Silverlight 2 응용 프로그램 파일을 기존 프로젝트나 새 프로젝트로 가져온 다음 직접 만든 작업을 게시할 수 있습니다.

Microsoft Visual Studio 2008은 Expression Blend 2와 원활히 연동하므로 모니터링할 이벤트가 지정된 경우 프로젝트의 코드 숨김 파일을 자동으로 업데이트합니다. Expression Blend 2의 프로젝트 패널에서 개별 코드 숨김 파일 또는 전체 프로젝트를 열 수 있습니다. 또한 Visual Studio 2008의 배포 도구를 사용하여 응용 프로그램을 배포할 수도 있습니다.

맨 위로 이동

Expression Blend의 결과물

Expression Blend에서는 WPF(Windows Presentation Foundation) 응용 프로그램, Silverlight 1.0 웹 사이트 및 Silverlight 2 사용자 정의 컨트롤(.xap 및 지원 파일)이 생성됩니다. 시각적 디자인은 XAML로 표현됩니다. HTML이 웹 응용 프로그램에 사용되는 태그 언어라면 XAML은 WPF에 사용되는 태그 언어입니다. XAML과 WPF에 대한 자세한 내용은 XAML 편집 및 학습 및 커뮤니티 리소스를 참조하십시오.

맨 위로 이동

Expression Blend의 기능 소개

Expression Blend 2에는 다음과 같은 기능이 포함되어 있습니다.

• 텍스트 및 3D 도구를 포함한 완전한 벡터 그리기 도구 제품군

• 개체와 함께 제공되는 상황에 맞는 메뉴, 고정/해제가 가능한 패널과 함께 제공되는 사용하기 쉬운 첨단 그래픽 인터페이스

• 실시간 애니메이션

• 향상된 사용자 작업 환경을 위한 3D 및 미디어 지원

• 다양하게 제공되는 공용 컨트롤에 대한, 유연하면서도 재사용 가능한 고급 사용자 지정/스키닝 옵션

• 데이터 원본과 외부 리소스의 강력한 통합 지점

• 실시간 디자인 및 태그 보기

• Expression Design 2에서 아트워크를 가져오는 기능

• Expression Encoder 2에서 사이트를 가져오는 기능

• 디자이너와 개발자가 보다 긴밀하고 원활하게 팀 작업을 진행할 수 있게 해 주는 Visual Studio 2008과의 연동 기능(상호 운용성)

맨 위로 이동

대상 응용 프로그램 형식

Expression Blend 2는 다음 형식의 응용 프로그램을 제작할 수 있도록 최적화된 제품입니다.

• 생산성 응용 프로그램   Microsoft Office와 같은 기간 업무(LOB) 응용 프로그램뿐만 아니라 폭넓은 고객 기반의 생산성 및 효율성을 향상시킬 수 있는 응용 프로그램입니다.

• 고객 응용 프로그램   미디어 플레이어, 보안 도구, 데스크톱 가젯과 같은 응용 프로그램입니다.

• 게임   엔터테인먼트 용도의 간단한 데스크톱 게임 또는 온라인 게임입니다.

• 키오스크   키오스크에서 실행하기 위한 응용 프로그램으로, 사용자가 상호 작용을 통해 정보를 얻거나 제품 디렉터리를 검토하거나 공항에서 체크 인하는 등의 작업을 수행할 수 있습니다.

• IT 전문 유틸리티   버그 추적 도구와 같이 소규모 작업을 위한 도구로, 특정 회사나 고객 요구에 맞춰 고유하게 제공될 수 있습니다.

맨 위로 이동

최적의 활용

기능성을 향상시키는 것만으로 훌륭한 역할을 하는 디자인이 있습니다. Expression Blend 2와 Microsoft .NET Framework 3.5를 사용하여 기능성을 향상시킬 수 있는 몇 가지 일반적인 특성은 다음과 같습니다.

• 실제 세계 모델링   사용자 지정 그래픽과 인터랙션(상호 작용)을 사용하여 특정 컨트롤의 모양과 동작을 실제 세계와 유사하게 만들 수 있습니다. 이 기술은 사용자가 실제 개체에 익숙할 때 최적의 효과를 냅니다. 실제 세계를 기반으로 하는 작업은 가장 효율적인 동시에 이상적인 방법입니다. 예를 들어 계산기와 같은 간단한 유틸리티는 실제로 사용되는 계산기를 모델링하면 더 효율적으로 작동합니다.

• 설명하는 대신 직접 보여 주기   애니메이션과 전환 기법을 사용하여 관계, 원인과 결과를 보여 줄 수 있습니다. 이 기술을 사용하면 사용자가 놓칠 수 있어 별도로 설명하는 텍스트가 필요한 정보를 효과적으로 전달할 수 있습니다. 예를 들어 어린이용 책의 페이지 전환을 애니메이션으로 만들어 컨트롤 작동 방법을 보여 줄 수 있습니다.

• 행동 유도성 향상   행동 유도성은 개체의 사용 방법을 일일이 레이블로 표시해서 설명하는 대신, 작업자가 눈으로 쉽게 짐작할 수 있도록 디자인된 개체의 속성을 말합니다. 사용자 지정 컨트롤 그래픽과 애니메이션을 사용하여 일반적이지 않은 컨트롤을 알아보기 쉽게 만들 수 있습니다.

• 자연스러운 매핑 사용   자연스러운 매핑은 사용자가 원하는 작업과 해당 작업 방법을 명확하게 연결해 주는 것을 말합니다. 표준 공용 컨트롤을 사용할 수 없는 경우 사용자 지정 모양과 인터랙션을 사용하여 자연스러운 매핑을 만들 수 있습니다.

• 정보 축소   사용자 지정 인터랙션을 사용하여 작업을 수행하는 방법의 수와 작업 수행에 필요한 정보의 양을 제한할 수 있습니다.

• 피드백 향상   사용자 지정 컨트롤 그래픽과 애니메이션으로 피드백을 제공하여 작업이 제대로 진행되고 있는지 여부 또는 작업 진행률을 보여 줄 수 있습니다. 예를 들어 Windows Vista에서 Internet Explorer의 주소 표시줄에는 백그라운드에서 페이지가 로드되는 진행률이 표시됩니다.

• 개체의 상호 작용 개선   Fitts의 법칙으로 알려진 인간 행동 모델에 따르면 대상을 클릭하는 데 드는 노력은 대상의 거리에 비례하고 크기에 반비례한다고 합니다. 예를 들어 애니메이션을 사용하여 포인터가 가까이 있으면 개체가 확대되고 포인터가 멀리 있으면 개체가 축소되도록 설정하는 경우, 개체를 좀 더 쉽게 클릭할 수 있습니다. 또한 개체를 정상적으로 축소하여 화면 공간을 좀 더 효율적으로 사용할 수도 있습니다.

• 강조   풍부한 레이아웃과 사용자 지정 그래픽을 사용하여 작업에 필요한 화면 요소는 강조하고 보조 요소는 강조하지 않도록 설정합니다.

[!참고]

Windows Vista용으로 디자인하는 경우 Windows Vista 사용자 환경 지침에 따라 구현 방식에 관계없이 모든 Windows Vista 기반 응용 프로그램에 일관되게 적용되는 유용한 지침을 수립하시기 바랍니다.

맨 위로 이동