최근들어 HTML5 가 엄청나게 대두되고 있다.
애플 스티브잡스의 아이폰/아이패드에서 플래시 미지원 등에 대한 결정과 또 며칠전 공개한 HTML5 쇼케이스 등등으로 더욱 연일 화제가 되고 있다.

어떤 사람들은 HTML5가 Flash를 대체할거네 어쩌네 말을 하는데, 분명 아직 HTML5가 Flash를 완전 대체할만한 기능을 다 갖추고 있지 않고 앞으로도 그렇게까지 되기는 쉽지 않을 것이다.

Flash는 엄연히 화려한 애니메이션 등을 만드는데 매우 특화되어 태어났었고 그 영역은 HTML5가 침범하기는 쉽지는 않을테니..다만 Flash가 그동안 애니메이션을 시작으로 동영상/음악 플레이어, 게임, 텍스트 꾸밈 등등의 다양한 영역을 다 점령해나가기 시작해서 웹에서 Flash에 대한 의존도가 너무 높아졌었던듯 싶다. 이제 너무나도 웹에 기본이 되어가는 음악, 영상 등등의 것들이 Flash에 너무 의존하게되어 가는 것은 좋지 않은 것은 맞는 듯하다.

이런 시점에서 애플의 정책은 어떤 의도를 가지고 있던 너무나 Flash에 의존적으로 가고 있는 방향에서 HTML5에 큰 관심을 불러일으키게 된 것은 매우 긍정적인 결과인 것 같다.
꼭 Flash 자체의 문제라고 말할 수는 없지만 잘못 만들어진 Flash들로 인해 엄청나게 시스템에 부하를 주는 경우도 많은 것은 사실이고 Flash가 다 점령해가던 영역들을 HTML5와 적당히 나누어가지면서 나가는 방향은 좋은듯하다.

 VS 


애플 HTML5 쇼케이스에서도 보여줬듯, HTML5/CSS3 이용으로 Flash를 이용하지 않은 타이포그래피/텍스트 꾸밈은 텍스트를 그대로 HTML에 노출시키기 때문에 Flash로 인해 컨텐츠 내용이 검색 등에서 가려지는 것도 없을테고..
이쁘게 만들면서도 컨텐츠가 웹에서 잘 공유될 수 있도록 해주는 역할도 할 것이다.

현재 구성되어 있는 수많은 컨텐츠를 잘 보여주고 하는데는 Flash를 지원하면 당연히 좋겠지만, PC가 아닌 아이폰/아이패드 등의 스펙으로 현재 수많은 너무 많은 것들이 PC환경에 맞춰져 만들어진 Flash로 구성되어 있는 그런 웹으로 원활히 보여준다는 것도 그다지 좋지 않은 것은 맞는 것 같다. 그리고 애플이 옵션으로라도 flash를 보거나 할 수 있게 했더라면 또 지금만큼 HTML5가 화제가 되지도 전체적인 웹이 나아가는 방향의 변화에도 크게 영향을 주지는 못했을 것 같다.

애플의 이런 정책이 아니었다면 아마 계속 수많은 컨텐츠는 Flash로 만들어졌을테고...


요는...HTML5, Flash 누가 이길까나... 대체된다거나 그런 것이 아닌 나름 균형을 맞추어 나가는 방향으로 가는것이 참 바람직한 것 같고.. Flash라는 엄청난 존재를 배제하는 엄청난 대인배적인 정책으로 애플은 미래의 웹이 나아갈 방향에 큰 영향을 미치고 있다는 것이다.....기존 수많은 컨텐츠와 개발자, 애니메이터를 가진 Flash라는 엄청난 존재를 배제시키고도 아이폰/아이패드를 엄청나게 히트시킨 애플도 참 대단하다는 생각..


Posted by xiles

댓글을 달아 주세요

  1. 플래시.. 2010/07/22 08:05  댓글주소  수정/삭제  댓글쓰기

    아마 잡스는 회사가 무너진다고 해도 플래시를 안넣을지 모릅니다...

Adobe CS5 가 나올날이 이제 2주가 남지 않았다. 아래 주소로 들어가면 정식 릴리즈까지 얼마나 남았는지 카운트다운이 되고 있다.
http://cs5launch.adobe.com/?PID=3668640

어떤 기능들이 추가되고 개선되는지 동영상들을 모아봤다.

