HTML5 변환툴 'in5' 2020 첫 메이저 업데이트 예고

어도비 인디자인cc와 HTML5

어도비 인디자인cc의 HTML5 변환 툴인 in5의 차기 버전 업데이트 내용이 공개됐다.

'An early look at the next version of in5'

in5 제작사 'Ajar Productions'의 CEO이자 개발자인 'Justin Putney'는 20일 기존 전세계 in5 유저들에게 보낸 이메일에서 

"I hope you and your family are safely tucked away inside your homes. It's a crazy time that we're living in! I've been using my extra time indoors to make the next update to in5 (InDesign to HTML5) as great as possible..." 

"코로나로 모두가 힘든 이 시기에 유저와 가족들의 안녕을 기원한다. 나는 이번 시국 실내에 머물고 있는 동안 in5의 메이저 업데이트를 가능한 한 크게 만들었다..."며 말문을 열었다.

주요내용 중 눈을 확 뜨이게 만든 2가지는 

1. Ability create to one-page scroll websites

이제 인디자인과 in5를 이용해 한 페이지짜리 스크롤 웹사이트를 디자인할 수 있게 된다.

'one-page scroll websites'는 주로 애플이나 고프로, 갤럭시 등 최신 it기기의 제품 소개 페이지에서 자주 볼 수 있는 웹 페이지 디자인 포맷이다. 

요런 원-페이지 스크롤 포맷도 이제 인디자인CC로 제작 가능해진다.

출처 : 고프로 웹사이트 캡처

"There's a new Page Format: Borderless Scrolling (as well as a new option in the Easy Export Wizard). This format blends your pages seamlessly: no borders, no shadows, no spacing, and no extra CSS required to set it up."

이 새 페이지 포맷은 페이지의 경계나 그림자, 간격을 없애고 페이지 마다의 별도 CSS도 들어가지 않는다. 따라서 스크롤되는 페이지의 모습이 한 페이지씩 끊기지 않고 일반 웹페이지처럼 매끄럽게 보여지게 된다. 또한 기본적으로 반응형 레이아웃(Responsive Layouts)이 적용된다.

기존 버전에도 스크롤 페이지 기능이 있었지만 단순히 여러 페이지를 세로 방향으로 죽~ 나열만 하는 기초적인 모습이어서 아쉬운 부분이었다.

2. Improved support for complex animations

복잡한 애니메이션 효과의 향상된 지원

인디자인은 원래 종이 출판과 디지털 출판용 편집 프로그램이다. 종이 출판에서는 애니메이션 효과등이 필요치 않지만 DPS등 디지털 출판에서는 각종 애니메이션 효과 등이 작업에서 중요한 키포인트 기능 중 하나이다.

문제는 어도비 DPS등 어도비의 출판 환경에서는 정상적으로 동작하는 효과가 EPUB/HTML5등 웹브라우저 환경에서는 제대로 지원되지 않고 결과물이 어색하게 동작하거나 비정상적으로 보일 때가 있다.

"in5 animation now works much more like InDesign's internal preview, and it's equipped to handle much more complex animations and sequences."

'Justin'은 이제 이 부분을 "어도비DPS에서 보여지는 것과 거의 동일한 수준으로 끌어올렸다"고 한다. 개별 애니메이션 효과뿐만 아니라 타이밍 패널에서 개체의 그룹화된 항목에서도 루프 재생이 가능해져 다양한 부분에서 애니메이션 효과를 적용해 볼 수 있다.

이외에도 엄~청나게 향상된 이미지 최적화(Vastly improved image optimization)를 통해 SVG 이미지의 렌더링 처리 속도를 이전보다 최대 100배 이상 빠르게 했고, 이미지 축소 및 중복 이미지에 대한 스마트한 처리도 가능해졌다고 한다. 이는 특히 반응형 레이아웃 디자인에서 총 파일크기를 더욱 줄일 수 있게 됨을 의미한다. 

이어 메일 하단에는 기타 추가되는 기능 및 버그 픽스등을 알리며 끝맺음을 했다.

이번 업데이트 버전은 베타 형식으로 메일을 받은 기존 유저의 경우 지금 신청시 며칠 내 다운받을 수 있는 링크가 제공되며, 정식 출시는 4월 중이다. 

참고로 원-페이지 스크롤 디자인 기능과 향상된 이미지 최적화 엔진은 'PRO Plan'이 아닌 'GOLD Plan' 이상에서 제공된다.