이글루스 공유 스킨만 만드는 이글루

이 포스트는 스킨에디터에서만 보이는 샘플 포스트 입니다. 스킨에디터를 이용하여 스킨을 내 취향에 맞게 만들어 보세요.사진출처 : http://www.flickr.com

6년 전 이글루스 오픈할 때에는 소스편집까지 지원하는 강력한 스킨 편집 기능이 이글루스의 자랑이었습니다. 그리고 이제 스킨 시스템의 전면 개편... 스킨 2.0을 소개합니다. New Face! Upgrade! Share! 를 모토로 더욱 강력해진 스킨 2.0을 소개합니다.

• NewFace - 새로운 디자인
• Upgrade - 기능의 개선
• Share - 스킨/위젯 공유

스킨 2.0은 무엇이 좋아졌나요? 좀 더 자세히 설명해 드릴께요.

심혈을 기울여 제작한 20여 종의 스킨과 취향에 따라 고르는 재미가 있는 다양한 위젯 템플릿, 스킨 편집을 보다 편리하게 도와주는 위지윅(WYSIWYG) 스킨에디터, 한껏 업그레이드 된 내이글루의 다양한 기능들. 마지막으로 내이글루를 더욱 빛나게 하는 공유센터.

더 어려우시다고요? 자세한 정보는 스킨 2.0 완전정복에서 도움을 받으세요.

스킨에디터 체험판을 소개합니다. 스킨에디터 체험판은 스킨2.0의 새로운 스킨과 스킨 편집을 미리 체험할 수 있도록 만든 페이지입니다.
이곳에서 보이는 스킨은 회원님이 사용하시는 스킨과 전혀 상관이 없으며, 스킨2.0 베타 오픈 전까지는 이 스킨들을 사용하실 수 없습니다.

이 글은 새로운 이글루스 스킨에디터의 테스트용 포스트 입니다. 아울러 여러분들이 스킨에디터를 테스트하는데 도움이 될만한 내용이 담겨 있습니다. 아래의 사진은 스킨에디터와는 전혀 관련이 없는 샘플 사진입니다.
사진출처 : http://www.flickr.com/photos/duremi/2792696173

새로운 이글루스 스킨2.0은 크게 3가지 영역으로 구분되어 있습니다.

1. 스킨에디터 : 스킨의 디자인과 템플릿을 선택하는 곳으로 위지윅(WYSIWYG) 방식으로 직접 변경된 모습을 확인하고 스킨을 저장할 수 있습니다. (6월 중 베타오픈)
2. 새로운 디자인 : 전문 디자이너가 작업한 20여 종의 새로운 디자인의 스킨을 만나보실 수 있습니다. (6월 중 베타오픈)
3. 공유센터 : 자신이 만든 스킨과 위젯을 공유할 수 있고, 여러 회원들이 공유한 스킨과 위젯을 내 이글루에 적용할 수 있습니다. (8월 중 오픈)

이번에 공개된 스킨에디터는 새로운 스킨 시스템의 일부입니다. 스킨에디터는 위의 3가지 영역 중 가장 많은 회원님들이 사용하는 툴이기 때문에 미리 회원님들께서 체험해 볼 수 있도록 하였으며, 충분한 사용성 테스트를 거친 후에 정식 오픈하려고 합니다.

이번에 공개된 스킨에디터를 많은 분들께서 사용해보시고, 좋은 의견들 많이 주셨으면 좋겠습니다.

이글루스 스킨에디터에서는 두 가지의 큰 변화가 있습니다. 위지윅(WYSIWYG)과 템플릿.
위지윅은 실제 적용될 모습을 보면서 스킨을 편집할 수 있는 방식을 말합니다. 글쓰기 에디터 등에서 많이 사용하는 단어이기 때문에 여러분들도 잘 알고 계실거라 생각합니다.

하지만 템플릿이라는 단어는 조금 생소하게 느껴지실 텐데요. 템플릿이란 스킨을 꾸미기 전 기본적인 구성을 말합니다. 디자인을 입히기 전의 뼈대를 말하는 것이죠. 스킨에는 사이드바의 위치에 따라 1단, 2단, 3단 스킨으로 구분이 되잖아요. 이렇게 기본이되는 레이아웃을 템플릿이라고 합니다.

