에지 툴과 기법 공개, 어도비 고품질 웹 경험 실현

한국어도비시스템즈는 지난 11월 16일 크리에이티브 더 웹 코리아(Creative the Web Korea)를 개최하고 디자이너와 개발자들이 HTML5, CSS3 및 JavaScript 등과 같은 최신 웹 기술을 이용해 보다 손쉽게 강력한 웹 사이트, 디지털 콘텐츠, 모바일 앱을 개발할 수 있도록 돕는 혁신적인 에지(Edge) 툴과 기법을 공개했다.

어도비의 크리에이티브 솔루션 부문 아시아 태평양 지역 에벤젤리스트인 폴 버넷(Paul Burnett)이 기조연설

오전 커스터머 세션에 이어 오후에 미디어 세션을 가진 자리에서 어도비의 크리에이티브 솔루션 부문 아시아 태평양 지역 에벤젤리스트인 폴 버넷(Paul Burnett)이 기조연설을 통해 에지 틀 및 기법을 소개했으며, 어도비 에지 애니메이트 1.0(Adobe Edge Animate 1.0), 어도비 에지 인스펙트(Adobe Edge Inspect 1.0),  어도비 폰캡 빌드 1.0(Adobe PhoneGap Build 1.0), 어도비 에지 웹 폰트(Adobe Edge Web Fonts), 어도비 에지 코드(Adobe Edge Code) 프리뷰 등이 발표 되었다. 또한 올해 말로 예상되는 어도비 에지 리플로우(Adobe Edge Reflow)의 릴리스에 앞서 데모 영상을 시연했다.

현재 어도비 에지 애니메이트는 웹 디자이너들이 최신 웹의 인터렉티브 기능을 이용해 개발하도록 장려하기 위해 무료로 이용하게 했으며, 이미 50만 회 이상의 프리뷰 다운로드를 기록하고 있을 만큼 인기가 높다. 그리고 에지 애니메이트와 다른 에지 툴 및 서비스는 어도비 크리에이티브 클라우드에서 무료 멤버쉽으로 제공되고 있다. 어도비 클라우드는 크리에이티브 작업을 생성, 공유 및 제공하고 위한 허브 역할을 수행하며 유료, 무료 멤버쉽으로 나뉘어 있고 멤버쉽에 따른 차이를 두고 있다. 자세한 내용은 어도비 크리에이티브 클라우드 웹사이트(www.adobe.com/go/creativecloud)에서 확인할 수 있다.

어도비는 표준 및 오픈 소스 커뮤니티와 협력해 웹 플랫폼의 발전에 기여하기 위해 최근 많은 노력을 했고, 다음과 같은 주요 영역에서 보다 표현력 있는 플랫폼을 완성하는데 기여해 웹을 발전을 시키는데 앞장서고 있다.

• 레이아웃
   CSS 리전(CSS Regions)과 CSS 익스클루전(CSS Exclusions)으로 웹 디자이너와 개발자들은 웹 상에서 응답 속도가 빠른 매거진 형태의 레이아웃을 생성할 수 있다.
• 기초 그래픽
  제안된 CSS 트랜스폼(CSS Transforms) 스펙으로 저작권자들은 보다 손쉽게 기하 변환을 HTML 및 SVG 콘텐츠에 지속적으로 적용할 수 있게 되었다. 제안된 CSS 컴포지팅 및 블랜딩(CSS Compositing & Blending) 스펙은 웹 디자이너들에게 포토샵에서 이미 친숙한 블렌딩 모드(Blend Mode)를 사용할 수 있는 옵션을 제공할 것이다.
• 시네마틱 시각적 효과
  CSS 커스텀 필터(CSS Custom Filters)는 현재 크롬 카나리아(Chrome Canary)에서 지원되며 정교한 시각적 효과를 만들어, 보다 다양하고 적극적인 참여를 이끄는 웹 경험을 실현할 수 있다.  어도비는 또한 웹 디자이너와 개발자들이 자신만의 고유한 맞춤형 필터를 만들 수 있도록 하는 새로운 실험적 툴인 CSS 필터랩(CSS FilterLab)을 발표했으며, 이는 현재 http://html.adobe.com/webstandards/csscustomfilters/cssfilterlab/ 에서 이용할 수 있다.
• 폰트
  어도비는 오픈소스를 기반으로 개발했으며, 에지 코드와 에지 리플로우에서 이용되는 Source San Pro 와 Source Code Pro 등 2개의 새로운 폰트를 보유하고 있다.

 

어도비 에지(Edge), 최신 웹을 위한 툴 및 서비스의 새로운 시대를 연다.

코딩 작업을 수행하는 웹 디자이너와 디자인에 가치를 더하는 웹 개발자를 위해 개발된 '어도비 에지(Adobe Edge)'는 최신 브라우저와 모바일 기기를 위해 HTML, CSS 및 JavaScript를 이용하여 우수한 품질의 모바일 지원 콘텐츠와 앱을 개발하기 위한 어도비의 새로운 주력 툴 및 서비스 브랜드로 자리매김하고 있다. 

