유고 나카무라의 2009년 마지막 프로젝트 오픈

Design/Web 2009. 12. 28. 14:15





유고 나카무라의 올해 마지막 프로젝트가 오픈을 했다. 사운드에 반응하는 Spectrum 알고리즘을 활용한 글꼴을 바탕으로 디자인 되었다고 하며, 전체 리뉴얼은 내년 1월 하순에 할 예정이라고 한다. 유고의 작품은 항상 느끼는 것이지만 디자인을 바탕으로 기술의 한계를 창조한다는 생각이 든다. 기술적으로 가능한 개발자라 할지라도 유고의 창조적 아이디어는 쉽게 따라할 수 없을 듯 싶다. 



Art Direction / Design : Yugo Nakamura 
Design / Programming : Sohei Kitada 
Design Assistant : Taro Yumiba 
Management : Megumi Koizumi 
Music : FPM
    

설정

트랙백

댓글

  • lovedev 2009.12.29 10:35 ADDR 수정/삭제 답글

    아.. 이거 봤는데 멋지더라.. 감탄사가 절로~

    • jasu 2009.12.31 23:57 신고 수정/삭제

      ㅇㅇ 재미있는 컨셉으로... 이퀄라이저 폰트를 예전에 만들어 놓고 매칭했을까 아니면 프로젝트를 구상하면서 만들었을까...

  • 제라드 2010.01.20 11:41 ADDR 수정/삭제 답글

    와. 정말 멋지네요.^^
    jasu님께서도 멋진 작품좀 보여주세요^^

  • VzzaStyle 2010.01.30 02:37 신고 ADDR 수정/삭제 답글

    아 이거 ㄷㄷㄷ ;;

  • 파퓨표 2010.02.22 11:37 ADDR 수정/삭제 답글

    와 정말 감탄이 절로 나네요 ㅎㅎㅎ

플래시 어워드 사이트들...

Design/Web 2009. 2. 26. 17:30
플래시 사이트들을 모아놓은 어워드 사이트들의 경로다. zedia 블로그에서 퍼왔는데 이 밖에도 꽤 많은 어워드 사이트들이 있는 것으로 알고 있다. 왜 일반 사이트가 아닌 플래시로 제작된 사이트들만 모아놓은 어워드 사이트들이 많을까?
생각해보면 플래시의 다이나믹한 기술이 적지 않게 자극적이긴 한 것 같다.

일반 인터넷 사용자와 버튼 하나라도 재미있게 표현하고픈 욕구로 가득 차 있는 플래시 개발자들의 보는 시각은 많이 다르겠지만 플래시의 장점은 두고두고 장점으로 살아남을 수 있도록 일선에서 노력을 해야 하지 않을까 싶다. 그것이 다이나믹한 디자인 요소이던 사용자의 편의를 우선한 심플한 형태이든 장점이 단점으로 보이지 않게 말이다.



Favorite website awards (you have to pay) (25 words desc)
http://www.thefwa.com/

Dope awards (35 words desc)
http://www.dopeawards.com/

Design Licks
http://www.designlicks.com/

Best Web Gallery
http://bestwebgallery.com/category/flash/

Design Flavr (needs a screenshot of at least 523px)
http://www.designflavr.com/category/flash/

Design Snack (needs a screenshot 389 x 180px)
http://www.designsnack.com/

101 best websites (requires login)
http://101bestwebsites.com/category/flash

Inspiration Up
http://inspirationup.com

Website Design Awards
http://websitedesignawards.com/index.php/category/flash-gallery/

Spyline
http://spyline.de/section/flash

Creative Website Awards
http://www.creativewebsiteawards.com/

Mowsnet Web Awards
http://www.mows.sk/awards/index.php

iBlog
http://iblog.chubzz.com/

Another Bookmark
http://anotherbookmark.com/

Refresh links (nothing new since may 2008)
http://refreshlinks.org.uk/

Flash in the pan (seems outdated nov 2008)
http://www.flash-in-the-pan.org/

Flash Blasted (seems outdated nov 2008)
http://flashblasted.com/

Flash Galleria (seems outdated)
http://www.flashgalleria.com/

New Web Pick (requires a login and does not seem so relevant)
http://www.newwebpick.com/

    

설정

트랙백

댓글

  • 쿠나 2009.03.01 19:24 신고 ADDR 수정/삭제 답글

    오오.. 멋집니다!
    간만에 여러가지 좋은 디자인 구상해보고 갑니다 ^^

  • MissFlash 2009.03.02 23:28 신고 ADDR 수정/삭제 답글

    유용한 정보 감사합니다. ㅎㅎ;

    한번씩 둘러보면서 구경해야 겠네요~

  • hyelia 2009.03.13 10:47 신고 ADDR 수정/삭제 답글

    퍼가욤..ㅎㅎ
    퍼가는방법을 몰라서...걍 슥 긁어가기..ㅠㅠ

  • 능력자 2009.04.30 14:50 ADDR 수정/삭제 답글

    갖고가용
    촌스러운 1인

  • 제임스 2009.09.09 12:49 ADDR 수정/삭제 답글

    좋아서 가져갑니다. 감사합니다.

  • 폐인 2009.10.13 17:52 ADDR 수정/삭제 답글

    좋은정보 감사합니다....

미니홈피 디자인?

Design/Web 2008. 4. 24. 00:20

잠들어 있던 미니홈피를 사용해 봐야겠다는 생각이 들어서 며칠 꾸며보았다. 배경은 1년치 배경을 달았는데 대문 사진을 편법으로 플래시를 입히려 하니 예전에 하던 방식은 막아놨다고 한다.

그래서 이미지로 올리더라도 뭔가 재미있는 방법이 없을까 싶어서 배경 이미지가 보이는 것처럼 뚫어버렸다. 쿠쿠 사실 뚫은 것이 아니라 배경의 오른쪽 하단의 이미지를 배경으로 하고 배경에서 뻗어 나오는 가지는 배경에 있는 가지를 가져다가 이리저리 맞춰 보았다. 대문 사진 하나 만드는데 한 시간 반 동안 포토샵하고 낑낑대다니 나도 참 고집스럽다.

블로그와는 사뭇 다른 느낌이긴 하지만 칙칙한 블로그를 보다가 미니홈피 보면 기분이 상쾌해지는 느낌이다. 쿠쿠 나만 그런가 시간 날 때 사진도 좀 올리고 해봐야 겠다





사용자 삽입 이미지

    

설정

트랙백

댓글

  • 2008.05.07 16:07 ADDR 수정/삭제 답글

    오웅 아이디어... !! 재밌어여..ㅎ
    생각하는 머리를 길러야겠네요.. ㅎㅎ

디자인트렌드 2008

Design/Web 2008. 1. 23. 19:14
디자인 트랜드 라이프스타일...
공유하기 좋은 자료인 듯 싶어서 올려 놓는다...
















사용자 삽입 이미지

사용자 삽입 이미지
    

설정

트랙백

댓글

  • 땡굴이 2008.01.24 01:57 ADDR 수정/삭제 답글

    지난번 한명수 이사 세미나 갔을 때 잠깐 보여줬던데.
    요런 귀한 자료를 공개해주다니. ^^. 덥섭.

    • jasu 2008.01.24 11:34 신고 수정/삭제

      그날 참석을 하지 못했었는데 오셨었군요...쿠쿠 한 이사님께서 좋은 자료는 널리 공유하는 것이 좋다 하셨기에 올려 놓았어요. 이 자료를 포스터로 만들어 놓은 것이 회사에 있는데 다음에 뵐때 한부 가져다 드릴께요 ^^

  • 나무 2008.01.24 09:29 ADDR 수정/삭제 답글

    좋은 자료 감사합니다 ^^;

    • jasu 2008.01.24 11:34 신고 수정/삭제

      ^^ 별말씀을요 감사합니다.

  • 문군 2008.01.24 17:52 ADDR 수정/삭제 답글

    형님 저도 덥썩 물어갑니다^^ㅋ

  • 2008.07.30 11:09 ADDR 수정/삭제 답글

    비밀댓글입니다

웹기획 워크샵 2007에 다녀오다...

Design/Web 2007. 9. 2. 15:44

사용자 삽입 이미지
지난 8월 29일 열린 웹기획 워크샵 2007을 다녀왔다. 이번 워크샵에서는 성공 웹기획을 위한 마인드&스킬/웹기획의 4개 이슈-UX, UCC, 개인화, 소셜화등에 관련된 내용으로 진행되었다. 한 섹션에 40분의 시간이 주어진 관계로 시간적인 아쉬움이 많이 남았지만 짧은 시간에도 불구하고 좋은 내용으로 알찬 강의를 들을 수 있어서 나에게는 좋은 기회였다. 개인적으로 참석한 관계로 가격적인 면에서는 약간의 부담은 있었지만…

나는 어떤 한 분야에 대한 전문성을 갖기 위해서는 그 하나만을 해야 한다고 생각하지는 않는다. 목적과 과정 속에 있는 도구와 방법, 그리고 지식은 다양하며 관련 분야의 전반적인 이해를 통해서 스스로 보다 다양한 경험을 할 수 있고 그것은 곧 자신이 하는 분야에 대한 깊이를 만들어 낼 수 있을 것이라 생각한다.

사실 나는 웹에이전시에서 근무를 했었지만 웹기획에 관련된 공부나 경험을 많이 해보지 않았기 때문에 강의 내용 중에 심도 있는 지식은 처음 들어보는 것들이 대부분이었다. 강의 하신 분들 모두 웹이라는 공통된 의사소통 놀이터에 살고 있지만 그 접근 방법은 참으로 다양하다는 생각이 든다. 워크샵에서 강의한 내용을 PDF로 받았지만 저작권 문제가 있을 수 있어서 자료를 토대로 복습 차원에서 정리해 본다.

Section 1 - 한명수 이사(SK커뮤니케이션즈)
웹기획을 위한 크리에이티브 마인드셋

1. 누구나 하는 웹기획, 아무나 할 수 없는 웹기획
포탈서비스의 웹기획은 누가 누가 하는가, 누가 누가 잘 하는가
기획이 필요한 서비스, 기획이 필요없는 서비스

2. 잘난 기획 못난 디자인, 못난 기획 잘난 디자인
디자이너가 신나서 일하게 만드는 기획자의 머리 속 마음 속
좋은 디자이너를 만나는 재수있는 기회
기획자가 디자이너로 직업을 바꿀 수 있는 도움안되는 진로상담

한명수 이사님이 강의 하신 내용은 크리에이티브를 위한 마인드와 웹기획의 주요 포인트에 관한 개념적인 부분을 다루었다. 웹, 그리고 만들어 내는 자와 사용자의 관계를 음식점, 음식점 주인, 손님으로 설명하며 디자인이 기능과 관련이 없어도 사용자 입장에서 볼 때 어떤 연관성을 만들어내며 그것은 또 다른 의미로서 가치를 만들어 낸다는 설명이다. 클라이언트가 되는 회사는 그 회사 고유의 특징을 가지고 있으며 그 회사의 통합된 아이덴티티를 만들어 내는 것이 중요하다는 이야기도 했다.

