구글 웹 디자이너

기타/웹 2.0 2014.01.14 14:58 Posted by 드론의 미래가 궁금한 푸른하늘이

아직도 한참 멀었습니다만, javascript로부터 시작해서 html5, css, jQuery, jQuery-ui 등등을 왔다갔다 하다보니 홈페이지 제작도구가 필요해졌습니다.


예전에는 나모웹에디터 같은 걸 많이 사용하였던 걸로 기억합니다만, 요즘엔 그냥 워드프레스로 제작을 많이 한다고 합니다. 워드프레스는 콘텐츠 위주의 웹사이트에 유리하다고... 합니다. 저도 현재 사용중이긴 한데, 잘 몰라서 그냥 대충 사용중입니다. 나중에 언젠가 다시 정비할 날이 오겠죠.


구글 웹 디자이너는 이와는 달리 좀더 기존의 웹페이지... 그러니까 기업 홈페이지와 같이 내용은 그다지 많이 갱신되지 않으면서, 외관이나 형태 등은 이뻐야 하는 사이트를 제작할 때 사용하면 좋을 것 같습니다. (저도 아직 모르니 그냥 추정) 


기존엔 이러한 목적으로 Adobe사의 Flash를 많이 사용했습니다. 우리나라에는 아직도 플래시로 떡칠되어 있는 사이트가 많지만, 별도로 설치해야 하고, 너무나 무겁고 보안문제도 자주 발생하는 등 많은 문제가 있습니다. 해서 iOS에서는 아얘 플래시를 돌릴 수 없도록 했고, 안드로이드에서도 별도로 설치하지 않으면 플래시는 돌려볼 수 없습니다. 


그 대안으로는 HTML5, CSS, Javascript를 위주로 웹페이지를 구축하면 좋겠지만, (제가 잘 모르는 수준에서도) 아직까지는 여러가지 지원이 미흡한 것 같습니다. 예를 들면 플래시를 대체할 수 있는 도구 같은 게 마땅한 게 없는 거죠.


아직 많이 부족하기는 하지만, 구글 웹 디자이너(Google Web Designer)가 좋은 대안이 될 것 같습니다.

아래는 구글 웹 디자이너 사이트 http://www.google.com/webdesigner/index.html 에 있는 장점을 요약한 것입니다.


One Idea, Any Screen (다양한 화면 지원)


하나의 디자인으로 화면 종류(스마트폰, 타블렛, PC 등)에 관계 없이 표현할 수 있습니다. 물론 화면의 종류에 따라 약간의 편집이 필요하겠지만, 따로따로 설계/운영하는 것보다는 훨씬 편하겠죠.



Focus on Design (코딩을 몰라도 사용가능)


HTML5나 CSS 등의 코드에 대해선 신경쓰지 않고 디자인 할 수 있습니다. HTML5로 직접 코딩하여 디자인한다는 건 정말 짜증나는 일인데, 그래픽만 신경쓰면 알아서 관련 코드를 생성해줍니다.


Amplify with code(코딩을 하면 기능 확장 가능)


물론 생성된 코드는 얼마든지 수정할 수 있습니다. 특별히 원하는 기능이 있고, HTML5 와 CSS, Javascript를 잘 아는 분이라면 훨씬 더 자유롭게 사이트를 구성할 수 있습니다.


구글 웹디자이너의 기능


Two animation Mode (두 가지 애니메이션 모드)


애니메이션에는 신속모드(Quick Mode)와 고급모드(Advanced Mode)가 있습니다. 신속모드는 두개의 프레임을 주면 그 중간의 변화를 알아서 생성해주는 방식이고, 고급모드는 개별요소를 레이어로 지정하여 각각 애니메이션을 주는 방식입니다. 


Full 3D authoring Environment (3D 저작환경 제공)


여러가지 다양한 도구와 강력한 CSS3 기능을 사용하여 3D 콘텐츠를 제작, 조작할 수 있습니다. 객체(Object) 혹은 2D 그림을 원하는 축을 기준으로 회전시키거나, 3차원 변환을 할 수 있습니다.


Design View and code View (디자인뷰, 코드뷰)


디자인 뷰(Design View) 와 코드 뷰(Code View)를 원하는대로 전환할 수 있습니다. 코드를 수정하면 그 결과를 디자인 뷰에서 즉시 확인할 수 있습니다.


Illustration Tools (일러스트 도구)


다른 디자인 파일을 읽어들일 수도 있고,  내장 일러스트 도구를 사용해서 직접 벡터 방식의 도형을 만들 수도 있습니다. 아울러 새로운 HTML 태그를 입력할 때에도 Tag 도구를 사용하여 그릴 수 있습니다.


Easy Ad Workflow (쉬운 광고 작업)


구글 Ad를 쉽게 작성하고 발행할 수 있습니다. ....



===========

흠... 대충 정리했습니다만, 일단 부족하기는 해도 플래시를 대체할 수 있지 않을까... 싶습니다. 사실 얼마전 플래시 관련 서적을 들춰보긴 했는데, 앞으로 점점 사용률이 떨어질 걸 알면서 책일 읽는 기분이 묘했었거든요. ㅎㅎㅎ 


일단은 좀더 정리를 해봐야겠습니다.


민, 푸른하늘

댓글을 달아 주세요

  1. Favicon of http://najeju.com BlogIcon 이재석  수정/삭제  댓글쓰기

    정말로 좋은글 잘 읽어보았습니다.
    저도 공돌이라서 제가 만들어 놓은 제주 게스트하우스 지도만 보더라도
    디자인이라곤 하나 없어 정말 깔끔(?) 사이트가 되었지요..
    한번 관심가지고 볼만하겠는데
    구글 웹 디자이너

    2014.12.03 23:02 신고

BLOG main image
드론과 지도
드론이 세상을 바꾸고 있습니다.드론의 활용처가 계속 넓어지고 있고, 글로벌 기업들의 참여가 많아지고 있으며, 새로운 기술들이 속속 등장하고 있습니다. 하지만 우리나라의 드론 산업은 일부 기업을 제외하면 중국에서 생산된 드론을 가져다가 조립하는 수준이 대부분입니다. 드론은 하드웨어, 소프트웨어, 데이터처리가 복합된 기술입니다. 어떤 기술들을 어떻게 조합할지에 성패가 달렸죠. 5년뒤 10년뒤에 이 블로그엔 어떤 글이 적힐까요? 그것이 궁금합니다.
by 푸른하늘이
Profile for bluesky61

달력

«   2018/01   »
  1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30 31      

카테고리

전체보기 (1563)
구글어스 (829)
공간정보 (219)
사진 (96)
드론/쿼드콥터 (239)
지오캐싱 (47)
기타 (132)
  • 4,272,871
  • 253881
TNM Media textcube get rss

드론과 지도

푸른하늘이's Blog is powered by Tistory. / Supported by TNM Media.
Copyright by 푸른하늘이 [ http://www.ringblog.com ]. All rights reserved.

Textcube TNM Media
푸른하늘이's Blog is powered by Tistory. Designed by Qwer999. Supported by TNM Media.