도서 에이콘 UX 프로페셔널 시리즈-03

비주얼 플렉스 UX 디자인

: 디자이너와 개발자가 함께 만드는 크리에이티브한 플렉스 & 에어 애플리케이션

앤디 매킨토시,후안 산체즈 공저/이준하 역 | 에이콘출판사 | 원서 : Creating Visual Experiences with Flex 3.0

정가

30,000원

판매가

27,000원(10% 할인)

YES포인트

1,350원 (5% 적립) + 마니아추가적립

23,760원(12~24% 청구할인 /1만5천원이상 결제시)

5만원이상 구매시 2천원 추가적립 / 카드혜택보기

출간일

2009년 09월 18일

448쪽 | 836g | 188*235mm

ISBN-13

9788960770980

ISBN-108960770981

판매중 | 판매지수 492

배송비: 무료

주문수량: 해외배송가능, 최저가 보상

카트에 넣기

바로 구매하기

스폰서링크

()

플렉스 UI는 꼭 밋밋하고 평범해야 할까? 열정적인 플렉스 개발자인 후안 산체즈와 앤디 매킨토시가 깜짝 놀랄 만큼 멋진 플렉스, 에어 애플리케이션을 만드는 비법을 알려주는 책으로, 이 책에서 소개하는 스킨과 프로그램 처리 기법을 활용하면 플렉스 애플리케이션은 더욱 돋보일 것이다. 웹 페이지를 어떤 식으로 디자인해야 하는지, 워크플로가 끊이지 않도록 플렉스나 에어 개발 단계로 디자인 작업을 어떻게 넘겨줘야 하는지 그리고 누구나 만족할 수 있도록 플렉스 애플리케이션의 가치를 높일 수 있는 최신 기법을 배운다.

저자들은 플렉스와 에어에서 다양하고 탁월한 비주얼 UX 디자인을 만들어내는 방법을 제시하며, 계획과 디자인, 설계, 검증된 UI 원칙을 기술적 구현과 함께 설명한다. 스킨이나 스타일, 전환, 효과, 필터, 어도비 크리에이티브 스위트 도구를 바탕으로 이미지로 플렉스 인터페이스를 다루는 방법을 배워본다.

저자는 플렉스에서 디자인을 접근하는 여러 방법과 관련된 장단점을 명확하게 보여주고 적절한 기술을 선택하는 방법을 알려준다. 개념과 기술을 좀 더 상세히 배울 수 있도록, 특정 문제에 대해 바로 적용 가능한 해법을 제시하는 예제를 책에 가득 담았다. 따라서 크리에이티브하고 눈에 확 띄는 플렉스와 에어 애플리케이션을 만들 수 있는 방법을 찾을 수 있도록 하였다.

공저 : 앤디 매킨토시

Andy Mcintosh 덴버의 콜로라도 예술대학교에서 인터랙티브 미디어 디자인으로 학사를 받았고, 재학 중에 애플리케이션 디자인 분야가 아직 활성화되지 않았음을 발견하고 자신의 진로 목표로 삼았다. 시각디자인 전공과 기술 지식을 바탕으로 어도비나 워크데이, 사이온, 유나이티드항공사 등 고객사의 성공적인 프로젝트에서 중요한 역할을 해왔다.

덴버에 있는 RIA 개발업체 이펙티브UI의 초기 멤버 중 한 명이다. UX 아키텍트로서 인터랙션 디자인과 커스텀 컴포넌트 개발, 프로그램 스킨을 만드는 전문가로 활동중이다. 최근에는 엔터프라이즈 애플리케이션을 플렉스와 에어 기반의 솔루션으로 적용하는 데 관심이 많다. 그리고 플렉스를 위한 오픈소스 그래픽 프레임워크인 데그라파(Degrafa)의 고문도 맡고 있다.