예로 xplane.com 회사의 diagram을 몇 개 볼 수 있었는데 생각을 표현하는 방법에서 내용과 형식은 하나이어야 하며 생각한 것에 대해서 보일 수 있게 하라는 설명도 있었다. 보인다는 의미는 단순한 결과물이기 보다는 접근하기 쉬운 방법을 위한 말랑말랑한 결과물이다. 한명수 이사님은 주로 디자인적인 면과 감성, 트랜드를 파악하고 분석하는 방법으로 컴퍼런스나 전시회를 추천한다. 컴퍼런스에서 찍은 동영상을 두 개 상영했는데 상영 시간이 길다 보니 실질적으로 한명수 이사님의 마인드 캡쳐를 하지 못하여 아쉬움이 좀 남았다.


Section 2 – 김현경 대표(디킴스커뮤니케이션)
기획자에게 반드시 필요한 마케팅 마인드

1.마케터와 대화
마케터의 세계(108여행)
마케터의 마인드와 센스(시각,생각,청각,마음,언어……)
마케터의 라이프스타일과 커뮤니케이션

2.나와 마케터와의 삶
My Life Plan & Image Map(마케터의 포지션과 역할:I-MVGST-MY)
New Marketing Plan(SWOT,SC,ERRC,AOSIC)
마케터의 천국과 지옥

김현경 대표님은 강의 경험과 연륜이 있어서 그런지 강의 스타일에서 개성을 느낄 수 있었다. 웹기획 보다는 주로 마케터로서의 마인드에 대해서 대화의 의미에 중점을 두었다. 연예인 최지우를 예로 설명하면서 3가지 Type으로 구분을 하였는데 그 첫 번째 타입은 C.T(Communication Type)으로 기본적인 연예인으로서의 정보에 대해 알고 있는가이다. 이는 타인과의 커뮤니케이션을 위해 기본적으로 필요한 지식을 습득하고 있는가로 구분된다. 그리고 두 번째로 A.T로 최지우브랜드 개발, 안경, 시계 액세서리등 최지우를 통한 브랜드 창출에 대한 지식을 가지고 있는가이다. 세 번째는 한류스타의 새로운 부가가치 창출모델을 제시할 수 있는 M.T(Marketing Type)이다.

위의 3가지 타입과 같이 와이드한 배경지식을 통해 가치를 구체적으로 제시할 수 있을 때 마케터로서의 자질이 나타난다는 설명이다.

Section 3 - 황경록 실장(아이파트너즈)
웹기획자에게 반드시 필요한 커뮤니케이션 스킬


1. 흔해빠진 '커뮤니케이션'
2. 클라이언트와 팀웤
3. 웹기획자는 누구인가?
4. 최악의 상황들 Best 10
5. 커뮤니케이션의 5가지 치명적 실수
6. 대상별/상황별 커뮤니케이션 스킬
7. 좋은 커뮤니케이션의 징후

황경록 실장님은 현재 프로젝트만에서 황선배로 통하며 웹 물을 먹고 사는 많은 후배들을 위해 무료 세미나를 진행하고 있다. 프로젝트만은 회원 10000명이 되었을 때 프로젝트를 종료며 양질의 무료 세미나를 통해 후배들에게 좋은 기회를 주고 있다.

강의는 웹기획자에게 필요한 커뮤니키에션 스킬에 대한 내용이다. 커뮤니케이션의 어원에서부터 상호 커뮤니케이션에서 웹기획자가 갖춰야 하는 스킬을 설명했다. 웹기획자, 웹디자이너, 웹퍼블리셔, 플래시 디렉터, 웹프로그래머들의 사고방식은 완전히 다르므로 커뮤니케이션에 있어서 인정 할 것은 인정해야 상호 의사소통이 원활하다는 설명이다.

그리고 클라이언트와의 팀웤에 있어서 팀웤을 해치는 가장 해로운 요소들로 책임전가, 우유부단, 수동적 자세를 예로 들었다. 이처럼 커뮤니케이션이 원활하지 않을 때는 어떤 부분에서 문제가 발생하는지를 파악하고 그 문제를 해결하기 위해 노력을 할 필요가 있다고 이야기 했다.

불필요한 커뮤니케이션 요소를 제거하는 방법으로 Fishing tree 웹에이전시의 회의 스타일을 예로 소개했는데 재미 있지만 효과적인 방법일 수 있다는 생각이다.

예1)
오실장 : 이사님 이거 하기 싫어요.
윤이사 : 하기 싫어 인정.

위 예는 실제로 Fishing tree 회사의 회의실에서 진행한 회의 내용이라고 한다. 이 두 대화를 통해서 몇 시간 동안 해야 했던 회의 시간을 단 두 대화로 줄일 수 있었는데 그 본 내용은 아래와 같다.

오실장 : 이사님 이거 스토리텔링 엉키고, 잘 안 맞고, 톤앤매너 맞추기 힘들고, 룩앤필 안 나와서 하기 싫어요. 꼭 이렇게 해야 되여? 이 방향으로는 하기 싫어요.
윤이사 : 블라블라
오실장 : 블라블라
(2시간 가량 열띤 논의와 토론)
윤이사 : 그럼 그렇게 하지 말자.


예2)
윤이사 : (회의하다가…) 뭘로 먹을래?
김과장 : UI여
윤이사 : 이거 CGV야.

Fishing tree에서는 이렇게 정형화된 커뮤니케이션 내용을 단축하여 효과적인 커뮤니케이션을 유도하고 있다고 한다. 내용은 아래와 같다.

윤이사 : 이번에 방향을 어떻게 가는 것이 좋을까? 디자인? 컨텐츠? 모션? 스토리텔링?
김과장 : 이번 트렌드가 UI에 있으니까 그렇게 가는 것이 좋을 것 같아요.
윤이사 : CGV처럼 UI의 혁신석도 중요하고 기획과 디자인이 싱크되도록 준비하되 주말에 완전 밤샐 줄 알아.

웹기획자의 커뮤니케이션에서 최악의 상황들 Best 10
1. 연락이 안돼. 잠적했나?
2. 뭐라고 핑계를 대나?
3. 보기 싫은데.
4. 욕이 목구멍까지 올라왔어
5. 이런 것까지 해 줘야 돼?
6. 바보들 아니야? 이것도 몰라?
7. 실력 없는 것 같은데?
8. 한 번 말하면 알아 들어야지.
9. 또라이 아니야? 이걸 어떻게 해
10. 의견이 없어. 말을 안해

위와 같은 항목들은 웹기획자가 활발한 커뮤니케이션을 하는데 방해가 되는 요소들이니 피해야 한다는 설명이다. 간혹 클라이언트가 보기 싫다고 전화를 받지 않거나 연락을 하지 않는 행위는 커뮤니케이션 라인을 완전히 차단하는 행위이기 때문에 특히 피해야 한다는 설명이다. 기획자의 입장에서는 도를 알아야 할 것 같은 생각이 든다. 또한 커뮤니케이션의 5가지 치명적인 실수는 아래와 같이 설명했다.

1. 인간적인 친밀함의 오해
상호 개인적인 친밀성을 자칫 일과 결부시킴으로써 뒤통수 맞지 말자는 내용
2. 주관적인 판단의 실수
객관적인 사실과 정보를 통한 판단이 아닌 자신의 주관적인 판단에 의해 일을 처리할 때의 실수
3. 핑계
어떤 일의 결과에 대한 핑계를 대지 말라는 내용
4. 알아주겠지?
돌다리도 두드리고 건너라는 내용 예측은 또 다른 결과를 낳는다.
5. 상의 없는 액션
상호 커뮤니케이션을 통해 정해진 방안이 아닌 독단적으로 추진하는 일에 대한 실수

강의중 “갑질의 정석”에 관한 내용을 통해서 커뮤니케이션의 문제점과 스킬을 설명했는데 갑질의 의미가 무엇인지 잠깐 고민하다가 웃음이 나왔다. 예상 했겠지만 여기서 갑질은 ‘갑’의 질을 말한다.

좋은 커뮤니케이션을 위해서는 아래와 같은 것이 필요하다는 결론이다.
1. 오류(Bias, Halo Effect)를 줄이는 것.
2. 타인의 장점을 극대화 하게 하는 것
3. 중요한 정보에 집중하는 것.
4. 스트레스를 주는 현상을 피할 것
5. 자주, 직접 하는 것, 감당할 수 있게
6. 자신의(업무적) 고민을 상의하는 것
7. 일관성을 갖는 것
8. 서로의 실력(GAP)을 인정하고 최선을 강구할 것
9. 배려하는 것(시간, 사람, 일)

그 밖에 웹기획자가 주의해야 할 사항들은 아래와 같다.

1. 속으로 욕하지 맙시다.
2. (누구세요?) 벼락치기 하지 맙시다.
3. (퇴근 시간에 일 주기) 뚜껑 열지 마세요.
4. (그래 그까지것 도와주지) 긍정적인 마인드를 가지세요
5. (혹시, 설마) 초기 대응 철저(급하고 중요한 것부터)
6. 주술, 사주, 점 – 미신을 멀리하자

강의 내용도 재미있고 마음에 와 닫는 내용들이 많아서 고개를 끄덕이며 강의를 들을 수 있었다.



Section 4 - 강영섭 대리(삼성네트웍스)
웹기획자를 위한 프로젝트 관리 노하우


1. Profile
2. Purpose of web project
3. Elements of project management
4. Role of planning part in the process
5. Method of planning
6. Reference Books
7. Epilogue : Review & Q&A

 
강영섭 대리님은 주로 기획 조정에 관한 방법론의 내용으로 강의를 진행했다. 강영섭대리님은  팬택 UI팀, SK 커뮤니케이션즈 전략팀, 이상시스템 벤처 창업, 삼성전자 EU 삼성모바일 구축 담당을 거치면서 6년째 대리 생활을 하고 있다고 한다.

이 강의에서는 기획 조정에 있어서의 방법론으로 여러 가지 이론과 도표를 가지고 설명을 했는데 그 내용이 전문적인 내용들이 많이 있어서 기획에 관련된 기본 지식이 없는 관계로 앞으로 강의 내용 중에서 설명된 방법론들을 찾아봐야 할 것 같다. 기획 조정에 필요한 방법론이라고 하지만 꼭 기획에 국한된 방법이기 보다는 폭넓게 사용될 수 있는 이론인 듯싶다.

김영섭 대리는 현재 http://www.webprojectman.com 블로그를 운영중에 있으며 최근에는 “네모난 사과”라는 인터넷 비즈니스를 위한 전략과 전술에 관한 책을 저술했다.

Section 5 - 최병호 수석(생크유저)
유쾌한 사용자 경험(UX)를 창조하는 웹사이트 기획 전략