포토샵(Photoshop) CS5 에 대한 것들 중 가장 많이 눈에 띄는 것이 Content Aware Fill 인 것 같다.
주변 이미지를 기반으로 특정 부분을 티 안나게 채워주는 기능이다. 

아래 동영상을 보면, 사진 중간에 있는 사람을 아주 간단히 괜찮은 질로 배경으로 채워버려 없애는 것과 파노라마로 연결한 이미지 주변에 빈 영역을 또 아주 쉽게 그럴듯하게 채우는 것을 볼 수 있다.


위 동영상과 비슷하게 Content Aware Fill 을 사용한 예들을 보여준다.



선택(Selection)을 좀 더 정밀하게

아래 동영상을 보면, 복잡한 영역을 이전보다 좀 더 쉽게 그리고 더 나은 정밀도로 선택하는 것을 보여준다.
사진 속 고양이를 선택하는데, 털 등으로 복잡해서 선택하기 어려운 영역인데 몇 가지 조정으로 정밀한 선택을 할 수 있도록 해준다.


Brush 사용과 Warp

아래 영상을 보면 Brush를 선택하고 사용할 때 선택한 Brush의 옵션에 따란 실제 Brush의 모습을 보여주는 것을 볼 수 있고, 이미지의 몇 군데에 핀을 꽂고 이미지를 쉽게 이리저리 휘게(Warp) 만드는 것을 볼 수 있다.
동영상 중에 두 팔을 올리고 있는 심판 이미지에서 너무 쉽게 심판의 팔을 움직이는 것을 보면 와우!



기타 자잘한(?) 몇 가지 더








추가로 플래시(Flash) CS5 에서는 Flash를 이용 쉽게 아이폰 앱(iPhone App)을 개발할 수 있도록 해주는 것이 가장 큰 새로운 기능으로 소개되고 있다.


Posted by xiles

댓글을 달아 주세요

  1. 이우아 2010/04/21 16:49  댓글주소  수정/삭제  댓글쓰기

    마술이네요. 놀랍습니다. 아. ^^

한국에서의 공식 런칭쇼 날짜도 12월 4일인가로 잡히고 이제 곧 본격적으로 CS4로의 이동이 이루어질듯하다.
우선 시험용으로 받아서 설치를 해보았는데, 일단 모든 프로그램에 있어서 첫 모습이 바뀌었다. 아래 이미지에서 볼 수 있듯이 윈도우 버전에서는 제목표시줄이 없어지고 그 자리를 메뉴가 차지하게되었다. 이 변화를 기본으로해서 CS4의 UI의 큰 특징 중 하나는 최대한 넓고 다양한 작업 공간을 제공하려고 노력했다는 점이다. 이 변화는 포토샵, 플래시, 드림위버를 비롯 모든 프로그램에 동일하게 적용되었다.

아래는 포토샵의 기본 화면이다. (제목표시줄이 없어진 것을 볼 수 있다.)
* 포토샵은 64비트 버전도 제공되니 64비트 윈도우를 사용하는 경우 이용하면 작업효율이 많이 좋아질듯하다.

아래 이어지는 이미지들을 보면 포토샵, 플래시, 드림위버 등이 UI가 모두 매우 일관되게 만들어져있다. 이전까지는 매크로미디어에서 플래시와 드림위버 등을 가지고 오면서 조금씩 다듬어오고있었는데, CS4가 나오면서 모든 제품군에 완전히 일관된 UI를 적용해서 제대로된 Adobe 제품군으로 만들어진 것 같다.

CS4가 되면서 사용자가 작업환경을 좀 더 자신에게 맞게 유지하고 쉽게 관리할 수 있도록 되었다. 위 이미지에서 메뉴 오른쪽 부분에 보면 여러가지 버튼들이 있는데, 이들이 작업환경을 관리하는 것들이다.
그리고 포토샵에 있어서 또하나 큰 변화는 기본모드가 창들을 탭으로 유지하도록 바뀌었다는 점이다. 예전처럼 각각 띄어진 윈도우로 만들어볼 수 있지만, 기본 설정 자체가 탭으로 관리하는 것으로 바뀐것이다.

 

아래처럼 이미 만들어져있는 작업환경 셋들이 있고, 또 자신이 자신이 원하는데로 만든 후 저장을 할 수도 있다.
자신의 모니터 크기라던가 작업 내용에 따라 원하는 작업환경들을 만들어 놓고 사용하면 편할 듯 하다.