위에서 얘기한 레이아웃 템플릿을 기본으로 이글루스 스킨에는 다양한 템플릿들이 구성되어 있습니다. 사이드바의 라이프로그를 예로 설명해 드리겠습니다.
사이드바 라이프로그에서 영화 항목을 보시면 영화포스터, 영화제목, 별점, 메모 와 같은 구성요소가 있습니다. 이러한 구성요소들이 다양하게 배치되는 것이 바로 템플릿입니다. 아래는 사이드바 라이프로그의 템플릿들입니다.

위의 템플릿들은 디자인하기에 따라 아래처럼 표현할 수 있습니다.

요컨대 이글루스 스킨에디터에서는 직접 적용될 모습을 확인하며 스킨 편집을 할 수 있고, 다양한 템플릿으로 다양한 디자인의 스킨을 제작할 수 있습니다.

회원님들께 받는 문의 메일에서 스킨 관련 메일 중 가장 많은 요구사항이 바로 스킨 개수를 늘려달라는 내용이었습니다. 그만큼 이글루스 스킨의 종류가 많지 않고, 업데이트가 느렸던 점 사과드립니다. 내부적으로 다양한 스킨을 제공해드리지 못하는 사정이야 있지만, 회원님들이 너무나 오랫동안 불편해 하시던 부분이라 드릴 말씀이 없을 정도로 죄송하게 생각하고 있습니다.

이번 이글루스 스킨 개선을 통하여 회원님들께 새로운 스킨들을 많이 선보일 예정입니다.

이글루스 간담회에서도 이미 공개했었지만, 20여 종의 새로운 스킨들이 기다리고 있습니다. 어서 오픈하여 다양한 디자인의 스킨을 회원님들께 선보이고 싶네요.

이글루스 공유센터는 직접 만든 스킨을 다른 회원님들과 공유하는 공간입니다. 공유센터에 공개된 스킨은 누구나 이용이 가능하며, 스킨 제작자와 직접 덧글을 주고 받으며, 스킨을 개선할 수도 있습니다.

공유센터에는 스킨 뿐만아니라 다양한 위젯도 공유됩니다. W위젯, 유니클락 같은 외부의 예쁜 위젯들도 공유할 수 있고, 직접 제작한 배너들도 공유센터를 통해 공유가 가능합니다.

내 이글루를 꾸미고 싶을 때면 언제든 공유센터에 오셔서 스킨을 변경하고, 다양한 위젯을 붙이시면 됩니다.
출처 : http://www.flickr.com/photos/uncleweed/195896492

이 이미지는 본문과 아무런 상관이 없습니다. 그저 회원님들이 사진 속의 분들처럼 즐거워 해주셨으면 좋겠다는 생각 뿐입니다.

이번 스킨 개편에서는 위에서 설명한 굵직한 세 가지 외에도 구석구석 작은 부분들의 개선이 많습니다. 이번 개편을 기획하며 프로젝트 기간 내내 잊지 않고 있던 것이 있습니다.

이번 개편은 3종류의 사용자를 만족시킬 것이다. 첫번째로 스킨에 대한 지식이 높진 않지만 소소하게나마 직접 나의 취향대로 직접 스킨을 수정하고 싶어하는 유저. 두번째로 스킨에는 관심이 많지만 직접 수정은 하기 싫고, 그날 그날 맘에 드는 스킨으로 변경하고 싶은 유저. 세번째로 예쁜 스킨을 디자인 할 수 있지만, html/css 를 잘 몰라서 이글루스 스킨을 수정하지 못하는 전문 디자이너.

이번 스킨 개편을 통해 제가 생각했던 3부류의 회원님들 모두에게 만족을 드릴 수 있게 된다면 더 바랄 것이 없겠어요.

아울러 또 하나 신경 쓴 부분은 내이글루의 기능적인 부분, 바로 디테일에 많은 개선을 하였습니다. 포스트 제목에 링크를 넣는 것부터 너무나 길게 늘어나는 '이글루링크', 여러 페이지를 한 번에 이동할 수 없는 페이징, Copyright 및 CCL 표시, 라이프로그 메모 노출, 디자인이 마음에 들지 않는 네비바, 늘리기 어려운 본문 가로사이즈 등 소소한 불편사항들을 최대한 개선하려고 노력하였습니다.

소소하게 수정된 부분들은 정식 오픈 전에 EBC를 통해 하나하나 설명드릴 예정입니다.
출처 : http://www.flickr.com/photos/duremi/2792648657