강의: 인터랙션 디자인의 5가지 기본 원칙
인터랙티브한 경험을 전문적으로 디자인하는 David Hogue는 일관성, 가시성, 학습 가능성, 예측 가능성 및 피드백이라는 인터랙션 디자인의 5가지 주요 원칙을 집중적으로 설명합니다.
Adobe Dreamweaver CS5.5
Dreamweaver 소개
Adobe® Dreamweaver® CS5.5는 표준 기반의 웹 사이트와 데스크탑, 스마트폰, 타블렛 및 기타 디바이스에 배포할 디자인을 제작하는 데 시각적으로 작업하거나 직접 코드를 작성하며 작업할 수 있는 기능을 제공하는 업계 선도적인 웹 제작 및 편집 소프트웨어입니다.
|
보 기
|
|
멀티스크린 미리 보기 패널
멀티스크린 미리 보기 패널을 사용하여 스마트폰, 타블렛 및 PC에 배포할 컨텐츠를 디자인할 수 있습니다. 미디어 쿼리 지원을 활용하여 개발자는 하나의 패널에서 다양한 디바이스에 맞는 스타일을 지정하고 렌더링을 시각적으로 확인할 수 있습니다.
jQuery 통합
jQuery 코드 힌트를 사용하여 인터랙티브한 고급 기능을 추가할 수 있습니다. jQuery는 업계 표준의 JavaScript 라이브러리로 이를 통해 웹 페이지에 인터랙티브한 다양한 기능을 간편하게 추가할 수 있습니다. 휴대폰용 템플릿을 사용하면 바로 작업을 시작할 수 있습니다.
CSS3/HTML5 지원
새로운 CSS3 규칙을 지원하기 위해 업데이트된 CSS 패널에서 스타일을 지정할 수 있습니다. 이제 디자인 뷰에서 미디어 쿼리를 지원하므로 화면 크기 조정 시 서로 다른 스타일을 적용할 수 있습니다. 코드 힌트 및 디자인 뷰 렌더링 지원을 통해 향후 프로젝트에서 사용할 수 있도록 HTML5로 코드를 작성할 수 있습니다. 이제 라이브 뷰에서는 <video>(QuickTime의 경우) 및 <svg> 태그를 지원합니다.
첨단 라이브 뷰 렌더링
업데이트된 WebKit 렌더링 엔진을 통해 라이브 뷰에서 페이지를 확인할 수 있습니다. 실시간 미디어 쿼리가 지원됨에 따라 여러 디바이스용으로 만들어진 디자인을 미리 볼 수 있습니다. HTML5 및 CSS3 기능과 향상된 기능을 활용하면 모바일 디바이스에 사용할 컨텐츠를 보다 효율적으로 디자인할 수 있습니다.
멀티스크린 미리 보기 패널
멀티스크린 미리 보기 패널을 사용하여 스마트폰, 타블렛 및 PC에 배포할 컨텐츠를 디자인할 수 있습니다. 미디어 쿼리 지원을 활용하여 개발자는 하나의 패널에서 다양한 디바이스에 맞는 스타일을 지정하고 렌더링을 시각적으로 확인할 수 있습니다.
CSS3/HTML5 지원
새로운 CSS3 규칙을 지원하기 위해 업데이트된 CSS 패널에서 스타일을 지정할 수 있습니다. 이제 디자인 뷰에서 미디어 쿼리를 지원하므로 화면 크기 조정 시 서로 다른 스타일을 적용할 수 있습니다. 코드 힌트 및 디자인 뷰 렌더링 지원을 통해 향후 프로젝트에서 사용할 수 있도록 HTML5로 코드를 작성할 수 있습니다. 이제 라이브 뷰에서는 <video>(QuickTime의 경우) 및 <svg> 태그를 지원합니다.
jQuery 통합
jQuery 코드 힌트를 사용하여 인터랙티브한 고급 기능을 추가할 수 있습니다. jQuery는 업계 표준의 JavaScript 라이브러리로 이를 통해 웹 페이지에 인터랙티브한 다양한 기능을 간편하게 추가할 수 있습니다. 휴대폰용 템플릿을 사용하면 바로 작업을 시작할 수 있습니다.
첨단 라이브 뷰 렌더링
업데이트된 WebKit 렌더링 엔진을 통해 라이브 뷰에서 페이지를 확인할 수 있습니다. 실시간 미디어 쿼리가 지원됨에 따라 여러 디바이스용으로 만들어진 디자인을 미리 볼 수 있습니다. HTML5 및 CSS3 기능과 향상된 기능을 활용하면 모바일 디바이스에 사용할 컨텐츠를 보다 효율적으로 디자인할 수 있습니다.
멀티스크린 미리 보기 패널
멀티스크린 미리 보기 패널을 사용하여 스마트폰, 타블렛 및 PC에 배포할 컨텐츠를 디자인할 수 있습니다. 미디어 쿼리 지원을 활용하여 개발자는 하나의 패널에서 다양한 디바이스에 맞는 스타일을 지정하고 렌더링을 시각적으로 확인할 수 있습니다.
CSS3/HTML5 지원
새로운 CSS3 규칙을 지원하기 위해 업데이트된 CSS 패널에서 스타일을 지정할 수 있습니다. 이제 디자인 뷰에서 미디어 쿼리를 지원하므로 화면 크기 조정 시 서로 다른 스타일을 적용할 수 있습니다. 코드 힌트 및 디자인 뷰 렌더링 지원을 통해 향후 프로젝트에서 사용할 수 있도록 HTML5로 코드를 작성할 수 있습니다. 이제 라이브 뷰에서는 <video>(QuickTime의 경우) 및 <svg> 태그를 지원합니다.
jQuery 통합
jQuery 코드 힌트를 사용하여 인터랙티브한 고급 기능을 추가할 수 있습니다. jQuery는 업계 표준의 JavaScript 라이브러리로 이를 통해 웹 페이지에 인터랙티브한 다양한 기능을 간편하게 추가할 수 있습니다. 휴대폰용 템플릿을 사용하면 바로 작업을 시작할 수 있습니다.
PhoneGap을 통해 기본 Android 및 iOS 앱 제작
새로운 PhoneGap 기능을 사용하여 Android™ 및 iOS용 기본 앱을 제작 및 패키지화할 수 있습니다. 오픈 소스 PhoneGap 프레임워크를 사용하면 Dreamweaver에서 기존 HTML을 휴대폰 애플리케이션으로 변환할 수 있습니다.
멀티스크린 미리 보기 패널
멀티스크린 미리 보기 패널을 사용하여 스마트폰, 타블렛 및 PC에 배포할 컨텐츠를 디자인할 수 있습니다. 미디어 쿼리 지원을 활용하여 개발자는 하나의 패널에서 다양한 디바이스에 맞는 스타일을 지정하고 렌더링을 시각적으로 확인할 수 있습니다.
CSS3/HTML5 지원
새로운 CSS3 규칙을 지원하기 위해 업데이트된 CSS 패널에서 스타일을 지정할 수 있습니다. 이제 디자인 뷰에서 미디어 쿼리를 지원하므로 화면 크기 조정 시 서로 다른 스타일을 적용할 수 있습니다. 코드 힌트 및 디자인 뷰 렌더링 지원을 통해 향후 프로젝트에서 사용할 수 있도록 HTML5로 코드를 작성할 수 있습니다. 이제 라이브 뷰에서는 <video>(QuickTime의 경우) 및 <svg> 태그를 지원합니다.
jQuery 통합
jQuery 코드 힌트를 사용하여 인터랙티브한 고급 기능을 추가할 수 있습니다. jQuery는 업계 표준의 JavaScript 라이브러리로 이를 통해 웹 페이지에 인터랙티브한 다양한 기능을 간편하게 추가할 수 있습니다. 휴대폰용 템플릿을 사용하면 바로 작업을 시작할 수 있습니다.
첨단 라이브 뷰 렌더링
업데이트된 WebKit 렌더링 엔진을 통해 라이브 뷰에서 페이지를 확인할 수 있습니다. 실시간 미디어 쿼리가 지원됨에 따라 여러 디바이스용으로 만들어진 디자인을 미리 볼 수 있습니다. HTML5 및 CSS3 기능과 향상된 기능을 활용하면 모바일 디바이스에 사용할 컨텐츠를 보다 효율적으로 디자인할 수 있습니다.
멀티스크린 미리 보기 패널
멀티스크린 미리 보기 패널을 사용하여 스마트폰, 타블렛 및 PC에 배포할 컨텐츠를 디자인할 수 있습니다. 미디어 쿼리 지원을 활용하여 개발자는 하나의 패널에서 다양한 디바이스에 맞는 스타일을 지정하고 렌더링을 시각적으로 확인할 수 있습니다.
CSS3/HTML5 지원
새로운 CSS3 규칙을 지원하기 위해 업데이트된 CSS 패널에서 스타일을 지정할 수 있습니다. 이제 디자인 뷰에서 미디어 쿼리를 지원하므로 화면 크기 조정 시 서로 다른 스타일을 적용할 수 있습니다. 코드 힌트 및 디자인 뷰 렌더링 지원을 통해 향후 프로젝트에서 사용할 수 있도록 HTML5로 코드를 작성할 수 있습니다. 이제 라이브 뷰에서는 <video>(QuickTime의 경우) 및 <svg> 태그를 지원합니다.
jQuery 통합
jQuery 코드 힌트를 사용하여 인터랙티브한 고급 기능을 추가할 수 있습니다. jQuery는 업계 표준의 JavaScript 라이브러리로 이를 통해 웹 페이지에 인터랙티브한 다양한 기능을 간편하게 추가할 수 있습니다. 휴대폰용 템플릿을 사용하면 바로 작업을 시작할 수 있습니다.
첨단 라이브 뷰 렌더링
업데이트된 WebKit 렌더링 엔진을 통해 라이브 뷰에서 페이지를 확인할 수 있습니다. 실시간 미디어 쿼리가 지원됨에 따라 여러 디바이스용으로 만들어진 디자인을 미리 볼 수 있습니다. HTML5 및 CSS3 기능과 향상된 기능을 활용하면 모바일 디바이스에 사용할 컨텐츠를 보다 효율적으로 디자인할 수 있습니다.
뉴스 |
jQuery UI 그리드 프로젝트
Adobe는 데이터 연결, 정렬, 페이징, 필터링, 행 선택, 인라인 편집을 통해 HTML 표를 강화해주는 빠르고 풍부한 그리드 위젯을 제작하고 있는 jQuery를 후원하고 있습니다.
다양하고 크리에이티브한 창작 활동
다양하고 크리에이티브한 창작 활동을 통해 전세계 청소년들의 역량을 고취하기 위한 Adobe Foundation의 대표적인 자선 활동인 Adobe Youth Voices에서 새롭게 소개되는 사례를 살펴볼 수 있습니다. 청소년들은 디지털 툴을 사용하여 중요한 쟁점에 대한 자신의 의견을 자유롭게 표현할 수 있습니다.
쇼케이스 |
Starwood
Starwood Hotels는 Adobe Creative Suite® Web Premium 소프트웨어를 사용하여 전세계 관광객을 유치하기 위해 온라인에서 모바일에 이르기까지 각 호텔 브랜드에 맞게 제작된 풍부한 경험을 제공하고 있습니다.
1CS Live 온라인 서비스는 2012년 4월 12일까지 무료로 이용할 수 있습니다. 자세한 내용
2Adobe CS Live 서비스를 비롯한 Adobe 온라인 서비스는 13세 이상의 사용자만 이용할 수 있고 온라인 서비스 이용 시 추가 약관 및 Adobe의 온라인 개인 정보 보호 정책에 동의해야 합니다. 온라인 서비스는 일부 국가 또는 언어로 이용하지 못할 수 있으며 등록해야 하거나 예고 없이 변경되거나 중단될 수 있고 추가 비용 또는 가입 비용이 발생할 수 있습니다.