레고 마니아면서 얼리 어댑터인 그는 애플리케이션을 하나하나 분해해서 다시 조립하는 형식으로 개발을 배웠다. 개발과 디자인 분야에서 그의 관심은 작업의 질을 높이는 것이다. "개발은 도구가 다른 디자인이다"라고 늘상 이야기한다. 현재는 덴버 시내에 살면서 업무와 휴가 차 해변가를 자주 여행한다. 책, 자동차, 음악, 산업디자인, 창고개조에 관심이 많...

저자: 후안 산체즈

콜로라도 덴버에 있는 RIA 개발업체 이펙티브UI의 UX 아키텍트다. 치코의 캘리포니아 주립대학을 졸업하고 커뮤니케이션 디자인으로 학사를 받았다. 후안의 전공은 인쇄 디자인, 브랜딩, 광고지만, HTML과 CSS, 플래시 그리고 플렉스까지 다양한 웹 기술 분야로 빠르게 관심사를 넓히는 중이다.

창조적 시각과 논리적 마인드를 갖춘 후안은 디자이너와 개발자 간의 가교 역할을 하며, 최근에는 사용자 경험과 사용성, 디자이너/개발자 협업, 오픈소스 프로젝트에 관심이 많다. 활발하게 플렉스 커뮤니티에 참여하고 있으며 플렉스를 위한 스킨과 테마를 다루는 ScaleNine.com을 운영하며 사용자 그룹과 기업 워크샵, 360|Flex와 웹매니악스 같은 컨퍼런스에 발표자로 활동한다. 또한 플렉스를 위한 오픈소스 그래픽 프레임워크인 데그라파를 이끌어가고 있다. 후안은 덴버 시내에서 여자친구 그레이스와 마들이라는 작은 치와와와 함께 살고 있다. 이 책을 마치고 나면 후안은 66년형 포드 머스탱을 타며 드럼도 즐기는 신나는 생활로 복귀할 예정이다.

역자: 이준하