윈도우가 탭형태를 기본으로 하면서 이 윈도우들을 편하게 관리할 수 있도록 아래처럼 윈도우 관리 버튼도 제공한다.
윈도우 갯수에 따라 여러 격자형태로 배치할 수 있고, Float All Windows를 하면 예전과 같이 이미지별로 각자 윈도우가 떠있는 형태가 된다. (탭부분을 드래그해도 그 창만 따로 떠있도록 만들 수 있다.)

그리고 재밌는 기능이 하나 생겼는데, 그림을 회전시키는 것이 아니라 캔버스 자체를 회전시키는 기능이다. 이 기능은은 이미 베타버전때부터 많이들 얘기가되던 기능 중 하나이다. 사용빈도가 그리 높지는 않을것 같지만, 필요해하던 사람들에겐 매우 유용하게 사용되어질 듯 하다. 개발하는 입장에서보면 이 기능을 넣기위해 꽤나 엄청난 노력이 들어갔을 듯 한데.. 나름 큰 기능으로 여겨져 위 그림에서 보듯 돋보기 옆에 버튼이 자리잡고 있다.



아래는 드림위버 CS4의 화면이다. 전체적인 UI가 위에 봤던 포토샵 CS4와 동일하게 되어 있음을 볼 수 있다.
메뉴 아래 도구모음으로 자리잡고 있던 INSERT 관련 버튼들도  기본이 오른쪽 패널로 들어가있도록 바뀌었다.

아래는 미리 정의된 작업환경셋을 CODER로 바꾼 화면이다.
마치 많이 쓰이는 일반 문서편집기류의 프로그램과 비슷한 형태로 바뀌었다.

아래는 플래시 CS4 화면이다. 타임라인이 아래쪽으로 내려가있도록 되었고 그리기 도구모음도 오른쪽으로 자리잡고 있다. 물론 사용자가 위치를 바꿀 수 있지만, 그리기 도구모음 같은 경우 기본설정을 왜 오른쪽으로 배치했는지는 잘 이해가 되지를 않는다. 기존 사용자들도 왼쪽에 있는것을 익숙해할것이고 뿐만아니라 포토샵과 일러스트레이터 등에서도 그리기 도구 모음은 왼쪽에 배치되어 있는데 이들과 일관된 배치를 유지하는 것이 좋은 것 같은데 말이다.
 



CS4는 전체적으로 모든 프로그램에서 일관된 형태의 UI를 제공하고자 하는 작업의 1차 완성판인 것 같다. 포토샵은 생각보다 기본 화면 구성에는 여러 버전을 걸쳐 거의 변화가 없었는데, 기본화면구성에 있어서 예~전에 포토샵에 메뉴 아래에 위치하고 있는 Options Bar가 생긴 이래로 기본 모습의 변화 중에는 이번 버전이 꽤 큰 변화를 준 것 같다.
다행이도 복잡해지고 무거워진 느낌보다 깔끔하게 다듬어진 모습이라 매우 좋다.

구글 크롬이 나오면서 제목표시줄 없이 그곳에 탭을 보여주는 형태를 취하고 있었는데, 그에 이어 어도비 CS4 제품들에서도 제목표시줄을 없애고 윈도우의 기본 틀을 깨고 나왔다. 메이저급 프로그램들에서는 참 보기 드문 형태인데, CS4를 뒤이어 또 이런식으로 제목표시줄을 없애고 작업공간을 넓히는 프로그램들이 많이 나올지도 모르겠다.

Posted by xiles

댓글을 달아 주세요

  1. joogunking 2008/12/09 18:32  댓글주소  수정/삭제  댓글쓰기

    맥에서도 동일한 UI로 통합한다는 소리가 있던데 정말 편리해진것 같습니다.
    웹어플과의 차별화를 위해서인지 오피스 07도 그렇고 어도비도 그렇고 UI에 대한 연구를 많이들 하네요.

플래시 액션스크립트 3.0을 공부하려고 하는데, 이게..윈도우 프로그래밍만 하다가 보려니깐 쫌 헛갈리는 부분이 많네요..ㅠㅠ
공부하려고 이것저것 찾다가 Class Diagram을 찾았는데, class들이 몽땅 나와있어서 쭈~욱 한 번 훑어보면서 어떤 Class들이 있는지 파악하는데 좋네요..
이미지가 엄청 큽니다..
사용자 삽입 이미지

요거는 display 관련되어 주요 클래스들의 속성과 함수 이벤트 등을 모아놓은 것입니다.
사용자 삽입 이미지
Posted by xiles

댓글을 달아 주세요