1. Fun Structuring
Interactive Modeling
Card Sorting
Page Sorting
Space Fantastic
Conceptual Modeling
Why Modeling: Target Audiences
Why Modeling: Field Study & Shadowing
Why Modeling: Usability Testing
Why Modeling: Lego
Task Analysis & Task Hierarchy Design
Physical Mapping
2. Fun Navigations
AS-IS & TO-BE Information Flow
Rapid Prototyping & Online Info. Flow Test
3. 사색의 창
유쾌한? 사용자 경험(UX)? 창조? 웹사이트 기획? 전략? (3분)
향후 과제 분야 (2분)

 
최병호 수석님이 강의한 이번 강의에서는 사용자 경험(UX)를 재미있고 확실한 방법으로 기획하는 전략에 대해서 주로 설명하였다. 설명 과정에서 예로 든 동영상은 예전에 UI관련 포스트로 올렸던 “제퍼슨 한의 GUI“를 이용해서 설명을 했는데 설명을 들으면서 기획을 위한 이러한 어플리케이션을 만들어보면 재미있을 것 같다는 생각이 든다.

사용자 경험 창조의 시작점은 사용자 관찰에서 시작되며 정보구조를 혁신하는데 대표적인 사용자 관찰 기법은 카드 소팅이라고 한다. 웹기획을 하는 사람들에게는 익히 알 수 있는 내용일 듯싶으나 난 카드소팅이라는 기법에 대해서도 강의를 들으면서 처음 접할 수 있었다. 카드소팅에서 주요 포인트는 사용자 경험을 통해 소팅할 때 사용자가 처음 옮겨 놓은 곳에서 수정, 이동하는 과정을 꼭 체크해야 한다는 것이다. 이 점이 카드소팅에서 중요하다고 한다.


Section 6 - 김유진 팀장(다음커뮤니케이션)
UCC를 효과적으로 활용하기 위한 웹사이트 기획


1. 왜 UCC 인가?
UCC, YCC, PCC ,RMC
2. Case Study : UCC 의 성공적인 활용 사례
Vertical services
User participation
Ubiquitos
network
blog
long tail
moneytize
3. 성공적인 UCC 활용 포인트 및 이슈

김유진 팀장님이 강의한 이번 강의에서는 UCC를 활용하는 웹사이트의 사례를 통해서 효과적으로 UCC를 활용하는 방법에 관한 내용을 다루었다. 구체적인 방법에 관한 내용은 미흡했지만 효과적으로 사용하고 있는 웹사이트들의 사례를 보면서 더 이상 파생될 수 없는 leaf 보다는 파생되는 node들이 더 많다는 생각을 하게 되었다.

UCC(User Create Contents) 단어에서 파생된 관련 용어들이 많았다.
UCC (User Create Contents)
UGC (User Generate Contents)
YCC (Youngja Create Contents)
PCC (Proteur Create Contents)
RMC (Ready Made Contents)
UOC (User Organize Contents)
UFC (User Filtered Contents)

위에서 YCC는 재미있는 용어라는 생각이다. 왜 UCC를 사용하는가에 대해서는
1. 남들이 이렇게 성공했다고 하더라
http://www.mbga.jp/
http://mixi.jp
http://bukatsu.cocolog-nifty.com/

2. 효과적인 바이러스 마케팅 툴
3. 대박 신화
06년 10월 google Youtube 인수 금액 16억 5000만달러

로 설명을 했다.

어떤 UCC가 성공하는가에 대한 케이스로 몇 가지 사이트를 소개했는데 참신하고 재미있는 사이트들이 많았다.

http://www.slrclub.com
위 사이트는 d-slr 카메라 사용자들의 커뮤니티 사이트로 월간 3.5억 PV, 100만 UV 평균체류시간이 107분으로 사용자 충성도가 매우 높은 사이트에 속한다. 나 또한 slr 카메라에 대한 관심이 많았을 무렵 이 사이트의 장터에서 밤새도록 f5를 누르면 원하는 렌즈를 구매하기 위해 기다린 적도 있다. 잘 찍은 사진 하나 포탈 배너 못지 않은 트래픽이 발생한다.

http://www.nicovideo.jp
위 사이트는 사용자들이 동영상을 올리고 그 동영상을 보면서 실시간으로 댓글을 달 수 있는 서비스를 제공하고 있다. 달린 댓글은 동영상에 실시간으로 올라가면서 동영상의 싱크와 댓글을 맞춰서 “니코 비디오 중독”이라는 이야기까지 나오고 있다고 한다. 현재는 베타 서비스로 사용자가 너무 많아서 접근하는 사용자도 예약하여야 접속할 수 있다고 하니 그 인기를 알만하다.

http://www.opensourcefood.com
개인이 운영하던 블로그 서비스였다고 한다. 음식에 관한 정보와 만드는 과정을 자세히 설명하고 있어 질적 컨텐츠로서의 가치로 사랑 받고 있다고 한다.

http://Kittenwar.com
이 사이트는 냥이(고양이) 관련 사이트이다. 자신의 애완 고양이 사진을 등록하고 클릭수에 따라서 인기도를 측정하는 사이트다. 사용자 인터렉션이 너무도 단순하지만 그 활용 방법이 참신하고 재미 있다. 사이트에 방문하면 메인에 두 개의 고양이 사진을 볼 수 있는데, 두 사진 중에서 마음에 드는 사진을 클릭하면 그 사진에 점수가 가산되며, 연결된 다른 사진들을 보고 같은 방법으로 점수를 주며 사진을 감상할 수 있다. 인기도가 떨어지는 사진들은 따로 분류를 하고 있으며 인기도가 하락한 사진은 노출 회수가 줄게 된다. Losingest kittens 메뉴에 보면 인기가 없는 고양이 사진들을 볼 수 있는데 내가 봐도 좀 못생긴 고양이들이 많다..쿠쿠

http://unearthtravel.com
Wiki형 여행 가이드 사이트 구글맵을 이용한 사이트

http://www.geni.com
가족 소셜 네트워크를 볼 수 있는 플랫폼을 지원하는 사이트이다. 우리나라의 족보 서비스정도 되는 것 같다. 자신이 어디에 뿌리를 두고 있는지를 알 수 있는 사이트로 현재 500만명의 프로필을 확보했다고 한다.


보통 사용자들은 UCC == 동영상쯤으로 생각하는 사용자들이 많은 듯 하다. UCC의 어원적 의미로 본다면 UCC가 가시화되기 이전부터 인터넷 문화와 함께 공존했다고 불 수 있다. 웹의 원천은 정보이며 그 정보를 생산하는 것은 사용자이고 그 정보를 담고 전달하는 수단으로서 인터넷이 발달되어 왔기 때문이다.

우리나라에서 개인 미디어가 활성화 되었던 시점으로 Cyworld의 태동으로 불 수 있을 것 같다. Cyworld를 통해서 컴퓨터를 잘 모르는 일반 사용자들도 인터넷에 자신을 집을 갖게 되었고 그를 통해서 소셜네트웨킹, 인터넷 상에서 상호 인맥을 형성하고 자신의 일상을 담기 시작했다. 2006년을 기점으로 cyworld 뿐만 아니라 블로그 서비스가 많아지면서 cyworld와 blog 모두 사용자의 컨텐츠를 통한 네트워크지만 특징은 서로 약간 다른 듯 싶다.

Cyworld의 경우는 강한 관계 중심적이고 폐쇄적인 network인 반면 블로그는 약한 관계 중심으로 개방적인 network 형태를 가지고 있다. Cyworld는 사적인 아이덴티티가 강하고 이성적 커뮤니케이션인 반면 블로그는 공적인 아이덴티티가 강하고 감성적 커뮤니케이션이 주다. 또한 cyworld는 친밀감, 유대감, 인맥관리, 접근이 용이하고, 블로그는 원하는 정보, 정보의 정확성, 다양성, 자신을 표현하는데 필요성을 느끼고 있다. 또한 싸이월드는 실명 이용이 많은 반면 블로그는 닉을 많이 사용하고 있는 듯 하다.

따라서 두 서비스의 특성을 보면

cyworld
개인의 일상사, 주로 UCC 중심, 폭넓은 활동유저, 정보의 배포가 어렵다.

Blog
일상사+관심사, 검색, UCC, 펌질, 낮은 진입장벽, 쉬운 UI, 검색 노출을 통한 방문자 유도

어느 설문 조사에 의하면 cyworld나 blog모두 사용자 비중은 남자가 높지만 핵심 사용자비중은 여자가 높다고 한다. 이는 오프라인의 일상 생활에서와 같이 커뮤니케이션 비중이나 인맥 관리 성격과 비례하는 결과가 아닌가 싶다.

개인적으로 생각해 보면 cyworld가 다가오는 앞으로의 미래를 위해서는 필요한 것은 유지하되 blog에서 얻을 수 있는 기능적 성격들은 충분히 흡수해야 하지 않을까 싶다. 보도에 의하면 앞으로 cyworld도 많은 부분 개편이 이루어질 것으로 보인다. 아무쪼록 그 방향이 한 순간의 이슈가 아니라 사용자 중심으로 가는 편한 인터넷 세상을 위한 방향을 제시해 줬으면 좋겠다.

Section 7 - 김성동 팀장(알라딘)
개인화를 통해 고객 가치를 향상시키는 웹사이트 기획 전략


1. 개인적 vs 개인화 vs 개별화
2. 구닥다리(?) 개인화서비스와 뺀질뺀질한 웹2.0
3. 아마존과 알라딘, 개인화서비스의 한계와 진화
4. 고객db의 광산, 가치있게 캐내기

 
김성동 팀장님은 인터넷 서점 알라딘에서 웹기획을 하고 있다고 한다. 강의 내용은 개인화 서비스에 대한 실패 사례와 기업의 효과적인 개인화 서비스에 대한 내용이었다.

김성동 팀장님은 개인화 서비스를 크게 세 가지로 분류를 했는데 아래와 같다.
1. 개인적(Customize)
나만의 포털
나만의 브라우저 첫 화면
나의 관심분야 선택하기, 나의 관심 RSS 설정하기, 나의 바로가기 모음
고립화된 개인적인 설정

2. 개별화(Individualize)
단순 Input을 통한 통계를 거친 개별화된 Output
개인의 Profile을 기반
아마존 추천 시스템
구글 검색 개인화
“이 책을 갖고 있고 별점 4개를 준 구매자들은 이 책도 사더군요”
협업 필터링의 가치
네트워크화된 개별 존재들

3. 개인화(Personalize)
총체화된, 인격화 수준의 개인 인지
나를 인식하여 나에게 주는 지능화된 정보
작년에 친구분께 선물하신 책은 지금보니 당신에게도 맞을 것 같군요
모든 것이 높은 수준의 시멘틱한 정보가 되다.

실패한 개인화 서비스를 통해서 실패 원인을 분석하고 어설픈 개인화서비스는 하지 않는 것 보다 못할 수 있다는 이야기다. 예를 들어 인터넷으로 책을 구매할 때 자신이 관심을 갖고 있는 분야에 관련된 책을 추천하는 서비스를 한다고 할때, 관심분야를 파악하기 위해서는 사용자가 시스템에 정보를 제공해 주는 수고를 해야 하는 반면, 그렇지 않을 경우에는 자신 계정으로 구매한 한 분야 중에서만 추천을 할 경우가 생기므로 동화책의 실 구매자인 부모의 계정으로는 동화책만을 추천하는 문제점이 발생할 수 있다는 것이다.