열이 아빠의 RIA 이야기(http://koko8829.tistory.com)라는 블로그를 통해 다양한 시각에서 새로운 RIA에 대한 이야기를 나누고, 새로운 경험을 중심으로 나타나는 여러 가지 현상을 탐구하며 지식을 공유하고 있다.

1부. RIA 기초 다지기

1장. 리치 인터넷 애플리케이션
사용자
컨텐츠
사용자 인터랙션
시각적인 영역
색상
모션
타이포그래피
아이콘
레이어링과 심도
추가적인 요소
정리

2장. 어도비 플렉스와 에어
플렉스 3.0 프레임워크
동적인 레이아웃
확장 가능한 시각적인 컴포넌트
시각적 효과
모션 기능 활용
플렉스 애플리케이션 개발
플렉스 3 SDK와 MXML 컴파일러
어도비 크리에이티브 스위트
플렉스 애플리케이션 배포
정리

2부. 플렉스 3 프레임워크

3장. 동적인 레이아웃
플렉스 레이아웃의 이해
자리배치 자동화
선형 레이아웃
다차원 레이아웃
여백과 간격
자동 레이아웃에서 제외되는 컴포넌트
Spacer 컨트롤 활용
절대좌표
직각좌표계로 컴포넌트의 좌표 지정
제약기반 레이아웃에서 컴포넌트 좌표값 지정
컴포넌트의 크기 지정
픽셀로 지정
백분율로 지정
컴포넌트 자체적인 크기 연산
제약기반에서의 크기 설정
스크롤 관리
정리

4장. 스타일
스타일 속성의 이해
상속
데이터 타입과 형식...

웹은 새로운 기술과 함께 끊임없이 진화하고, 사용자의 요구사항은 점점 다양해져 가고 있다. 플래시가 1996년 처음 소개되면서 웹은 링크를 클릭해서 페이지를 다시 가져오는 정적인 방법에서, 페이지를 다시 불러오거나 뒤로가기 버튼의 도움 없이 동적으로 새로운 데이터를 처리하는 경험으로 변화하는 과정을 만나게 된다. 그 이후로 많은 기술이 등장하면서 끊임없이 커져 가는 사용자들의 요구를 만나고 이를 보완하는 새로운 규약도 생겨났다. 플래시도 기술이 성숙해지면서 강력한 데스크탑 애플리케이션에서 기대했던 인터랙션 경험들을 요구 받기 시작했다. 플래시는 브라우저 기반 애플리케이션을 만드는 데는 유용한 기술이지만 모든 환경에 적합하지는 않았다.

플래시 플레이어는 어도비 플렉스와 함께 엔터프라이즈 수준의 애플리케이션을 만들어낼 수 있을 만큼 성장했다. 플렉스를 비롯한 많은 경쟁기술이 등장했고 다채로운 사용자 경험의 중요성이 강조되고 있다. 이제는 혁신과 디자이너와 개발자 간의 협업, 사용성, 배포 등 여러 과정에 관심을 둬야 한다. 이러한 변화는 디자이너와 개발자가 플렉스에서 돋보이는 시각적 경험을 만들기 위해 극복해... --- '옮긴이의 말' 중에서

디자인 작업 결과가 플렉스에서 충실하게 구현되기를 원하는 디자이너와 개발자들에게 필요한 내용을 다루는 책으로서, UX 디자인 이론과 UI 컴포넌트의 시각적 구현에 대해 설명한다. 디자이너와 개발자는 플렉스에서 구현할 수 있는 섬세한 사용자 정의 내용을 익힐 수 있다. 플렉스 개발 경험이 없더라도 플렉스에서 시각적 효과를 어떻게 구현할 수 있는지 충분히 이해할 수 있을 것이다.

초중급자를 위한 서적으로서 누구나 쉽게 이해할 수 있다. 저자들도 책을 집필하며 프로젝트를 진행하면서 발생하는 다양한 이슈에 대한 해결책을 찾을 수 있었다. 여러분의 프로젝트에 도움이 되는 알찬 참고자료가 되기를 바란다.

앞부분에서는 플렉스 기능을 소개하고 비주얼 UX를 만드는 디자인 기초를 설명한다. 나머지 장에서는 플렉스에서 시각적인 커스터마이징을 다루는 방법과 실제 구현 방법에 대한 기술적 내용을 상세히 다룬다. 각 장에서 다루는 기술은 서로 보충적인 관계이기 때문에 앞 장에서 설명한 내용을 이해하려면 처음부터 순서대로 읽는 편이 낫겠지만, 읽고 싶은 부분부터 시작해도 괜찮다.

1장. 리치 인터넷 애플리케이션: 플렉스 애플리케이션의 최종적인 모습을 만드는 데 디자인은 막중한 역할을 수행한다. 디자인 기초와 애플리케이션의 최종 디자인을 만들면서 고려할 점을 제시한다.

2장. 어도비 플렉스와 에어: 어도비 플렉스와 에어(AIR, Adobe Integrated Runtime)의 개요를 소개한다. 2장은 이후에 다루는 기술적인 부분의 기초가 되는 내용이다.

3장. 동적인 레이아웃: 레이아웃은 애플리케이션에서 시각적인 골격을 구성한다. 다양한 컴포넌트를 이해하고 어떻게 다루는지 알아본다.

4장. 스타일: 스타일 속성을 사용해 컴포넌트를 빠르고 쉽게 재정의할 수 있다. 스타일은 사용자 인터페이스를 재정의할 때 나머지 작업을 위한 기반이 된다.

5장. 그래픽 스킨: 컴포넌트에 스타일을 적용하는 것만으로 부족한 부분을 좀 더 섬세하게 다듬어줄 수 있다. 어도비 일러스트레이터, 플래시, 파이어웍스, 포토샵 같은 익숙한 그래픽 도구를 써서 플렉스 애플리케이션의 모습을 꾸며 본다.

6장. 프로그램 스킨: 프로그램을 가지고 이미지를 그리는 것은 컴포넌트에 강력함을 더해주지만 다루기는 그래픽 스킨보다 더 까다롭다. 프로그램 스킨의 강력함을 어떻게 활용할지 배우고 커스텀 인터페이스...

플렉스가 세상에 나온 지 5년이 넘었습니다. 플렉스는 일명 개발자용 플래시라는 별명이 의미하듯이 XML 태그를 이용해 플래시의 UI를 컴포넌트화하여 빠르게 UI를 만들어 내는 것이 목적이었습니다. 그래서 태그에 익숙한 개발자들이 데이터와 연동해 화면으로 보여주는 프로젝트가 많았습니다. 플렉스는 UI를 만드는 일이기 때문에 결국에는 UI로 평가를 받게 됩니다. 따라서 개발자의 태그만으로 표현하지 못하는 플래시가 지닌 비주얼한 화려함은 디자이너와의 협업으로 만들어 나가야 합니다.

이는 저 또한 『예제로 배우는 Adobe 플렉스』라는 책을 쓰면서, 그리고 다양한 플렉스 UI 컨설팅 프로젝트에 참여하면서 늘 고민하던 사항이었습니다. 당시는 플렉스 컴포넌트와 개발툴 활용법, 데이터 연동에 초점이 맞춰져 있었고, 예쁜 UI를 만들어 내는 것에 대한 고민은 근래에 들어 대두되고 있는 상황입니다.

『비주얼 플렉스 UX 디자인』에서는 플렉스로 화면을 만들 때 디자이너와 함께 고려해야 할 다양한 사항에 대해 생생한 노하우와 프로젝트 경험을 접할 수 있습니다. 동적 레이아웃, 스킨, 지시자와 커서, 글꼴, 필터, 이펙트, 그리고 플래시와 플렉스 연동 방법에 이르기까지 플렉스 개발자뿐만 아니라 디자이너 관점에서도 예쁘면서 효과적이고 역동적인 플렉스만의 독특한 UX를 만들어내는 데 필수적인 부분을 예제와 함께 속속들이 배울 수 있도록 자세히 다룹니다.

특히 이 책의 저자 중 후안 산체스는 저도 플렉스 UI에 대한 영감을 얻고자 종종 방문하는 유명한 플렉스 스킨 공유사이트인 스케일나인닷컴의 운영자입니다. 이 책에서 스킨에 대한 그의 깊숙한 경험을 배우실 수 있을 겁니다. 그리고 이 책을 번역한 '이준하'님은 플렉스 개발자이자 RIA 정보 블로거로 유명한 '열이아빠'입니다. 제가 어도비에 몸담았을 때 어도비의 소식은 오히려 '열이아빠'님의 블로그에서 접할 정도로 열성적이고 플렉스에 대한 경험도 풍부합니다. 이 책을 다 읽고 나면 플렉스 UI를 보는 시각이 한층 올라가 있는 여러분들을 발견할 것이라 믿습니다. - 옥상훈(ZDNet UX 컬럼니스트,한국 SW 아키텍트 연합회 공동 의장)

어도비 플렉스가 보급되면서 RIA는 더욱 빠르게 발전하고 웹은 변모했다. 개발자가 자신의 애플리케이션을 더욱 두드러지고 돋보이게 만들어 경쟁에서 앞서나갈 수 있는 방법이 무엇인지를 알려주는 책이다. - 게리 맨검(제너레이션 네트워크 수석 엔지니어)

후안과 앤디는 방대하고 흥미로운 주제를 파고드는 멋진 글을 썼다. 단지 언어 문법을 가르치는 것을 뛰어넘어 풍부한 사용자 경험을 어떻게 만들어낼지를 알게 해주는 책이다. - R.J 오언(이펙티브UI 수석 개발자)

플렉스 애플리케이션을 한층 빛낼 방법을 시작할 수 있는 환상적인 예제 코드로 가득하다. - 제프리 하우저(플렉스쇼 프로듀서)