달력

06

« 2008/06 »

  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 29
  • 30
  •  
  •  
  •  
  •  
  •  

'2008/06/04'에 해당되는 글 2

  1. 2008/06/04 User Experience란?
  2. 2008/06/04 [세티의 실버라이트] 7. 텍스트
2008/06/04 02:22

User Experience란? HCI & UX2008/06/04 02:22

1. 사용자 경험(User Experience)이란?
 - 사용자가 어떤 시스템이나 제품, 서비스 등을 직간접적으로 이용하면서 느끼고 생각하게 되는 총체적 경험
 - 하드웨어, 소프트웨어가 아닌 피플웨어적 접근에서 고민해야 한다.
 - 산업디자인, 소프트웨어 공학, 마케팅, 경영학의 중요한 과제
 - 감성적, 이성적으로 사람에게 만족감을 주지 못하는 경우를 조심해야 한다.
 - 최근의 제품 개발에서 디자인이 매우 중요한 포인트를 차지하며, 디자인시 User Experience Design을 고려.
 - 제품 디자인, 상호작용 디자인, 사용자 인터페이스 디자인, 정보 아키텍처, 이용성 등의 분야에서 주로 연구.

2. 사용자 경험의 역사
- 에드워드(E.C.Edwards)와 카시크(D.J.Kasik)의 User Experience With the CYBER Graphics Terminal 에서 언급함.
- 1970년대와 80년대에 인간 중심 디자인(Human Centered Design, UCD)의 맥락에서 연구가 많이 이루어짐.
- 1993년 애플 컴퓨터의 도널드 노먼이 인간-컴퓨터 상호작용 연구에 큰 영향을 미침.
- 1998년 조셉 파인(B.Joseph Pie II)과 제임스 길모어(James Gilmore)가 하버드 비즈니스 저널에 Welcome to the Experience Economy라는 기사를 발표하고, 1999년에 저서를 출간함.
- 월트 디즈니의 경험의 가치에 주목

참고
1. 브렌다 로렐:디자인리서치(Design Research, Method and Perspectives), MIT Press(2004) ISBN 0-262-12263-4
2. 조셉파인, 제임스 길모어: 경험 경제로의 초대(Welcome to the Experience Economy)

'HCI & UX' 카테고리의 다른 글

User Experience Architecture  (4) 2008/06/23
Remix08 Beyond RIA  (0) 2008/06/07
User Experience란?  (0) 2008/06/04
Rich Internet Applications  (0) 2008/05/05
Scott Guthrie가 발하는 Silverlight2의 RIA(Rich Internet Application)  (0) 2008/04/27
웹 접근성을 위한 CSS(1)  (0) 2008/04/06
Posted by -세티-
2008/06/04 02:02

[세티의 실버라이트] 7. 텍스트 Silverlight2008/06/04 02:02

원글출처: http://silverlight.net/quickstarts/silverlight10/text.aspx
본 강좌는 위의 원글을 참고 및 번역해서 작성했으며, 글 중간중간 제 개인적인 표현이나 의견을 넣어서 각색했습니다.

텍스트
(TEXT)

안녕하세요~ 세티 입니다. 이번 시간에는 실버라이트에서 지원하는 TextBlock 엘리먼트의 특징에 대해 살펴보겠습니다. TextBlock 엘리먼트는 실버라이트에 텍스트를 추가하는데 사용되는 엘리먼트 입니다

머 맨날 말로만 하는 것보다는 역시나 직접 만들어 보는게 훨씬 낫겠죠?
먼저 <canvas>의 하위에 자식 엘리먼트로 <TextBlock> 태그를 넣습니다. 그리고 시작 블럭과 끝 블럭 사이에 적절한 문자열을 집어 넣습니다. 저는 "SETI's Silverlight" 라는 글자를 넣도록 하겠습니다.
사용자 삽입 이미지
사용자 삽입 이미지

멋지게 렌더링된 결과를 볼 수 있습니다. 추가적인 설명을 하자면 앞서 언급한 Clip과 Opacity, 그리고 이번에 언급중인TextBlock 엘리먼트와 같은 UIElement 들은 속성값 설정을 통해 그 결과를 렌더링 하게 됩니다.
TextBlock 엘리먼트는 다음의 속성들을 포함합니다.
  • FontSize - 픽셀 단위
  • FontStyle - 이탤릭이나 노멀을 선택
  • FontStretch - UltraCondensed, ExtraCondensed, Condensed, SemiCondensed, Normal, Medium, SemiExpanded, Expanded, ExtraExpanded, 또는 UltraExpanded를 선택
  • FontWeight - Extralight, Thin, light, normal, medium, senibold, bold, extrabold, black, extrablack을 선택
  • FontFamily
  • Foreground

이 속성을 TextBlock 엘리먼트에 사용하고, 그것을 렌더링 했을 때의 결과는 아래와 같습니다.

사용자 삽입 이미지
사용자 삽입 이미지

TextBox 엘리먼트에 Run 엘리먼트를 추가 사용함으로써 TextBlock에 다른 폰트 속성을 적용할 수 있습니다.
사용자 삽입 이미지
사용자 삽입 이미지

FontFamily는 첫번째에 설정된 폰트를 이용하지 못할 때 그 다음 폰트를 이용하고자 할 때 사용되며, "Portable User Interface" 라는 속성값은 디바이스의 특성과 관계없이 모든 기계에서 항상 이용이 가능합니다. 아래는 FontFamily에 대한 코드와 렌더링 결과 입니다.
사용자 삽입 이미지
사용자 삽입 이미지

이상으로 TextBlock과 그 속성들에 대해 살펴 보았습니다.  다음 시간에는 실버라이트를 이용한 Media 엘리먼트에 대해 살펴보도록 하겠습니다.

Posted by -세티-