이러한 개인화 서비스에서의 문제는 기술적인 한계, 유저의 참여/ 신뢰의 한계로 인해서 어설픈 개별화 서비스보다는 유저가 정보를 좀더 편하고 쉽게 접근할 수 있도록 최적의 UI를 설계하는 것이 나을 수 있다는 이야기다.

끝으로 김성동 팀장님이 시를 하나 override 했는데 내용이 재미있다.

제목 : 꽃
지은이 : 개인화

그가 나에게 로그인하기 전에는
그는 다만 하나의 방문객에 지나지 않았다.

내가 그의 로그인을 인식하였을 때
그는 나에게로 와서 ㅇㅇ고객님이 되었다.

내가 그를 인식한 것처럼
나의 개인화서비스에 알맞은
당신의 정보를 나에게 주오.
당신에게로 가서 나도 당신에게 필요한 무언가가 되고 싶다.

우리들은 모두 개인화 서비스를 하고 싶다.
너는 나에게 나는 너에게
잊혀지지 않는 하나의 서비스가 되고 싶다.


Section 8 – 김지현 팀장(다음커뮤니케이션)
소셜 네트워크와 웹사이트 기획 전략


0. 무엇을 말하려 하는가?
1. SNS의 정의와 가능성
2. SNS 사례 벤치마킹
3. SNS 전략의 CSF
4. SNS 전략을 위한 지식

김지현 팀장님은 소셜 네트워크와 웹사이트 기획 전략에 관한 내용으로 강의를 진행하였다. 강의 중에 다음 메일 서비스를 예로 들었는데 메일은 소셜네트워크의 기본이지만 그 개념이 잘 못 된 부분이 있었다는 것이다. 우리가 메일을 주고 받을 때는 메일을 보내는 자와 받는자의 관계가 중심이지만 지금까지의 메일은 보낸자와 받는자의 관계보다는 시간 단위, 또는 제목으로 일괄 정리되고 있었다는 점이다. 이를 보완하기 위해서 다음 메일에서는 상호 관계를 위한 간단한 기능을 추가하여 사용자들에게 좋은 평가를 받았다고 한다.

소셜 네티워크 서비스의 전략으로 모든 서비스는 생산, 소비, 유통의 구성을 띄며, 선순환이 잘 될 수 있는 고리를 만들어 줘야 한다고 설명했다.
1. 가치 있는 DB 생산
사용자들이 쉽게 커뮤니티, 콘텐츠, 커뮤니케이션등의 데이터를 생산할 수 있도록 해야 한다.
기존의 관계를 쉽게 Online화할 수 있어야 한다.

2. DB의 소비
사용자들이 생산한 DB가 많이 공유되고 노출되어 가치가 증대되도록 해야 한다.
소비가 활발하게 이루어질 수 있는 마케팅 전략이 필요하다.

3. DB의 유통
생산, 소비를 통해 창조자와 참여자에게 혜택이 돌아갈 수 있는 시스템을 완비해야 한다.
서비스의 주체가 사람임을 인지하도록 해야 한다.

우리나라 웹 역사는 생각보다 오래되지 않았다. 불과 10년 전만 하더라도 컴퓨터 잡지에는 초고속 56k 모뎀을 소개하며 PC통신으로 사용자들을 유도하고 있었다. 그때만 하더라도 하이퍼링크가 유일하게 웹에서 소통하는 인터렉션 역할을 했었다. 하지만 지금의 웹은 그 때 당시로서는 상상도 할 수 없는 인터넷 속도와 사용자층으로 하루가 다르게 발전을 거듭하고 있다.

또 앞으로 10년의 시간이 흐른 뒤의 웹은 또 어떤 모습을 하고 있을지 궁금하다. 김지현 팀장님은 열린 통합 플랫폼으로의 진화를 통해서 서비스간 영역 구분이 사라지고 통합되어 앞으로 Open API, Mashup으로 site에 종속되지 않는 플랫폼으로서 진화를 거듭할 것이라 이야기 한다.

정보의 양과 질적인 면에서 웹이 만들어지기 초기부터 지금까지 변하지 않는 것은 Search일 듯 싶다. Search를 중심으로 모든 서비스는 컨버전스화되고 검색중심으로 크고 작은 플랫폼이 탄생할 것이라는 것은 어찌 보면 당연한 결과일 수 있다. 김중태님이 지은 시맨텍웹 책에도 나왔다시피 우리나라의 포탈들도 이러한 웹의 흐름에 맞춰서 감성적이고 궁극적인 목적(사용자를 위한, 사용자를 위한 서비스)에 부합하는 철학을 갖출 필요가 있을 듯싶다.

    

설정

트랙백

댓글

  • nixon 2007.09.03 10:44 ADDR 수정/삭제 답글

    좋은 자료 감사합니다.

사진 갤러리 서비스 - fotologue.jp

Design/Web 2007. 7. 30. 04:16
웹서핑을 하다가 일본에서 서비스 되고 있는 사진 갤러리가 눈에 들어온다. 시스템 전체에 걸쳐서 대부분의 UI를 플래시로 제작되었다.

개 인적으로는 이러한 심플한 디자인을 좋아한다. 과연 이정도의 스펙이라면 몇명의 개발자가 얼마간의 작업으로 진행되었는지 궁금하다. 웹프로그래밍 개발자와 플래시 개발자가 서로 유동적으로 완벽하게 협력하지 않고서는 이러한 결과물을 만들기 어려울 듯 싶다. 또한 서로간 분야에 대한 정보는 어떻게 공유했을까...

전체 시스템의 구조로 본다면 플래시와 웹프로그램을 잘 하는 단 한 사람의 결과물로 보기에는 무리가 있다. 이런 서비스를 하고 있는 일본의 플래시 업계에 박수를 보낸다.

http://fotologue.jp/


사용자 삽입 이미지사용자 삽입 이미지사용자 삽입 이미지
사용자 삽입 이미지사용자 삽입 이미지사용자 삽입 이미지



    

설정

트랙백

댓글

  • ncloud 2007.07.30 13:10 ADDR 수정/삭제 답글

    유고나카무라 (http://tha.jp/) 팀에서 제작한걸로 알고있습니다.
    심플한디자인이 참 멋져서 여러번 둘러봤던 기억이 있네요 +_+)~

일본 스고이 지도검색 서비스

Design/Web 2007. 7. 30. 03:15

일본의 스고이 지역정보를 검색할 수 있는 지도검색 서비스...
기능적인 면에서 상당히 시간을 투자한 결과물 같다.

http://sugoi.doko.jp/

사용자 삽입 이미지
    

설정

트랙백

댓글

토끼 인형을 살려주세요...

Design/Web 2007. 3. 19. 02:05
네덜란드의 한 웹에이전시 홈페이지다. 홈페이지에 많은 정보를 담지 않아서 무엇을 하는 회사인지는 쉽게 알기가 어려운 사이트라는 생각이었다. 그러나 미션을 완료하고 보니 이 회사가 무엇을 하는 회사인지가 궁금해진다.

그래서 사이트의 이곳 저곳을 뒤적거려 보고 꼼꼼히 훑어 보는 와중에 이 회사가 어떤 회사이며 무엇을 하는 회사인지 알 수 있었다.

참 재미있는 사이트다. 하지만 절대 가볍지 않은 메시지를 전달하고 있는 듯하다. 자사에 대한 많은 정보를 제공하지 않는 대신, 이 회사가 어떠한 마인드를 갖고 무엇을 하는 회사인지는 충분히 알 수 있도록 제작된 듯 하다. 그것도 재미있게 사용자로 하여금 이 회사의 마인드에 동참할 수 있도록 확실한 메시지를 전달을 하고 있다.

적어도 웹에이전시라고 하면 그 회사가 무엇을 하는 회사인지를 우리는 알고 있다. 사용자가 특정 웹에이전시의 홈페이지를 방문하는 목적은 그 회사가 무엇을 하는 회사인지를 알기 위해 방문하는 것이 아니라 그 회사가 어떠한 생각을 가지고 있으며, 어떤 클라이언트와 무엇을 만들고 있는지를 알고 싶어서 일 것이다.

서비스의 본질이 무엇인가를 생각하게 하는 사이트다.


http://www.10mg.nl/

사용자 삽입 이미지
당신에게 주어진 시간은 단 1분,
1분 이내에 당신의 장난으로 숨을 쉬지 않는 불쌍한 토끼 인형을 살려야 한다...


사용자 삽입 이미지
전기 충격 3회 실시... 심장 박동수는 점점 증가하고...


사용자 삽입 이미지
시간이 없다. 수술에 들어간다. 일단 면도기로 배 부위의 털을 깎아주고 팬으로 오픈할 곳을 그리고 메스로 배를 가른다. 대장과 소장을 제치면 HandCursor가 보이고 그것을 끄집어 낸다.


사용자 삽입 이미지
10mg 알약을 오픈한 배에 넣으면 살게 되는데...


사용자 삽입 이미지
1분안에 해결하지 못한 토끼는 죽기도 하고...


사용자 삽입 이미지
살아서 행복해 하기도 한다.






    

설정

트랙백

댓글

  • leezche 2007.03.19 10:07 ADDR 수정/삭제 답글

    아이디어가 좋네요..
    단순하게 회사 소개를 나열한것이 아니라 방문한 사람에게 뭔가를 생각하게 만드는...
    좋은 사이트 보고 갑니다.. ^^

    • jasu 2007.03.19 17:29 신고 수정/삭제

      네... 사실 전 귀엽고 깜찍한 사이트보다는 깔끔한 사이트를 좋아하는데 이 싸이트는 내용이 깔끔해서 올렸습니다. ^^

  • k군 2007.03.19 16:36 ADDR 수정/삭제 답글

    괜찮은 아이디어네요. 쉽게 다가가지 못할만큼의 심오함을 가진 웹사이트.
    그만큼 방문자가 가진 마인드의 가치를 알수있는.. 덜덜덜.

    • jasu 2007.03.19 17:30 신고 수정/삭제

      재미있죠... 회사 사람들에게 돌려봤는데 누구는 징그럽다고 하고 누구는 불쌍하다고 하고...가지각색이네요..쿠쿠

  • 하얀별 2007.04.08 00:27 신고 ADDR 수정/삭제 답글

    너무 재미있네요!! ^^:::
    아이디어가 참.....

    • jasu 2007.04.08 20:06 신고 수정/삭제

      ^^ 디렉터의 딸이 토끼 인형을 가지고 놀고 있는 모습을 보고 생각할 수도 있겠죠...

  • adung 2007.04.24 12:03 ADDR 수정/삭제 답글

    하하 무서워 무서워서 하면서 마구마구 웃었네요~ 하하하

