본문 바로가기

이벤트 소식/이벤트 안내

반응형 웹 스킨 공모전 (7.1~7.31)

안녕하세요,  Tistory입니다.

티스토리의 많은 사용자분들이 '반응형 웹 스킨'이 있었으면 좋겠다는 의견을 주셨습니다. 어떻게 스킨을 제공할까 고민하다가, 티스토리에는 이미 아름다운 스킨을 만들고 배포하는 분들이 꾸준히 있어왔기에 공모전을 열게 되었습니다. 
#티스토리를부탁해 반응형 웹 스킨 공모전에 대한 상세한 안내 드리니, 응모하실 분들은 꼭 읽어주시기 바랍니다.



 1. 응모 방법
- 티스토리 PC 첫 화면의 ‘스킨’ 메뉴에 제출하시면 됩니다 http://www.tistory.com/skin.
- + 버튼을 눌러 게시글을 작성해주세요.
- 반응형 웹 스킨 파일이 있는 내 티스토리 글 주소(URL)를 입력하고, 공모전 응모하기를 체크해주세요.





2. 응모 일정
-  공모 기간 : 7.1 ~ 7.31
-  당선 발표 : 8.15
-  당선 확정 : 8.21
-  당선 발표 후 저작권 문제가 없는지 다시 한 번 검토하는 기간을 가진 후 당선을 확정합니다.

3. 응모 조건
아래와 같은 조건을 갖추지 않으면, 응모는 자동 취소됩니다.
- 스킨 메뉴에 제출한 티스토리 글에 접속했을 때,  반응형 웹 스킨 관련 파일을 다운로드 받을 수 있어야 합니다.
- 저작권을 침해하지 않은 본인 창작물이여야 하고, 서비스 운영 방침에 어긋나는 이미지와 문구를 사용하지 않아야 합니다.
- 반응형 웹 스킨이므로, 화면의 크기에 따라 스킨이 최적화 된 모습으로 보여야 합니다.

4. 선정 방식
심사 항목 : 스킨 가이드 준수 20% + 반응형 적합도 40% + 디자인 40% 
- 스킨 가이드 준수 :  개발 심사, 티스토리에 적용 가능하도록 스킨 가이드를 잘 준수했는지 여부
- 반응형 적합도 :  PC(윈도우 크롬 최신 버전) , 모바일( 아이폰6 최신os safari, 갤럭시4 최신 OS 내장 브라우저) 에서 잘 보이는지
- 디자인 : 내부 심사와 사용자들의 댓글 등 반응을 취합한 종합적인 심사

5. 티스토리 스킨 제공 방식
- 10개의 스킨을 선정한 후, 관리센터에서 '반응형웹스킨' 메뉴를 신설하고 해당 스킨을 제공합니다.
- 관리센터에서 제공할 수 있도록, 티스토리 개발팀에서 스킨 코드를 확인하고 혹시 수정할 것이 있으면  원작자에 동의를 구합니다.
- 해당 스킨은 관리센터에 최소 1년 이상 제공되며, 원작자가 희망할 경우 1년 후 삭제 가능합니다.
- 단, 1년 후 스킨을 삭제하더라도 이미 스킨을 적용한 티스토리 사용자의 블로그에서 스킨을 제거할 수는 없습니다.

6. 선물 및 당첨 유의
- 제세 공과금은 본인 부담입니다. 
- 애플워치는 애플 코리아 온라인샵 물량에 따라 수령까지 시간이 다소 소요될 수 있습니다.
- 1등 애플워치는 스테인리스스틸 바디에 원하는 색의 줄을 고를 수 있습니다. (스페셜 에디션 제외)
- 2등 애플워치스포츠는 알류미늄 바디에 원하는 색의 스포츠 밴드를 고를 수 있습니다.
- 4등 카카오 빅 피규어는 랜덤하게 3종이 제공됩니다.
- 1명이 여러개의 스킨을 제출할 수 있으나, 1명에게 여러 개의 상품을 수상하지는 않습니다.
- 당첨자는 타인의 저작권의 침해하지 않았다는 동의서를 제출하고 선물을 수령합니다.
- 저작권을 침해했을 경우 당첨이 취소되고, 법적 책임을 물을 수 있습니다.

QnA
- 티스토리 사용자가 아닌데 어떻게 가입을 하죠? 티스토리 앱을 통해 가입하실 수 있습니다.
- 기존에 스킨 메뉴에 등록해두었던 글을 수정해서 응모해도 되나요? 네 됩니다.


