스크린샷 2020-05-12 오전 6.48.41.png.jpg

 

베일에 쌓여있던(?) 신규 테마를 제 사이트에 시험 적용했습니다.

커뮤니티 페이지에만 적용했습니다.

 

이번 컨셉은 깔끔한 디자인보다는 시끄러운(?) 커뮤니티 사이트의 분위기를 지향하고 만들었습니다. 지금까지 작업해오던 디자인과는 다르게 상당히 빼곡한 디자인입니다. SNS 웹 버전에서 볼 수 있던 3단 형태의 레이아웃과 한국식 커뮤니티가 융합한 디자인이라고 보시면 됩니다.

 

이런 디자인이 나온 배경은 새로운 형태의 디자인을 하고 싶었던 것도 있고,

어느정도 점유율을 가지게 된 제 테마가 중대형 커뮤니티에서 어떤 식으로 커스터마이징되어 사용되고 있는지 확인하면서 커뮤니티 운영자와 이용자들의 니즈를 분석하다보니 여기까지 왔습니다. 감성과 기능 모두를 챙기려다보니 애매한 포지션이 되어버린 것 같기도 하지만(?) 피드백을 받으면서 좀 더 커뮤니티스러운 테마를 만들어보려고 합니다.

 

CSS 자체 변수 기능을 사용하고 있기 때문에 IE에서는 동작하지 않습니다.

 

실험적인 컨셉과 기능을 가진 테마입니다. 이 테마를 다 완성하고 나면 네이버, 디씨 등 대형 포털 및 커뮤니티의 고전적인 방식을 재해석한 디자인도 만들어보려고 합니다.

 

 

위 디자인은 https://calvinsnax.com/membership 페이지에 적용되었습니다.

snax

profile
안녕하세요! Digital Product Designer, Calvin Snax입니다.
제 작업물을 확인해보시거나 작업을 의뢰하고 싶으신 분들은 제 사이트를 방문해주세요.
https://calvinsnax.com