플래시 컨텐츠의 최적화

Design/Web 2007. 3. 5. 22:41
최적화는 상당히 어려운 부분이다. 사실 어렵다기 보다는 아는 부분도 실수로 보지 못하는 경우도 있고, 문제를 문제로 인식하지 못하는 과정에서 발생하는 경우도 많다. 플래시를 천직으로 생각하고, 플래시 툴이 항상 컴퓨터의 메모리에 상주해 있는 본인도 이러한 문제에 봉착할 때가 한 두 번이 아니다.

요즘은 워낙 컴퓨터 사양이 좋아져서 최적화의 유용성이 많이 감소되기는 하였으나 작업 과정에서 이런 최적화의 노력이 몸에 배어 있지 않으면 개발이 완료되는 시점에서 자신의 잘못 보다도 디자인의 묵직함을 탓하는 경우가 많다. 물론 우리나라의 웹 컨텐츠의 화려함을 보면 과연 컴퓨터가 온전할까 하는 두려움마저 드는 사이트들도 상당히 존재한다. 나 또한 그러한 사이트를 만들기 위해 없는 일정 만들어가며 동참한 것도 사실이다. 이러한 문제는 항상 바쁜 클라이언트의 명령에 서비스하는 차원에서 이루어 지는 경우도 있지만 그러한 볼멘소리에 숨겨놓은 자신의 귀차니즘이 더욱 큰 영향을 주는 경우도 있다.

하지만 그러한 노력을 하지 못하게 만드는 불가피한 현실도 문제다. 우리나라의 클라이언트를 보면 더 화려하고, 더 보기 좋고, 더 강렬한 사이트를 요구하는 경우가 많다. 그러한 요구를 맞추기 위해서 노력하다 보면 최적화는 다른 프로젝트에 밀려서 잊혀지고 만다. 서비스업이다 보니 의뢰하는 클라이언트의 눈높이에 맞출 수 밖에 없는 것이 현실지만 무엇보다도 웹을 개발하는 전문가로서 전문의식과 지식을 갖출 필요가 있다.

나는 웹에이전시에서 근무한 경력은 화려하지 않다. 그러다 보니 기획, 디자인, 컨텐츠, 개발, 코딩과 관련하여 총체적으로 회사 입장의 이익 창출을 위한 객관적인 판단이 미흡한 것이 사실이다. 그러나 단기적인 이익을 위한 위기 모면적 프로젝트와 그것을 생산하는 회사는 발전 가능성은 희박하다는 생각이다.

클라이언트와 직접적으로 커뮤니케이션을 하는 기획과 디자인의 경우에는 실질적으로 프로젝트를 진행하는 실무진의 기본적인 지식과 판단에 서서, 전문자로서의 커뮤니케이션이 가능해야 한다고 본다. 전문 지식을 바탕으로 하지 않은 커뮤니케이션은 자칫 클라이언트의 말 전달자가 될 수도 있고, 비 전문가의 개인적 취향에 따라 대외비적인 프로젝트로 전락할 수도 있을 것이다. 이러한 문제점을 지향하기 위해서는 개인적인 자기개발도 중요하겠으나 팀과 조직 구성원들의 스스럼 없는 커뮤니케이션과 의견 존중이 밑 바탕에 깔려 있어야 할 것이다.

나는 어떠한 경우에도 웹의 기본 정신은 훼손되어서는 안 된다고 생각한다. 웹의 모든 부분은 커뮤니케이션이다. 웹 == 커뮤니케이션이라는 정의는 항상 머리 속에 넣어두고 살아야 한다. 사이트가 아무리 화려하고 많은 컨텐츠를 가지고 있어도 궁극적으로 그것을 사용자가 학습하고 원하는 정보를 찾는데 어려움을 느낀다면 그 웹사이트는 이미 죽은 사이트다.

예전에는 얼마나 화려하고, 얼마나 많은 기능을 제공하는 가와 같은 양적인 측면 위주였다면, 앞으로는 질적인 측면과 감성적인 측면을 더 중요시 해야 한다. 이러한 면에서 Web 2.0이라는 트랜드가 많은 부분에서 변화를 꾀하고 있고 덕분에 UX(User Experience)는 예전보다 사용자에게 상당히 많은 접근을 하고 있다.

그러나 우리나라의 Web 2.0은 껍데기에 불과하다는 이야기를 하고 싶다. Web 2.0이라는 개념은 화려한 테크닉을 이야기 하는 것이 아니라 사용자 경험에 따른 좀더 편하고 쉽게 다가갈 수 있는 웹 가이드일 것이다. 가끔 보면 그러한 기본 정신을 잊고 엉뚱한 곳에서 헤매는 경우를 많이 보게 된다.

나는 웹에 종사하고 있기 때문에 임베디드 분야는 잘 알지는 못하지만 최적화의 요구가 필수적이라는 것은 간접적인 경험을 통해서 익히 들어왔다. 요즘처럼 수천 MB의 메모리를 갖춘 PC에서 프로그램을 개발하는 사람들에게는 수십 KB의 메모리에서 프로그램을 개발해야 된다는 것이 상당한 압박으로 느껴질 수 있을 것이다. 이러한 하드웨어적인 환경의 제약으로 인해 컴파일러 수준의 코드 최적화는 물론이고 소스 코드 수준에서도 최적화된 코드를 작성할 필요가 있을 것이다.

일반적으로 컴파일러가 제공하는 최적화의 종류는 크기 최적화와 속도 최적화의 두 부류로 나눠볼 수 있을 것이다. 임베디드 분야에서는 이 중에 크기 최적화를 통해 작은 크기의 실행 파일을 생성하는 것이 더 유리할 것으로 본다. 속도 향상은 알고리즘의 개선이나 소스 코드 튜닝을 통해 상당 부분 개선할 수 있지만 실행 파일의 크기를 소스 코드 레벨에서 수동으로 줄이기는 사실상 어려움이 있을 것이다. 물론 이런 것들 또한 지금의 발전과 같이 과거의 이야기가 될 수도 있으나 먼 미래에도 최적화에 대한 요구는 계속 있을 수 밖에 없을 것이다.

내가 만약 당장 임베디드 시스템에 필요한 컨텐츠와 UI를 제작한다면 그 코드를 담는 하드웨어의 무게보다 무거운 프로그램이 탄생하지 않을까 싶다. 웹에서 임베디드 분야와 같은 최적화를 가지고 갈 필요는 없을 것이다. 웹은 웹에서 충분히 사용할 수 있는 기술과 방법을 최대한 활용하여 보다 사용자 중심의 사이트를 만들면 된다. 하지만 그러한 기술과 방법에 치우쳐서 최적화를 소홀히 한다면 자신이 만든 프로그램으로 조종하는 전투기 안에 있어봐야 할 것이다.
    

설정

트랙백

댓글

  • leinhosa 2007.03.06 02:43 ADDR 수정/삭제 답글

    이야! 이거 맘에 드는데요!
    플래시를 배경에 두다니! 참으로 참신하네요 ㅎㅎ

    • jasu 2007.03.06 12:54 신고 수정/삭제

      말씀 감사합니다. 가끔 놀러 오세요...

  • 2007.03.07 00:02 ADDR 수정/삭제 답글

    비밀댓글입니다

    • jasu 2007.03.07 00:58 신고 수정/삭제

      댓글에 답글을 달았더니 훤히 보이길래 님의 블로그 방명록에 답글을 달았습니다. ^^ 아무쪼록 즐거운 공부 하시기 바랍니다.

스킨 배경 플래시

Design/Web 2007. 3. 5. 05:08
안녕하세요...

현재 스킨에 사용하고 있는 배경 플래시의 무비클립 오브젝트를 변경한 bg.swf 파일을 올립니다.
사용하고 싶으신 분은 받아다가 사용하세요

사용 방법은 images/ 폴더 안에 파일 업로드 하시면 됩니다. 파일은 기존의 bg.swf 파일과 같으나 나타나는 무비클립 오브젝트의 모양을 변경한 것이니 첨부하는 bg.swf 파일만 업로드 하시면 됩니다.
감사합니다.


    

설정

트랙백

댓글

  • 이레오 2007.03.05 19:22 신고 ADDR 수정/삭제 답글

    오!! 강추합니다!! 감사합니다!!

    • 이레오 2007.03.05 19:23 신고 수정/삭제

      ㅎㅎ 누군가가 파란색 토마토를 막 홈페이지에다
      갈기는 것 같네요!!

    • jasu 2007.03.05 19:59 신고 수정/삭제

      ^^네...잘 사용하세요...

  • keit 2007.03.05 20:22 신고 ADDR 수정/삭제 답글

    앗 꾸준한 업데이트가 올라오는군요 이것또한 멋집니다 ^^

    • jasu 2007.03.06 09:30 신고 수정/삭제

      ^^ 감사합니다. 시간 나는대로 올릴 자료가 있으면 올려 놓도록 하겠습니다.

  • 2007.03.06 15:12 ADDR 수정/삭제 답글

    비밀댓글입니다

    • jasu 2007.03.06 21:43 신고 수정/삭제

      죄송합니다. 소스는 개인적으로 만들었으나 사내에서 활용하는 것이기 때문에 공개하기는 어렵습니다. 두번째로 올려놓은 bg.swf의 경우는 이미지를 사용하시는 분이 만들어서 올릴수 있도록 해놓았으니 그것을 활용해 주세요... 죄송합니다.

  • 2007.03.06 15:43 ADDR 수정/삭제 답글

    비밀댓글입니다

    • jasu 2007.03.06 21:42 신고 수정/삭제

      죄송합니다. 그렇게 하기 위해서는 플래시 소스 공개가 불가피하며 소스는 개인적으로 만들었으나 사내에서 사용하고 있는 소스들이기 때문에 개인적인 공개는 어렵습니다. 양해 바랍니다.

  • keegan 2007.03.07 22:06 신고 ADDR 수정/삭제 답글

    ㅎ 감사합니다. 적용해봤어요 ^^

    • jasu 2007.03.07 23:24 신고 수정/삭제

      네...즐거운 하루 되세요...^^

  • Hitsuzi 2007.03.21 20:37 신고 ADDR 수정/삭제 답글

    제가 흰색을 무지 좋아하는데. 어디서 구할수 없을까요?? ㅠㅠ

    • jasu 2007.03.22 02:04 신고 수정/삭제

      http://jasu.tistory.com/132
      위 포스트로 가시면 배경화면을 업그레이드한 자료가 있습니다. 외부에 자신이 만든 이미지를 가지고 적용을 할 수 있으니 설명하는 방법대로 이미지를 만드신 다음에 사용해 보세요... 감사합니다.

  • 시늉 2007.03.27 11:08 신고 ADDR 수정/삭제 답글

    적용해보니 플래시가 안나오네요^^; 처음엔 왼쪽 위 상단에서만 조그만게 나오기는 했었는데
    잘못한게 있나해서 이것저것 해보았는데 안되는군요. 예전 걸로 잘 사용하고있습니다.

    • jasu 2007.03.27 19:18 신고 수정/삭제

      아마도 http://jasu.tistory.com/132 이 배경을 먼저 업데이트 하셔야 할 것 같습니다. 초기 bg.swf는 플래시내에 이미지를 삽입한 형태이고 위 주소에 있는 것은 외부에 있는 이미지를 로드해서 사용하는 형태인데 이미지가 없어서 무비클립들이 나타나지 않은 것 같으니 위 자료의 압축폴더 안에 보시면 jpg파일을 같이 업로드 하시면 될듯 싶네요...감사합니다.

  • 시늉 2007.03.28 03:37 신고 ADDR 수정/삭제 답글

    감사합니다.플래시 공부 열심히 해서 저도 한번 독창적으로 꾸며보고 싶군요.

    • jasu 2007.03.28 20:39 신고 수정/삭제

      네...나중에 만드시면 알려주시면 방문해 보겠습니다...

  • 비의진실 2007.06.01 17:13 신고 ADDR 수정/삭제 답글

    아 스킨 너무 이쁩니다, 잘 사용하고 있는데요..
    저 나비 스킨은 없나요^^;
    그리고 화면 1024사이즈에는 가로 스크롤이 생기네요
    담번 스킨 작업하실때 1024버전도....;
    스킨 감사합니다(__)

    • jasu 2007.06.03 21:14 신고 수정/삭제

      플래시 배경의 기본 사이즈가 있어서 스크롤바가 생기는 것 같네요... ^^ 다음에는 생각해 보도록 하겠습니다. 감사합니다.

  • 2007.07.14 02:35 ADDR 수정/삭제 답글

    비밀댓글입니다

    • jasu 2007.07.14 02:56 신고 수정/삭제

      안녕하세요 말씀 감사합니다. 카테고리 부분의 배경색과 글자색은 티스토리 관리자 모드에서 수정 가능합니다. 환경설정 - > 화면설정의 아래쪽에 보시면 카테고리 색을 변경할 수 있으니 그곳에서 수정해서 사용하시면 됩니다. 감사합니다.

  • 2008.05.10 14:51 ADDR 수정/삭제 답글

    비밀댓글입니다

    • jasu 2008.05.13 15:35 신고 수정/삭제

      배경을 랜덤으로 보여주는 것은 이미지 관계로 배포본에는 플래시 안에 삽입한 상태라 적용이 어려울 듯 싶네요 ;;