어도비 에지 브랜드는 개별적으로는 물론 함께 연동해 효과적으로 실행되는 직관적인 작업 중심의 툴과 기법을 포함하고 있다 기반 웹 기술에 대해 직접 접근하고 프레임워크를 선택할 수 있는 자유를 부여하는 생산적인 툴을 이용해 시각적으로 우수한 콘텐츠를 개발하기 원하는 전문가를 위해 개발 되었다.

에지 툴 및 서비스는 올인원 웹 사이트 제작 툴인 어도비 드림위버 CS6을 보완하며, 이날 제공된 서브스크립션 업데이트에서는 에지 애니메이트, 새로운 HTML5 태그 및 기타 새로운 기능이 추가되었다.

이날 발표된 에지 툴 및 서비는 현재 영문으로만 출시되어 있으며, 한글 지원 시기는 아직 미정이라고 밝혔다. 어도비 표준으로 잡는 2바이트 글꼴에 대해 세부적인 사항은 미정이나 한국 폰트 벤더들과 컨택하고 있고 가독성을 충분히 고려하여 선정하고 있어 조만간 발표할 수 있을 것으로 전했다. 더불어 인디자인도 한.영문판의 디폴드 값이 다르게 되어 있는 것처럼 어도비 에지 툴도 한글.영문 표준을 정함에 있어 하이퍼네이션 문제, 금칙어 처리 문제 등을 충분히 고려하고 폰트 사이즈별, 베이스 라인을 충분히 고려해 선정하여 곧 발표하게 될 것이라고 입장을 정리했다.

또한 에지 툴을 모듈화 또는 라이브러리화 하지 않은 것은 의도적으로 범위 영역을 좁게 가져 갔고 디자이너나 개발자가 적절하게 맞춰서 사용할 수 있도록 했다. 겉으로 드러나진 않지만 툴에 접근성을 높여 서로 연동되어 돌아갈 수 있도록 되어 있다면 사용자가 필요한 앱을 선택 사용할 수 있도록 했다고 정리했다.

에지 리플로우(Edge Reflow) 시연

[어도비 에지 툴 및 서비스 정리] 

• 에지 애니메이트(Edge Animate)
  사용자들이 HTML, JavaScript 및 CSS를 이용해 웹 상에 콘텐츠를 애니메이션으로 나타낼 수 있도록 하는 동작 및 인터랙션 디자인 툴이다.
• 에지 인스펙트(Edge Inspect)
  프론트 앤드 웹 개발자와 디자이너가 모바일 기기상에서 효과적으로 HTML 콘텐츠를 미리보고 디버깅할 수 있도록 하는 미리보기 툴이다.
• 에지 코드(Edge Code)
  브래킷(Brackets) 오픈 소스 프로젝트를 통해 개발된 코드 에디터, HTML, CSS 및 JavaScript를 이용해 작업하는 웹 디자이너와 개발자를 위해 최적화 된 코딩 툴
• 에지 리플로우(Edge Reflow)
  사용자들이 HTML 콘텐츠 스타일링을 위한 표준인 CSS를 이용해 레이아웃과 시각적인 디자인을 작성할 수 있도로 돕는 응답 속도가 빠른 웹 설계 툴로 프리뷰 릴리스는 올해 연말까지 출시 예정이다. 이 툴로 반응 웹 디자인이 훨씬 용이하고 빠르게 작업될 수 있을 것으로 기대된다.
• 에지 웹 폰트(Edge Web Fonts)
  웹사이트 및 앱에서 지속적으로 증가하고 있는 오픈 소스 폰트 라이브러리를 사용하기 위한 무료 웹 폰트 서비스이다.
• 타입 킷(Typekit)
  디자이너 및 개발자들이 웹 사이트에서 사용하기 위해 호스팅된 고품질 폰트 라이브러리에 접근할 수 있도록 하는 서비스
• 폰캡 빌더(PhoneGap Build)
  널리 사용되는 모바일 플랫폼을 위해 HTML, CSS 및 JavaScript로 개발된 모바일 앱을 패키징하는 서비스이다.

끝으로, 어도비는 이번 에지 툴 및 서비스를 선보이게 됨으로써 글로벌 웹 기술 발전을 선도하는 기업답게 축적된 역량을 충분히 발휘, 웹상에서 기술적인 진화를 이룰 수 있도록 교두보를 마련해 준 셈이며 다양한 방식과 워크플로우를 지원해 기술적인 측면에서 공을 들인 것은 물론 디자인 툴 전문기업으로 차별화를 줄 수 있도록 하는 데도 초점을 맞추어 앞으로 최신 웹 기술을 선도하는 기업으로 입지를 확고히 다질 것으로 기대된다.