XE & Rhymix 제작 자료
#HASHTAG 레이아웃: https://calvinsnax.com/hashtag
Alice 게시판 스킨: https://calvinsnax.com/alice
Slow 테마 패키지: https://calvinsnax.com/slow
coronach 레이아웃: https://calvinsnax.com/coronach
equeer 레이아웃: https://calvinsnax.com/equeer
eden 게시판 스킨: https://calvinsnax.com/eden
  • ?

    와.. 들어가서 봤는데 완전 좋습니다.. 다만 신규 테마에서 로그인이 안됩니당...

  • ? profile
    로그인이 어떤 식으로 안되나요? 제 계정으로는 잘 되는데 확인이 안되네요ㅠ
  • profile ?
    아예 로그인 버튼을 누르면 로그인메세지가 뜨고 검색창이열립니다
  • profile ?

    스크린샷(128).png.jpg

  • ? ?
    저도 이분과 동일하게 됩니다
  • ? profile

    코드에 오타가 있었네요. 제보 감사합니다^^

  • profile
    오오오!!!
    제가 드디어 원하던 스타일의 테마이군요

    약간 트위터 디자인 느낌이 나서
    더 친숙하게 느껴집니다 ㅎㅎ

    빨리 구매하고 싶네요 ㅋㅋ
    언제쯤 출시를 목표로 하고 계신지 여쭤봐도 될까요??
  • profile

    사용자정의에는 아직 스타일이 적용 안된것 같고

    비밀글기능과 댓글허용 사이에 약간의 공백이 있어야 할 것 같습니당

     

     

    무제 43.png.jpg

  • profile profile

    이번달 내 출시 목표입니다^^

    위 확장 변수 및 작성 관련 일부 작업되었습니다. 또 다른 특이점 있으시면 말씀해주시면 감사드리겠습니다^^

  • profile
    오 뽐뿌 오네요. 어쩌죠ㅋㅋㅋㅋㅋ
  • profile
    오 이쁘네요 ㅎㅎㅎㅎ
  • profile
    개인적으로 스낵스님의 테마와 그리고 휴리파파에서 마카롱으로 변경이 된 분의 테마를 정말 좋아합니다. 물론 아직 스낵스님의 테마를 사용해 본적은 없지만 나중에 제 사이트에 맞는 테마가 있으면 사용해보고 싶습니다.
  • ?
    vue.js 를 cdn으로 가져다쓰게되면 단점으로는 소스가 보인다는것이겠죠.. 아무래도.. 레이아웃한정이라면 상관없긴하겠네요 :) 굿입니다.
  • ? profile
    클라이언트는 어떤 방식으로든 노출되어 있는 영역이라서 큰 의미는 없다고 생각합니다.(물론 주요 소스는 SFC로 덮어져 있습니다ㅋㅋㅋ) 그래서 react같은 애들은 아예 프로덕트로 배포된 클라이언트도 개발자 도구로 뜯어볼 수 있게 만들어 두었더라구요.
  • profile
    이게 이번달에 출시 예정인 보드 스킨 인가요?
  • profile
    모바일에 접속하면 웹진형태로 사진이 나오고 옆에 제목이 나오는데 pc로 접속했을때 그냥 리스트형태로 나오는거는
    일부러 그렇게 설정하신건가요?
  • profile profile
    보통 모바일에서는 기본 세팅이 테이블 형식을 사용합니다. 보신 건 웹진이라기 보다는 테이블 형식입니다. 모바일 특성상 테이블 형식에 작은 섬네일을 제공하는게 일반적이구요.

    제가 사용하는 레이아웃 보드스킨 세트 상품도 비슷한 구성입니다. PC의 테이블형식과 모바일의 테이블형식이 차별화 되어 있다고 보시면 됩니다.

    물론 PC에서도 섬네일까지 제공하는 테이블 형식을 제공하긴 합니다. 그런데 잘 안쓰는 경우가 많죠.


    보통 웹진이라고 할 정도면 제목,섬네일,타이틀,글정보 여기에 + 본문요약 정도까지 들어가는 스타일을 웹진이라고 하죠.

    정확한건 제작자분께서 의도를 설명해 주시겠지만 다른 스킨들도 별반 다르지 않아서 끼어 들어봤습니다.
  • profile profile
    오옹 그렇군요 설명 감사합니다: )
  • profile profile
    전작 에덴 게시판 스킨 때부터 모바일에서는 자동으로 리스트형이 출력됩니다. 이전에는 프로필 이미지를 보여주었지만 지금은 썸네일을 표시할 수 있게 변경되었습니다.
  • profile profile
    그렇군요 감사합니다
  • profile
    커뮤니티는 3단이 대세인가요? ㅎ
    제가 쓰는 점장님 레이아웃 세트도 비슷한 구조네요.
  • ?

    https://calvinsnax.com/download 에서 다운할려는데 다운이 안됩니다.

  • ? ?
    당연히 구매를 안하셨으니 안되죠
  • ? ?
    구매했죠. 안하면 접근도 안되는데.. -_-
  • ? ?
    저걸 어떻게 구매하세요
    판매도 안한 상품인데요
  • ? profile
    제가 볼때는 정확히 앞에 무엇을 구매했는지 말씀 하셔야 할거 같습니다 헷갈립니다.
  • ? profile
    파일 복구되었습니다. 다시 다운로드 시도 부탁드립니다^^
  • ? ?
    오래전에 했죠 -_-
  • profile ?
    네 감사합니다.
  • ? ?
    이퀴어시라면 이퀴어라고 말을 하셔야죠
    신규테마 댓글에 다시면 어떻게 알아요
  • ? ?
    저 링크가 판매하는 모든 상품이 있는 링크입니다.
  • ? ?
    저도 압니다
    따로 쪽지를 드리던지
    이 테마에 관련되지 않은 것은 안달아주시는게 안 헷갈릴수 있을거같습니다
  • ? ?
    글보시면 실험적인 태마라고 하셨잖나요. 누가 봐도 아직은 판매하지 않고 있는건데,, 그냥 쪽지 보내느것보다 댓글로 단거에요 다운이 안되서.
  • ? ?
    실험적인 테마가 다운이 된다고요??
  • ? profile
    실서비스에 실험적인 테마를 적용한 건 판매자분 입니다.
    구매자가 그로 인해 불편이 생긴거 해당 링크까지 언급하면서 안된다고 피드백 한게 무슨 잘못입니까?
    왜 남의 정상적인 피드백에 이런 댓글을 달고 계신지 ....
  • profile ?
    아 그런거군요
    저는 저 테마를 어떻게 다운받으신다는건지 궁금했던겁니다
  • ? ?
    개발자님은 아시자나요. 제가 개발자님은 글에 댓글을 단건데 무슨 문제 있나요
  • ? ?
    네 제가죄송합니다
  • profile

    와 이번스킨도 너무예쁘네요. 빨리 구매할수 있었으면 좋겠어요

  • profile
    오 PC 트위터랑 닮았네요
    트위터 레이아웃이 예뻐보여서 이런 형식으로 나오면 좋을것같다고 생각했는데, 마침 나왔네요! ㅎㅎ
  • profile
    으아.. 디게 이쁘네요.
    + 엣지 브라우저에서 로고 부분이 정상적으로 출력되지 않고 있네요.
  • profile profile
    엣지 버전이 혹시 어떻게 되시나요? 엣지가 웹킷 기반(크롬)으로 바뀌게 되면서 크롬과 흡사하게 동작하는 것으로 알고 있어서 버전별로 최적화 방법이 조금 다릅니다.
  • profile profile
    웹킷기반 엣지가 아니라 기존 엣지입니다.
    제가 사용하는 PC가 아니라 잠시 빌려쓴 PC에서 확인한거라 버전은 잘 모르겠네요ㅠ
  • profile profile
    아하 제가 맥만 사용하고 있어서 앳지는 나중에 윈도우 컴 구매해서 테스트해봐야겠습니다