웹브라우저에 대한 생각...

Design/Web 2007. 3. 4. 04:30
사이트를 만들 때면 사용자의 컴퓨터 해상도에 대한 고민을 하게 되는데 요즘 들어 와이드 모니터들이 많이 늘어나고 기존의 1024x768 사이즈가 표준이 되던 시대도 이제는 어느 정도 지난 시기인 듯 싶다. 노트북만 하더라도 대부분 와이드 모니터를 사용하고 있고 출시되는 lcd 모니터들을 봐도 그러하다.

사이트의 완료 단계에서 가장 마지막에 사투를 벌이는 퍼블리시 관련 팀들은 이런 부분에 대한 고민을 하지 않을 수 없다. 해상도 뿐만이 아니라 브라우저의 종류에 따라서도 표준에 따른 결과 물을 만들어야 하는데, 우리나라의 경우는 90%가 넘는 사용자들이 IE를 사용하고 있기 때문에 IE에 맞춰서 작업을 진행하면 큰 무리는 없으나 글로벌한 사이트의 경우에는 다른 부라우저도 고려해야 한다.

국내에서도 IE가 7.0으로 버전업을 하면서 급속도로 파이어폭스를 사용하는 사용자들이 늘어나고 있는 추세인 듯 하다. 현재만 하더라도 10% 가량의 사용자들이 IE가 아닌 타 브라우저를 사용하고 있다고 하니, IE에만 맞춰서 작업한다는 것은 사이트의 퀄리티를 떨어뜨리는 결과를 낳게 된다.

나 도 얼마 전부터 파이어폭스를 사용하게 되었는데 그 계기는 블로그를 디자인 하면서부터 이다. IE에서 제대로 나오던 것이 파이어폭스에서는 문제를 만들고 있는 것을 보며 파이어폭스의 문제로만 생각하고 있었다. 그러나 가만히 자료를 찾아보고 문제가 되는 부분들을 수정하다 보니 그 동안 우리가 너무 IE의 표준 같지 않은 표준에 국한하여 생활하다 보니 생겨난 문제라는 것을 알게 되었다.

지 금의 브라우저들을 보면 양극화 되어 있다. IE인 브라우저와 IE가 아닌 브라우저, 이는 다시 생각해보면 비표준과 표준으로 생각해 볼 수가 있다. IE는 그 동안 독점하는 과정에서 표준에 반하는 기술을 표준으로 굳히려는 노력을 했을 뿐 사용자의 눈높이에 맞는 개발을 하지 못했다. 이로 인해서 새로 출시한 IE 7.0을 보면 어느 브라우저와 너무도 흡사하다는 생각을 하지 않을 수 없다.

또한 브라우징의 속도를 보면 차이를 눈으로 확인할 정도이니 IE 외의 다른 브라우저를 접해보지 않은 상태라면 모르나 접해본 사용자라면 상황이 다를 것이라는 생각이 든다. 물론 지금은 국내에서 대부분 IE를 사용하고 있고 IE에 국한된 표준을 따르는 사이트가 많기 때문에 사용자의 불편으로 쉽게 다른 브라우저로 넘어오지 못하는 사용자도 있는 것이 현실이다. 그러나 이러한 문제의 전환은 바로 지금도 진행되고 있다.  마이크로소프트사에서 브라우저에 대한 개발 노력이 미흡한 이상, 앞으로 브라우저의 대세는 서서히 기울 수 밖에 없을 것이다.

이미 온라인과 오프라인의 어플리케이션 경계선은 무너지고 있다. 이런 시점에서 웹브라우저에 대한 사용자의 눈높이는 높아질 수 밖에 없고 그 눈 높이에 맞추기 위해서는 마이크로소프트사도 지금의 안주에서 벗어나지 않으면 앞으로의 미래는 없을 것이다. 

다수의 사용자가 IE를 사용하는 것이 분명하고 그것에 맞춰서 사이트 작업이 진행되어야 하는 것은 당연한 결과다. 그러나 이제는 사용자가 그러한 좁은 문에서 밖을 내다볼 시기라고 생각된다.



    

설정

트랙백

댓글

  • TP 2007.03.04 04:14 ADDR 수정/삭제 답글

    파이어폭스.. 약간 무거운 감도 있지만 놀라운 부가 기능 때문에 계속 쓰고 있습니다. 다른 것을 쓸 생각을 못하겠네요 ;;

  • 문차일드 2007.03.04 04:33 ADDR 수정/삭제 답글

    PC방가면 IE에 여러가지 몹쓸설정으로 인터넷 이용하기가 정말 짜증나서
    요즘엔 바로 파이어폭스 깔고 서핑한답니다 ^^;

  • 필유 2007.03.04 05:03 신고 ADDR 수정/삭제 답글

    IE 쓰다가 처음 FF 쓰면 다소 무거운 느낌이 들긴 하죠. 하지만 FF만 쓰다 보면 적응이 돼서 못 느끼게 된답니다; 어떻게 보면 바로 이 '적응'이 무서운 거죠. 대다수의 사용자가 IE에만 적응되어 있으니까요. 게다가 (웹)개발자의 경우는 덜하지만 (웹)디자이너들의 IE 의존도 역시 심각한 수준입니다.

  • 이레오 2007.03.04 20:21 신고 ADDR 수정/삭제 답글

    저도 불여우를 씁니다만.. 정말 눈물겹습니다..
    웬만한 미아찾기 단체도 불여우를 지원 안하더라구요..
    몇몇 사람들이 애플컴에는 IE도 잘 안보인답니다..
    저는 해상도가 높아서 깨지는 부분이 많습니다..

  • 저도 피시방가면 웹검색을 못하게 됬어요 ㅠㅠ
    IE사용하면 답답해서 ㅠㅠ

  • Han Sanghun 2007.03.05 17:10 ADDR 수정/삭제 답글

    전 파폭을 사용한지 1년이 넘는 것 같군요 ㅎㅎㅎ
    다 좋은데, 초기 구동시간이 느리다는거...
    파폭, 오페라, IE 차례로 실행시켜보면 파폭이 제일 늦게 열려요 ㅠㅠ

    • jasu 2007.03.05 19:57 신고 수정/삭제

      전 익스플로러가 더 늦게 뜨는 느낌이...
      파폭의 시작 페이지를 기본 파폭 페이지로 설정해 놓으면 빠른거 같더군요...시작 페이지에 따라서 다소 늦는 경향이 있는 것 같아요

  • 미디어몹 2007.03.05 17:50 ADDR 수정/삭제 답글

    jasu 회원님의 상기 포스트가 미디어몹 메인에 링크되었습니다.

    • jasu 2007.03.05 19:57 신고 수정/삭제

      가보니 벌써 내려갔나보네요...쿠쿠

  • barabogi 2007.03.08 12:36 ADDR 수정/삭제 답글

    미디어몹에서 보고 찾아왔습니다. 윈도우용 파이어폭스에서는 문제가 없으나, 리눅스용 파이어폭스에서는 다음과 같이 배경이 아니라 앞면에 놓여 글의 앞부분을 가리는군요. 자세히는 모릅니다만, 플래시 소스 코드 수준에서 수정을 해야 문제가 해결되는 걸로 알고 있습니다. 문제점을 수정해 주신다면 더 멋진 배경이 되지 않을까 싶습니다 :)

    http://laue.postech.ac.kr/~barabogi/temp/jasu.jpg

    • jasu 2007.03.08 22:58 신고 수정/삭제

      리눅스를 사용하지 않다보니 정확히 무슨 문제인지는 확인이 안되고 있네요 아마도 플래시를 div 아래에 위치하기 위해서는 플래시 모드의 Transparent를 적용해서 뚫어야 하는데 기존에는 transparent로 소문자로 적용을 하고 있었습니다만 T가 대문자가 아니기이 리눅스 파이어폭스에서는 앞에 나타나는 것이 아닌가 해서 Transparent로 수정해 놓은 상태입니다.

      플래시가 앞에 나타나는 이유는 플래시를 뚫지 못하는 것 때문인 듯 싶은데 확인이 안되네요...;;

      그런데 미디어몹에 어디서 제 블로그를 보셨는지 모르겠네요...;;

스킨 배경 플래시 업데이트

Design/Web 2007. 3. 2. 15:51
1차로 올려드린 bg.swf 파일을 버전업하여 올립니다.

새로 올려드리는 bg.swf파일은 외부에 있는 이미지를 불러와서 사용하게 만들었습니다. 기본으로 올리는 이미지를 사용하셔도 되고 원하는 이미지를 만들어서 올리셔도 됩니다. 사용 방법은 아래와 같습니다.

기존의 bg.swf 파일과 파일명은 같습니다.