티스토리를 사랑해주시는 분들, 그리고 능력자 분들의 많은 관심 부탁드립니다.
#티스토리를부탁해 공모전 공유도 널리널리 해주셔서, 티스토리가 더 아름다워지도록 해주세요! 

앞으로 더욱더  발전하는 티스토리가 되겠습니다.


이벤트 페이지 가기 > 

  • 이전 댓글 더보기
  • ㅉㅉ 2015.07.08 17:36

    ㅉㅉ 애플워치 1개 걸고 반응형스킨을 하드코딩으로 해달라니;;;;
    칼만 안들었지 강도수준;;;

  • Nightly Luna 2015.07.08 18:12 신고

    비주얼한걸 올려보고싶으나 너무 바쁘네요 ㅠㅠ
    다음번에 커뮤니티를 개설해서 좋은 디자인을 공유해보도록 할게요~

  • 돌고래79 2015.07.10 09:52 신고

    드디어 기다리던 반응형스킨이 나오겠군요~~

  • 백전백승 2015.07.10 12:16 신고

    그까짓 '애플워치'에 만족할 만한 반응형 스킨이 나올지 의문입니다. 스킨만들기가 얼마나 어려운데...

  • 최성권 2015.07.12 21:09

    이딴 전문적인것을 올리라구? 장난하냐?

  • Lawlite 2015.07.20 02:16 신고

    반응형 스킨을 만들어서 공모전 응모란에 올리고 왔습니다.

    다만, 만들고 보니 아쉬운 것은 티스토리 엔진 자체가 낡지 않았는가 하는 점입니다. 지금은 사용되지 않는 legacy 기능들이 혼재되어 있고, 치환자 디자인이 몇년 전 스타일이라, 정작 필요한 부분에서는 치환자를 쓸 수 없는 것들도 있었습니다.

    에디터가 스킨을 따라가지 못하는 것이야 다른 분들도 지적하시고 계시는 사항이니 굳이 언급할 필요는 없겠지만, 왜 해외에서 ghost 같은 툴들이 인기를 얻고 있는지를 벤치마크할 필요가 있지 않나 싶습니다. 물론 markdown 같은 것은 일반 사용자하고는 거리가 먼 것이긴 하지만, 지금 티스토리 에디터는 너무 낡은 게 아닌가 싶습니다.

    지금은 스킨에서 일종의 편법을 통해서 더 이상 사용되지 않는 낡은 기능들을 배제해서 혹은 지원되지 않는 기능은 자바스크립트로 어떻게 구현해가면서 디자인을 하면 되기는 한데, 앞으로는 이런 게 티스토리에서 자체적으로 다 업데이트가 되었으면 좋겠습니다.

    • Joo 2015.07.24 08:53 신고

      완전 공감합니다. 저도 이번에 스킨 수정하면서 그런걸 느꼈어요.

    • Estoque 2015.07.28 11:46 신고

      텍큐는 끊임없이 버전업을 하고 있고, 반응형을 어느정도 지원하는 편인데, 아직도 티스토리는 버전 1.0 바닐라죠 -_-

      티스토리 스킨 만드려고 시스템을 몇번이나 뜯어본 입장에서는 너무 요즘 트렌드하고 동떨어진 구조 때문에 만들때 마다 짜증이 납니다.

    • 가람빛 2015.08.02 19:22 신고

      저도 공감합니다. 우선은 댓글에서 영문으로 '닷컴'이라는 글자만 들어가도 귀하는 차단되었으므로 작성할 수 없다면서 기껏 작성한 글을 모두 지워버리는 문제가 수정되었으면 하고요, 최근 설치형 텍스트큐브가 모바일을 지원하기 위해 바뀌는 모습을 보면 티스토리도 이러한 부분을 적용했으면 하는 생각이 듭니다. 현재 티스토리는 텍스트큐브가 테터툴즈라고 불리던 시절의 오래전 버전을 사용하고 있는데요, 스킨 제작자 분들이 반응형 웹을 만드실 때 시스템이 구시대적이라고 하시는 부분도 여기서 기인하는 것으로 보입니다. 실제로 설치해서 확인해보지는 못했지만 최근 텍스트큐브의 업데이트 내용 중에 모바일 등에서도 원활한 글 작성이 가능한 마크다운의 기능 개선이라던가, 댓글에 댓글달기 기능을 새 창을 열지 않고 바로 작성할 수 있는 기능 등을 보았습니다. 특히 티스토리의 댓글의 댓글달기 기능은 모바일이라는 개념조차 존재하지 않던 시절 테터툴즈의 모습을 그대로 품고 있습니다. 스마트폰으로 PC 웹페이지에서 이를 사용해보려 하면 그 의미를 알 수 있을 것입니다. 반응형 웹페이지는 모바일로 접속하더라도 일단은 PC 웹페이지로 분류되므로, 댓글에 댓글달기 역시 PC전용의 팝업을 통해 작성을 해야 합니다. 외국의 AUTOMATTIC사의 워드프레스닷컴 같은 경우에는 설치형 워드프레스를 기반으로 하는데, 설치형 프로그램의 새 버전이 배포될 때마다 개선된 기능들을 모조리 수용해서 지금은 관리자 페이지와 글쓰기 페이지에 모두 반응형 웹이 적용되어 있습니다. 티스토리도 간담회 등을 통해서라도 텍스트큐브 개발자 분들과의 접촉이 있었으면 합니다.

    • 가람빛 2015.08.02 19:36 신고

      덧붙이자면, 현재 티스토리는 콘텐츠 소비 측면에서는 훌륭한 플랫폼이지만, 콘텐츠 생산 측면에서는 그리 높은 평가를 하기 어렵습니다. 모바일 앱에서 PC로 작성한 글을 수정할 수도 없고, 스마트폰을 통해 PC용 글쓰기 페이지에 들어가더라도 실제로 수정을 하기에는 무리가 있습니다. 현재 티스토리는 Daum이 제작한 편집기를 글쓰기에 사용하고 있는데요, 이는 모바일에서는 실제로 이용하기 힘든 수준이고, 이외에도 span 등의 태그가 불필요하게 붙는 등의 문제가 있습니다. 현재 설치형 텍스트큐브 같은 경우에는 해외의 tinyMCE를 편집기로 이용하고 있는 것으로 알고 있는데요, 이처럼 해외의 오픈소스 편집기를 채택하여 모바일 접근성을 쉽게 하는 것도 한 가지 방법일 수 있겠습니다. 그보다 더 나은 최선은, 현재 카카오에서 출범한 브런치라는 서비스의 편집기를 차용하는 것입니다. 이는 PC뿐 아니라 모바일에서도 온전히 작동할 뿐 아니라, 사용자 경험도 동일하고, PC에서 작성한 글을 모바일에서 수정하는 것 또한 가능합니다. 카카오가 정말로 다음카카오라면, 티스토리를 위해서 새로운 편집기를 제공함으로써 편리하게 글을 쓸 수 있도록 하는 것이 맞다고 생각합니다. 콘텐츠 소비 측면에서는 무어라 나무랄 부분이 없습니다. 공감을 기준으로 좋은 콘텐츠를 골라내는 등, 제가 건의한 것들이 잘 적용된 것 같습니다.

  • 2015.07.20 22:09

    비밀댓글입니다

  • 하로기 2015.07.21 14:20 신고

    5년 넘은 내 블로그 스킨을 바꾸게 해줄 무언가를 기대해봅니다. ㅜㅜ

  • HANOBI 2015.07.21 14:28 신고

    스킨으로 만들줄 몰라서.. 하하..

  • 짐농 2015.07.22 23:23 신고

    개인이 역량을 보다 효과적으로 발휘할 수 있도록
    티스토리 측에서 레퍼런스 스킨(반응형)을 먼저 지원해 줬으면 좋겠습니다.
    사용자한테 먼저 떠넘기고 지켜보는 건 좀... 약간 주객이 전도된 것처럼 보이네요.

    아무튼 공식적인 움직임, 환영합니다.

    • 꼬마얀 2015.07.23 13:37 신고

      그러게요. 어느정도의 가이드가 있어야 할텐데, 아쉽네요

    • Joo 2015.07.24 08:55 신고

      반응형 웹페이지 제작이라는것이 사실 @media 를 쓰면 되는거라...

    • 짐농 2015.07.24 15:23 신고

      Joo //
      미디어 쿼리를 쓰면 레이아웃은 어떻게 되는데, 이미지 리사이즈 같은 것들은 처리가 잘 안되는 문제가 있습니다. 실제로 티스토리에 반응형 스킨을 적용시킨 블로그를 모바일 기기에서 접속해보면 리소스를 엄청나게 많이 잡아먹는 것을 확인할 수 있고, 이런 현상의 주 원인은 압축/리사이즈되지 않은 이미지들의 로딩입니다.

      제가 레퍼런스를 요구하는 저변에는 티스토리 측에서 반응형 스킨의 모바일 친화적 체제정비를 제대로 해 줬으면 하는 바램이 깔려있는 것입니다.

      시스템적인 지원이 미흡한 상황에서 단순히 스킨만 반응형으로 바꾸는 것은... 좀 무리가 있다고 생각해요. 그래서 저는 아직까지도 반응형 스킨으로 넘어가지 않고 있습니다.

  • 나근혜 2015.07.25 12:49

    흠;; 티스토리 아직도 정신 못차렸네요.

    반응형이 얼마나 어려운데.. 이건 framework를 써도 될까 말까 하는겁니다.
    생각하는게 아직도 쌍팔년도이군요..

    티스토리가 프레임워크를 만들고나서, 개발자들한테 써달라고 해도 될까말까 한판에.. ㅉㅉㅉ

  • 2015.07.25 12:51

    이건 진짜

    갑질하는 대기업 마인드랑 똑같네요.

    싸게 인력 굴려먹고 자기들은 탱자탱자 놀고.

    이러니 한국 IT가 ㅄ 같다는 소릴듣지

  • 타블로그에 비해 사용상 불편함이 많았었는데 반응형 웹스킨이라~
    실력있는 분들이 많이 응모하셔서 사용하기도 편리하고 보기에도 예쁜 스킨들이 많이 나왔으면 좋겠네요.
    응모자 여러분들~ 미리 파이팅! 부탁드리고 수고해 주세용~^^

  • 래밍쥬스 2015.07.30 20:46 신고

    많이 기대가 됩니다.~!!

  • JinH 2015.07.31 01:41 신고

    저 애플워치는 분명 맛이 신 애플워치일거야! 애플워치가 필요없어서 참가 안 하는 것 뿐이라구!

  • donghoony 2015.07.31 09:55 신고

    저도 참가해보았습니다, 이렇게까지 웹 디자인을 크게 잘하지는 않는 편인데 솔직히 이번에 애플워치가 상품에 걸려있어서 조금 더 노력했던 것 같고, 작품이 잘 나와서 만족스럽네요. 앞으로도 이러한 이벤트가 많이 있어서 티스토리가 더 알려지고, 유저들은 스킨을 더 잘 만들어 이런 좋은 경쟁의 장이 생겼으면 하는 바램이 있습니다. 항상 수고하십니다. ^^

  • Lawlite 2015.08.01 07:49 신고

    반응형 공모전 스킨 페이지 http://www.tistory.com/skin/all?isResponsiveWeb=true 에 올렸던 스킨에서 썸네일을 좀 더 산뜻하게 바꿔볼까 싶어서 내 스킨 페이지 http://www.tistory.com/skin/my 에서 반응형 공모전 스킨 페이지에 올렸던 스킨을 [수정] 버튼을 통해 단지 썸네일만 바꾸고 다시 저장을 했는데,

    반응형 공모전으로 올렸던 설정이 사라지고 일반 스킨으로 등록이 바뀌어버렸습니다.

    스킨 등록 페이지와 수정 페이지 모두에서 8/1부로 반응형 공모전 등록 여부를 묻는 체크박스가 빠져서 이런 버그가 생긴 것 같은데, 7/31까지 반응형 공모전으로 체크하여 등록된 스킨을 [수정]할 때에는 당연히 반응형 공모전 체크박스 및 해당 설정이 유지되어야 하는 것 아닙니까?

    명백한 티스토리 스킨 페이지의 오류로 생각됩니다. 고객센터로 자세한 문의를 보냈으니 처리하여 주시면 감사하겠습니다.

  • tzniuta 2015.08.02 00:24 신고

    티스토리는 여기 좀 배워야 할것같네요.

    https://medium.com

    스킨이 문제가 아닌것같은데..

  • 김절망 2015.08.03 04:33 신고

    일단은 오해한 것 같아서 댓글은 삭제합니다.

    • 김절망 2015.08.03 04:36 신고

      Lawlite//
      어제까지 오류인지 공모전 응모 체크박스가 있던걸로 기억하는데, 일단 오해한 것 같아서 사과드립니다. (기억상으론) 8월 2일에도 올릴 수 있던것으로 보았는데, 그부분에 있어서 게시글의 날짜를 보고 한 번 더 오해한 것 같아요.

      그부분에 있어서 사과드릴게요.ㅠㅠ

    • Lawlite 2015.08.03 04:45 신고

      오해하셨다는 점을 이해해 주신데에 감사드립니다.

      제가 8/1 아침에 스킨 공모전 페이지에 있는 http://www.tistory.com/skin/my 페이지에 있는 '수정' 버튼을 통해서 올렸던 338번 스킨의 썸네일 이미지를 교체하였는데 (7/31일에 올렸던 썸네일은 흰색 이미지고, 8/1일에 수정한 썸네일은 하늘색 이미지입니다. 또한 스킨 다운로드 zip 파일은 7/31일에 원래의 글에서 공개배포를 시작하였습니다.)

      이 때 보니까 그 반응형 공모전 응모 체크박스가 나타나지 않았습니다. (이에 관해서는 몇 칸 위에 댓글을 제가 쓴 게 있습니다.)

      그래서 저는 8/1로 날짜가 바뀐 후부터는 서버 상에서 skin/register, skin/modify 시 반응형 공모전 카테고리로 등록하는 체크박스가 삭제되었다고 알게 되었습니다. 8/2에는 같은 작업을 해보지 않아서 모르겠습니다만... 8/1 오전에는 체크박스가 없었습니다. (그래서 제가 다음카카오 고객센터로 문의를 따로 넣었고요.)

      그리고 어차피 당연히 서버 상에는 (제대로 설계가 되어 있다면) 최초 글 작성 시각과 최후 글 수정 시각이 따로 저장이 될 것이기 때문에 응모시점은 심사하시는 분들이 판단하실 수 있을 것이라 생각됩니다. (티스토리 구조는 모르겠습니다만... 많이들 쓰시는 XE 게시판 같은 경우에는 최초 작성시와 최후 수정시가 따로 저장되어서 겉으로는 최후 수정 시각만 보여도 서버에는 최초 작성 시각이 따로 저장되어 있습니다.)

    • 김절망 2015.08.03 04:45 신고

      Lawlite//
      앗 그렇군요! 제가 날짜를 착각한 것 같아요.

      혹여나 7월 31일 이후에 제출했는데, 그부분에 있어서 먼저 올리신 다른 분들이 피해를 볼 수도 있다고 생각해서 일단은 작성하긴 했는데, 좀 더 알아보고 했었어야 했던거 같아요ㅎㅎ...

      다시 한번 죄송합니다. (__)

    • Lawlite 2015.08.03 04:53 신고

      별 말씀을요. 충분히 제기하실 수 있는 말씀이셨습니다. 제가 그거 7/31 24:00 되기 전에 스킨 zip 파일 공개글로 올리려고 엄청 바쁘게 올렸었는데... (아마 딱 23:58인가 23:57에 작성완료를 했었습니다.) 제 딴에는 당시에 나름 속이 타서 후딱 올리려고 노력을 했었는데, 날짜를 넘긴 것이 아니냐고 하셔서... 저도 해명을 하느라 댓글을 단 것이고요. 늦은 밤인데 안녕히 주무십시오.

      ps) 제 기억으로는 제가 23:57 경에 작성완료를 한 후에 24:00 경에 스킨 목록 페이지를 새로고침해보니 제 것 이후로 스킨 2개가 더 있었던 것으로 기억합니다. 그게 어떤 분의 것인지는 기억이 나지 않습니다만...

    • Lawlite 2015.08.03 04:58 신고

      오해하셨다니 댓글은 저도 내려 놓도록 하겠습니다. (수정을 하니까 첫 댓글이 제일 밑으로 내려 오네요; 어차피 밑의 댓글들이 같은 내용이니 밑의 댓글들을 남겨 놓겠습니다.)

  • 루ol보스 2015.08.04 00:16 신고

    저도 lawlite 님처럼 7월 31일에 공모전 등록 후에 프리뷰 이미지만 바꾸려고 했는데 공모전 제외가 되더라구요.
    좀더 설명이 있었으면 좋았을거 같습니다.
    공모전 등록이 일반등록으로 바뀌길래 그냥 공개글도 삭제했네요..
    다소 아쉬운 부분이었지만 공모전이 성공적으로 치뤄지길 기대합니다.