실버라이트 팁

SECTION02. 익스프레션 블렌드의 레이아웃 짱묜 평점: 없음 조회: 3397
레이아웃의 사전적 의미를 검색해 보면 "디자인 ·광고 ·편집에서 문자 ·그림 ·기호 ·사진 등의 각 구성요소를 제한된 공간 안에 효과적으로 배열하는 일, 또는 그 기술" 이라고 나옵니다. 책이나 신문, 잡지 등의 인쇄매체 외에 우리가 자주 접하는 웹사이트에도 레이아웃이 적용되어 있으며 게임, 플레이어, 프로그램 등과 같은 애플리케이션에서도 레이아웃은 꼭 필요한 작업입니다.

잘 만들어진 레이아웃은 사용자로 하여금 컨텐츠를 더욱 효과적으로 이해할 수 있도록 도와주고 때로는 새로운 경험을 제공하기도 합니다. 사용자를 배려하지 않은 레이아웃은 컨텐츠를 이해하는데 어려움을 주고 사용자를 떠나가게 하는 최악의 상황을 만들 수도 있습니다.

우리가 애플리케이션을 제작하는 것은 우리의 디자인 감각만을 펼치는 예술을 하기 위해서가 아닙니다. 우리가 제공하려는 컨텐츠와 메세지를 잘 전달하고 사용자와 잘 소통하는 것이 첫번째 목적이라 할 수 있습니다. 물론 레이아웃 뿐만 아니라 사용자와의 상호작용, 디자인적인 측면, 기능적인 측면 등 다른 중요한 부분도 많지만 레이아웃은 애플리케이션을 실행하고 사용하는데에 가장 기본적이면서도 제일 중요한 부분입니다. 다음은 실버라이트로 구현된 사이트의 레이아웃 입니다.

<실버라이트 사이트의 레이아웃>

http://www.silveos.com/

http://live.clientui.com/

 

그러나 이 강좌에서는 사용자를 배려하여 레이아웃을 어떻게 잘 만들것인가를 학습하지는 않을 것입니다. 이렇게 중요한 레이아웃 이라는 것을 애플리케이션에 적용할 때에 기능적으로 어떻게 사용하는 지에 대하여 학습할 것입니다. 익스프레션 블렌드에는 레이아웃을 구성하기 위해 지원되는 여러가지 레이아웃 컨트롤이 들어있습니다. 이 레이아웃 컨트롤들은 각각 다른 속성을 가지고 있기 때문에 레이아웃이 어떤 기능을 하느냐에 맞추어 적절한 레이아웃 컨트롤을 사용해야 합니다.

이번 세션에서는 레이아웃을 구성하기 위해 지원되는 레이아웃 컨트롤에는 어떤 것들이 있는지 살펴보고 다양한 상황에 맞는 컨트롤 사용법에 대해서 학습하도록 하겠습니다.

태그 : 레이아웃, 블렌드, 블렌드강좌, 익스프레션 짱묜 Blend, Blend4, Expression
작성자 정보
짱묜
Level 82
 [EXP.36/250]

메일:  비공개

글등록 +12 2618 덧글등록 +3 1639
자기소개
(。◕‿◕。)ZzangMyon♡ 랑이엄마 Jang Mi Yeon
2008~2012 Microsoft Expression Blend MVP
HOONS닷넷(http://www.hoons.kr) Expression 시삽
글 공유하기 |
  tweet facebook
2011-07-06 오전 12:08:26
나도한마디
태그로 엮인글
[WPF Q&A] Blend 관련 질문입니다.[1]+1  Robs
[구인&교육정보] WPF, 실버라이트, Expression Blend 디자이너 찾습니다.  슬로우소프트
[구인&교육정보] 블랜드 디자이너 찿고 있습니다.[1]  kimtoa
[구인&교육정보] <재택근무 환영> Blend 프리랜서 디자이너를 구인합니다  바보쿠우
[실버라이트 팁] blend 단축키[1]  sa2랑
[실버라이트 팁] vs2010에서 silverlight5프로젝트를 할때 open in expression blend 수정  시선
[실버라이트 Q&A] Visual Studio 2010에 비해서 Expression Blend의 장점은?[1]  심플리즘
[구인&교육정보] Blend 사용없이 Xaml Layout 구현 가능자 구인[1]+3  좋은친구들
[구인&교육정보] Blend UI Designer를 모십니다.  ㅎㅎ
[실버라이트 Q&A] ms expression 설치 관련 문의  제시카
글리스트
blend 단축키[1]  sa2랑
실버라이트에서 지원하는 미디어 형식이에요  sa2랑
Silverlight- Prism 라이브러리/툴킷/참고 예제 사이트입니다.  sky
[UX스터디 첫째주 자료] MS UX 프로그래밍의 소개 파일첨부 sky
vs2010에서 silverlight5프로젝트를 할때 open in expression blend 수정  시선
Behavior 로 구현한 Silverlight TextBox Watermark[1]+1  joseph
DrawingVisual 객체를 이용해서 컨트롤 그리기  Linus
[실버라이트 스터디 3주차] 데이터그리드의 Row Detail과 Javascript Access #2 파일첨부 시선
[실버라이트 스터디 3주차] 데이터그리드의 Row Detail과 Javascript Access #1 파일첨부 시선
[실버라이트 스터디 2주차] 데이터그리드에서 이미지 추가/수정/삭제[1]  시선
 ★현재글->   SECTION02. 익스프레션 블렌드의 레이아웃  짱묜
[실버라이트 스터디] 6월 25일 더디어 실버라이트 스터디를 시작했습니다[5]  시선
실버라이트4에서 XAML 디버깅하기[4]+1  Linus
STEP03. 익스프레션 블렌드의 툴 박스 III  짱묜
STEP03. 익스프레션 블렌드의 툴 박스 II[1]  짱묜
STEP03. 익스프레션 블렌드의 툴 박스 I[2]  짱묜
Silverlight의 Navigation Framework 사용하기 - (1)[1]  Linus
STEP02. 익스프레션 블렌드의 인터페이스 - Results 패널, 그 외  짱묜
STEP02. 익스프레션 블렌드의 인터페이스 - Objects and Timeline 패널  짱묜
STEP02. 익스프레션 블렌드의 인터페이스 - Properties 패널  짱묜
STEP02. 익스프레션 블렌드의 인터페이스 - Projects 패널[1]  짱묜