bg.swf -> 배경 플래시 파일
img.jpg -> 배경 플래시에서 사용할 이미지 가로 : 1014 x 세로 : 644 사이즈입니다.

위 두 파일은 images/ 폴더에 업로드 하시면 됩니다.

사용하시는 분이 이미지를 만드실 경우에는 위와 같이 가로와 세로 사이즈에 맞게 "img.jpg" 파일명으로 만들어서 올리시면 됩니다. 이미지는 블로우 처리가 되기 때문에 이미지 퀄리티가 좋은 필요는 없습니다. 플래시에서 로딩하는 시간이 걸리기 때문에 이미지 용량은 최대한 작게 하셔서 올리시기 바랍니다. 참고로 첨부하는 img.jpg 파일은 포토샵에서 퀄리티를 1로 저장했기 때문에 용량이 34k 정도 됩니다.


플래시에서는 검정색(#000000) 부분에는 무비클립을 생성하지 않기 때문에 생성하지 않을 곳은 검은색으로 처리하셔서 이미지를 만드시면 됩니다.

감사합니다.

    

설정

트랙백

댓글

  • jasu 2007.03.02 13:15 신고 ADDR 수정/삭제 답글

    태터툴즈에서 적용하신 분이 있으시면 적용 방법을 올려주시면 고맙겠습니다.
    감사합니다.

  • 이레오 2007.03.02 15:43 신고 ADDR 수정/삭제 답글

    음... 잘 돼군요!! 감사합니다 자수님!!

    버그레포트 :
    DEGIGNED BY JASU가 아니라
    DESIGNED BY JASU입니다!!

    • jasu 2007.03.02 15:52 신고 수정/삭제

      네.. 감사합니다. 수정해서 올려놓았습니다. ^^

    • 이레오 2007.03.02 16:12 신고 수정/삭제

      헉! 롤오버 했을 때는 그대론데용??

    • jasu 2007.03.02 16:25 신고 수정/삭제

      아공 죄송합니다. 다시 올렸습니다. ;;

  • 九龍 2007.03.02 20:41 ADDR 수정/삭제 답글

    자수님 궁금한게 있어서 그러는데 배경이미지를 기준으로 색상이 바뀌는겁니까?
    그렇다면 랜덤으로 배경이미지를 읽어들일수는 없는지요?

    ps.테터툴즈 역시 같습니다 플래시파일과 이지미 파일 두개를 해당 디렉토리 이미지 폴더에 업해주면 됩니다. http://자신의 도메인/테터툴즈가업로드된폴더/skin/해당스킨/이미지폴더/

    • jasu 2007.03.02 21:21 신고 수정/삭제

      랜덤으로 배경을 로드할 경우에는 플래시에서 세팅을 해줘야하기 때문에 여러가지로 문제가 있습니다. 양해 바랍니다.

  • Poty 2007.03.03 08:04 ADDR 수정/삭제 답글

    잘 됩니다 ^-^...

    스킨 감사히 잘 쓰도록 하겠습니다...

    Ps. 윗분 말씀처럼 그전처럼의 방법을 써도 테터툴즈 에서 잘 됩니다.

    • jasu 2007.03.03 12:03 신고 수정/삭제

      감사합니다. 즐거운 블로깅 하세요...

  • 시모노 2007.03.03 12:31 신고 ADDR 수정/삭제 답글

    자수님 스킨 잘 쓰고 있습니다.^^

    근데 sidebar의 'LINK', 'CALENDER', '글 보관함' 정렬이 위쪽 sidebar보다 약간 왼쪽으로 치우쳐있는것같습니다.
    이를 수정하려면 어떻게 해야하는지 좀 알려주세요.^^;

    • jasu 2007.03.03 12:43 신고 수정/삭제

      style.css 에서 sideinfo 부분을 찾아보시면 사이드바에 해당하는 style를 설정할 수 있는 부분이 보입니다. 거기서 해당 sidebar, link, calender 등의 설정에서 margin-left의 값들을 수정해 보시면 감이 잡히실 것 같네요
      margin-left는 왼쪽의 마진을 몇 픽셀 벌릴 것인가를 나타냅니다.

  • 모래나뭇잎 2007.03.06 12:56 ADDR 수정/삭제 답글

    잘만드셨네요 이뿌고요 ^^
    근대 이미지가 하나만 되는것입니까?
    img.jpg,img1.jpg 이렇게 되지 않을까 했다가 아니더군요 여러장도 되도록 만들어 줄수 있나여?

    • jasu 2007.03.06 19:52 신고 수정/삭제

      이미지 설정을 플래시에서 수정하여 세팅을 해야 히기 때문에 올려놓은 자료는 한 이미지만 가능합니다. 감사합니다.

  • 엑시아유틸 2007.08.16 15:40 신고 ADDR 수정/삭제 답글

    이쁘네요. 티스토리 사용하는데요. 아래 해당하는 스킨을 써야만 적용가능한 가요? 저는 3단 스킨을 사용하는 데요. 아래의 3,4,5번 파일을 업로드해도 변화가 없어서요

    • jasu 2007.08.16 17:40 신고 수정/삭제

      지정한 1단 스킨을 사용하셔야 기본적인 구조가 맞습니다. 배경을 부각할 수 있도록 표현한 스킨이기 때문에 2단 이상의 스킨에서는 느낌이 안살거 같기도 하네요... 다른 스킨에 적용하려면 다시 만들어야 하는데 그러기에는 제가 어려움이 있네요...죄송합니다.

티스토리 스킨자료

Design/Web 2007. 2. 25. 01:07
Jasu's blog에서 사용한 스킨 자료를 올립니다.

익스플로러와 기타 브라우저(파이어폭스)에서의 호환 문제로 인해서 아직도 정리가 제대로 되지 않았지만 기다리시는 분들이 있으신 듯 싶어서 일단 모자른 자료를 올리도록 하겠습니다.

자료는 모두 5개입니다. 사용 방법은 아래와 같습니다.






사용자 삽입 이미지








-------------------------------------------------------------------------
1. 사용자스킨HTML - 이것은 티스토리 스킨->스킨편집에 들어가시면 상단에 있는 텍스트 자료입니다.

2. 사용자스킨CSS - 이것은 티스토리 스킨->스킨편집에 들어가시면 하단에 있는 텍스트 자료입니다.
-------------------------------------------------------------------------
3. bg.swf - 플래시로 만든 배경 파일입니다.

4. logo.png - 로고가 들어가는 이미지입니다. 배경이 투명한 png 파일로 가로 200px, 세로 200px 사이즈로 만들어서 올리시면됩니다. 파일명은 반드시 logo.png로 하시기 바랍니다.

5. flash.js - 플래시를 임베드 스키기 위한 파일입니다. (수정하실 필요없이 그냥 업로드 하시면 됩니다.)
-------------------------------------------------------------------------
위 3, 4, 5번 파일은 스킨->스킨편집에 들어가시면 하단에 파일업로드를 통해서 업로드 하시면 됩니다.



그리고 여기서 주의할 점은 1단 기본스킨은 아래와 같은 것으로 적용한 후에 위 과정을 진행하시기 바랍니다.

사용자 삽입 이미지

이렇게 파일을 수정, 업로드 하시고 티스토리에서 기본적으로 제공하는 환경설정을 변경하셔서 사용하시면 되겠습니다. 스킨 제공자(Designed by JASU)는 표시해 주시면 고맙겠습니다. 그리고 플래시 배경은 시간이 나는대로 주기적으로 제 블로그의 이 포스트를 통해 업로드 해 놓도록 하겠습니다.

감사합니다.

------------------------------------------------------------------------------------------
태터툴즈에서의 적용 방법
http://jasu.tistory.com/80#comment1462574
스킨을 사용해보신 어떤 분이 올려주셨습니다.
간단한 사용팁인데 저는 태터툴즈를 사용하지 않는지라 이분의 글을 링크겁니다. 태터 사용자분들중 자세한 스킨 적용팁을 올려주시면 업데이트 하겠습니다. 감사합니다.

    

설정

트랙백

댓글

  • 이전 댓글 더보기
  • 2007.03.04 12:10 ADDR 수정/삭제 답글

    비밀댓글입니다

    • jasu 2007.03.05 01:40 신고 수정/삭제

      기본적인 스킨은 위와 같이 공개해 놓은 상태입니다. 그 이후에 수정하는 것들은 개인적인 블로그를 꾸미기 위함이니 양해 바랍니다. 감사합니다.

  • keit 2007.03.04 15:09 신고 ADDR 수정/삭제 답글

    감사 합니다 잘 사용하겠습니다^^

    • jasu 2007.03.05 01:39 신고 수정/삭제

      네... 감사합니다. 즐거운 블로깅 하세요...^^

  • joobba 2007.03.07 11:26 신고 ADDR 수정/삭제 답글

    좋은 스킨...감사합니다.
    근데 제 블로그는 이상하게도 카테고리부분이 덮여 싸이는 것 같은데
    어떻게 해결해야 할지 모르겠네요.

    • jasu 2007.03.07 13:08 신고 수정/삭제

      카테고리 부분의 배경색은 관리자에서 환경설정 - >화면설정으로 들어가셔서 아래에 보시면 카테고리 색 조정하는 곳이 있습니다. 어두운 계열의 색으로 배경색을 바꾸시면 안보일겁니다.

  • joobba 2007.03.07 19:08 신고 ADDR 수정/삭제 답글

    수정되었습니다.
    잘 사용할께요.^^

    • jasu 2007.03.07 23:24 신고 수정/삭제

      네... 즐거운 블로깅하세요..^^

  • hyange 2007.03.13 04:24 ADDR 수정/삭제 답글

    Jasu님 적용이 잘 안되요. 다운로드 받아서 올렸는데.. 관리자 모드에서 적용시키기도 했는데.. 플래쉬가 안 나와요. 경로가 틀렸나해서 images 폴더도 만들어서 넣어봤는데도.. 플래쉬가 안 나와요..ㅜ_ㅜ

    • jasu 2007.03.13 09:26 신고 수정/삭제

      안녕하세요...
      테터툴즈를 사용하시면
      http://jasu.tistory.com/80#comment1462574
      위 게시물에 보시면 다른 분이 폴더 위치를 알려주고 있습니다. 저는 테터툴즈를 사용해보지 않아서 확실한 답변을 못해드리겠네요...
      티스토리 스킨을 테터툴즈에 적용한 사례를 찾아보시면 자료들이 있을 듯 싶습니다.
      티스토리에서는 스킨편집에서 파일 업로드를 하면 images/폴더에 업로드가 됩니다.

  • 추장 2007.03.13 18:12 신고 ADDR 수정/삭제 답글

    제건 왜이래요?
    ie 7.0에서 이상케 보입니다?
    그나마 파폭에선 제대로 보이는데....

    • jasu 2007.03.13 19:44 신고 수정/삭제

      파이어폭스와 익스플로러에서 똑같이 보이는 듯 합니다. 사이드바의 위치와 배치는 기본적으로 제공하는 위치로 하시면 밀리지 않을 것 같은데 원하는 위치로 이동할 시에는 약간의 스킨 편집이 필요할 듯 싶습니다. style.css 보시면 사이드바에 해당하는 스킨 내용이 있으니 적당히 고쳐보면서 확인 하시면 감이 잡히실 듯 싶네요...

  • Hitsuzi 2007.03.21 19:04 신고 ADDR 수정/삭제 답글

    너무 좋아요~~ 잘 사용 하겠습니다~~~

  • MORO 2007.03.30 20:10 신고 ADDR 수정/삭제 답글

    너무도 훌륭하네요
    제가 이거 이뻐서 몇일째 스킨 등록하고
    변경할려고 보니 능력이 많이 부족하네요

    몇가지 질문해도 되나요?
    본문 사이즈를 900까지 변경하는것과
    링크를 님처럼 링크제목없고 할려면 어떻게 하는지 알수 있나요?

    조언 부탁합니다

    그리고 스킨 너무 잘 쓰겠습니다

    • jasu 2007.03.31 16:19 신고 수정/삭제

      링크는 skin.html에 보시면 <!-- 링크 --> 부분이 있습니다. 그곳에서 수정을 하시면 됩니다. 저는 참고로 아래와 같이 수정해서 사용하고 있네요
      <!-- 링크 -->
      <div class="link">

      <ul>
      <s_link_rep>
      <!-- <li> -->
      <a href="" onclick="window.open(this.href); return false"> </a> <font color="#990000"> / </font>
      <!-- </li> -->

      </s_link_rep>
      </ul>
      </div>
      그리고 본문을 900으로 하는 것은 여러가지로 고민해 보셔야 할듯싶습니다. 기존 베이스가 되었던 스킨의 본문 사이즈가 하나를 수정해서 적용할 수있는 형태가 아니기 때문에 div 테그의 테이블 사이즈를 모두 수정해 보면서 고쳐나가셔야 할듯 싶네요...
      감사합니다.

    • MORO 2007.04.01 10:52 신고 수정/삭제

      님 친절한 답변감사합니다
      전체적인 레이아웃 변경은 힘들것으로 보이네요...

      링크는 카피해서 일단 해봤는데
      제능력 부족인가 잘 안되네요~

      해보고 잘 안되면 또 문의 드리겠습니다

      휴일 잘 보내세요 ^^8
      감사합니다

    • jasu 2007.04.01 13:44 신고 수정/삭제

      별말씀을요... 언제든지 환영합니다. 제가 아는 범위에서는 알려드리도록 노력하겠습니다. 감사합니다.

  • 2007.04.11 03:01 ADDR 수정/삭제 답글

    비밀댓글입니다

    • jasu 2007.04.11 12:47 신고 수정/삭제

      이미지 처럼 타이틀의 텍스트 크기와 색을 변경할 경우를 예전에 찾아본 것 같은데 skin.html이나 skin.css에서 수정 할 수 있는 부분은 아닌 듯 싶습니다. 아마도 다른 설정 메뉴에서 가능하지 않을까 싶네요...
      그리고 스크롤바의 디자인 css 적용은 skin.css에 보시면 상단에 body 부분의 css를 적용하는 곳이 있는데 그곳에서 적용하시면 될겁니다. 제가 쓰는 스킨도 스크롤바 디자인을 수정하여 사용하고 있네요...

    • 2007.04.12 09:34 수정/삭제

      비밀댓글입니다

    • jasu 2007.04.12 19:40 신고 수정/삭제

      스킨 내에서 사용되는 스크롤 바를 이야기 하시는줄 알았네요... 외각에 있는 브라우저의 스크롤바 스타일 변경은 저도 알아봐야 할 것 같네요..;;

  • 2007.04.14 20:37 ADDR 수정/삭제 답글

    비밀댓글입니다

    • jasu 2007.04.14 19:48 신고 수정/삭제

      저도 찾아보긴 했는데 티스트리는 따로 호스팅을 하지 않고 티스토리에서 제공하는 구조적 형태에서 제공되는 스킨을 사용하기 때문에 블로그의 전체 레이아웃에 해당하는 스크롤바를 컨트롤 할수 없을거 같다는 생각이 듭니다.
      테터에서는 가능할 것으로 생각됩니다.

  • Hn 2007.04.18 14:53 신고 ADDR 수정/삭제 답글

    사용자스킨HTML파일이 깨져있어서 적용을 못하겠습니다.
    저만왜그런걸까요 ^^;

  • nicesoul 2007.04.19 23:18 신고 ADDR 수정/삭제 답글

    안녕하세요. 두가지 질문을 드리고자..
    저는 사이드바가 한줄에 4개씩 나타나지 않습니다
    카테고리,칼렌더,최근글,최근댓글 순으로 나타나지 않고

    카테고리,칼렌더,최근글
    최근댓글
    이렇게 최근댓글이 줄이 바뀌어서 나옵니다. 물론 최근댓글은 사이드바1에 올려져 있습니다.

    현제 사용중이신 스킨의 사이드바의 투명도가 더 높은거 같은데 조절할 수가 있나요?
    nicesoul.com 에서 한번 확인 부탁드립니다.

    • jasu 2007.04.19 23:30 신고 수정/삭제

      최근댓글이 아래로 내려가는 것은 css에서 사이드바의 가로 길이를 container 가로 길이를 벗어나서 그럴거 같습니다. 익스 7.0, 불여우 2.0에서는 제대로 보이나 익스6.0 버전에서는 벗어나는 길이만큼 아래로 밀리기 때문에 그런 현상이 발생합니다.

      sytle.css 부분에서 아래와 같은 부분을 찾아보시고 width 숫자를 조정하시거나 margin값을 조정해 보시면 해결하실 수 있을 것 같습니다.
      .sideinfo .category{width:180px; margin-left:5px; margin-right:12px; float:left; }
      .sideinfo .recentPost{width:180px; margin-right:12px; float:left;}
      .sideinfo .recentPost .cnt{color:#cccccc;}
      .sideinfo .recentComment{width:180px; margin-right:12px; float:left;}
      .sideinfo .recentTrackback{width:180px; float:left;}
      ============================
      그리고 사이드바 투명도 문제는 style.css에서 "opacity"이 키워드로 찾아보시면 alpha(opacity=88); opacity:0.88; 이렇게 적용한 부분이 나오는데 그 숫자를 조정해 주시면 됩니다. 두가지를 적용한 이유는 앞에 것은 익스플로러에서의 알파 형태고 다음 것은 불여우에서의 알파 적용입니다. 익스에서는 퍼센트로 나타내니 88%이고 불여우에서는 0~1 값을 갖으니 0.88로 적용하시면 됩니다. 이 숫자는 님이 원하시는 농도로 조정하시면 될듯합니다. 감사합니다.

  • sam 2007.05.30 20:53 ADDR 수정/삭제 답글

    보기 드믄 사이트 입니다.ㅎㅎ 모든면에서 친절 하시군요.

    • jasu 2007.05.30 21:07 신고 수정/삭제

      별말씀을요...말씀 감사합니다. 저도 제가 아는 범위 안에서는 알려드리리고 찾을 수 있으면 찾아서 알려드리지만 여유가 없을 때는 모른다는 핑계로 찾는 것을 포기할 때도 많네요...^^ 무엇보다도 그런 것들이 저에게도 공부가 되고 도움이 된답니다.

  • exzon 2007.06.06 04:54 신고 ADDR 수정/삭제 답글

    정말 멋진 스킨 감사합니다~ 바로적용해서 쓰고 있어요~ 로고도 자수님 비스무리 살짝 따라했는데 괜찮겠죠?^^;
    멋진 스킨 잘쓰겠습니다^^

    • jasu 2007.06.06 14:48 신고 수정/삭제

      ^^ 감사합니다. 멋지고 좋은 포스트로 블로그 잘 꾸며나가시길 바랍니다.

  • 페이퍼™ 2007.07.18 04:42 신고 ADDR 수정/삭제 답글

    좋은 스킨 감사합니다...^^;;
    사진 포스트 용으로 넓이도 바꾸고...
    이리저리 약간 손을 봤습니다...^^

    • jasu 2007.07.18 15:09 신고 수정/삭제

      네...말씀 감사합니다. 즐거운 블로깅 하세요...^^

  • Khaos Skyler 2007.08.03 10:55 신고 ADDR 수정/삭제 답글

    정말 아름다운 스킨이네요. 정말 감사히 쓰겠습니다.

    • jasu 2007.08.03 12:08 신고 수정/삭제

      아고...감사합니다. ^^ 잘 사용하세요...

  • blumond 2007.10.19 04:53 ADDR 수정/삭제 답글

    안녕하세요.
    텍스트큐브를 알아보다가 마음에 드는 스킨이 있어서 찾아오게 되었습니다.
    설치형 블로그는 처음이라 이것 저것 하다보니 시간 가는줄 모르겠네요.
    스킨 감사히 잘 사용하겠습니다.
    좋은 하루 되세요.

    • jasu 2007.10.19 09:34 신고 수정/삭제

      감사합니다. 스킨을 보니 카테고리 텍스트 배경색을 지정 안하신듯 하네요 관리자 페이지에 가시면 카테고리 배경색을 지정할 수 있습니다. 그리고 사이드바 아래로 밀려나는 것은 사이드바의 가로 간격을 조정해 보시면 될것 같네요... 배포하려고 했던 것이 아닌지라 어색한 부분이 많습니다. 적당히 수정해서 사용하세요..^^

  • Nerolarc 2008.01.22 21:39 ADDR 수정/삭제 답글

    안녕하세요.
    배경에 플래시를 삽입할 수 없을까 고민하다가 흘러들어왔네요.
    자수님 덕분에 해결 되었습니다.
    사실 스킨틀이 제가 사용하는것과는 달라서 플래시 출력부분만 갖다 썼습니다.
    임의로 수정한점 양해바랍니다 ^^;

    • jasu 2008.01.23 16:11 신고 수정/삭제

      아 잘됐네요 ^^ 괜찮아요 저도 기본적으로 제공하는 css 수정해서 사용중입니다.

  • 오사일사 2008.02.15 15:19 신고 ADDR 수정/삭제 답글

    너무 멋있네요 감사합니다.ㅎㅎ
    그런데 설정하고나니까 블로그전체에 검은색 막같은거를 씌운듯한 느낌이 납니다.
    사진도 좀 어두워졌구요.
    혹시 해결방법 아시나요?

    • jasu 2008.02.18 22:02 신고 수정/삭제

      플래시가 배경으로 깔려야 하는데 transparent 설정이 false로 설정되어 있어서 그런 것은 아닌가 싶네요

  • 십분후 2008.07.22 18:26 신고 ADDR 수정/삭제 답글

    너무나 멋지고 좋은 스킨 감사합니다.

    언제나 즐겁고 행복한 하루 보내세요 *^^*

    • jasu 2008.07.23 13:33 신고 수정/삭제

      감사합니다. 시란님도 즐거운 하루 되세요~