coronach.png

확대하여 원본 사이즈로 보세요.

 

편의성 계획

새로 작업하는 레이아웃은 기존에 이퀴어 레이아웃이 가지고 있던 강력한 커스터마이징을 포기하고 대신 몇 번의 설정만으로 쉽게 미리 작업된 세팅을 사용할 수 있도록 했습니다.

 

여러 종류의 페이지 레이아웃을 가질 것이며, 이것들은 모두 레이아웃 설정을 통해 수정할 수 있습니다.

 

 

디자인

2018년도 떠오르는 다양한 컨셉들을 적극적으로 수용하여 해외 앱에서도 쉽게 접하지 못한 트렌디한 디자인과 정교한 가이드라인으로 정제된 디자인 시나리오를 완성할 것입니다.

 

아직 디자인 중간 단계이긴 하지만 프로필 이미지와 위젯 썸네일을 보면 알 수 있듯, 그림자가 썸네일의 색상을 따라갑니다. 그림자의 활용 또한 과감해지고, 베이스 컬러의 컬러감도 상승했습니다.

 

 

cr.gif

 

마이크로 인터랙션

사용자에게 더욱더 직관적인 피드백을 제공하는 정교한 인터랙션이 적용됩니다.

 

 

 

이퀴어 레이아웃을 제작하면서 모든 이들의 요구를 수용하기에 벅찬 경우를 여러 번 겪었습니다.

따라서 이퀴어 테마와 구분되는 목적을 가지며, 전혀 다른 방향성으로 개발을 할 수 있는 테마가 필요해졌습니다.

이퀴어 테마는 다양한 목적에 대응하면서 강력한 커스터마이징 기능을 가진 대신, 손이 많이 타는 테마였습니다. 때문에 얼리액세스이며, 개발자에게 친숙한 코딩으로 초심자보단 어느정도 숙련된 이들에게 맞추어졌습니다.

 

이번 테마는 이에 반대되는 성격을 가질 것입니다.

커스터마이징에 큰 제약이 걸리지만, 대신 누구나 손쉽게 디자인을 적용할 수 있는 테마가 이번 작품이 될 것입니다.

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
    본인이 느끼신 감정 그대로 저도 느꼈다고 이해하시면 됩니다.

    굳이 공개적인 자리에서 완성도 안된 작품을 평가받고 싶지도, 지적질 당하고 싶지도 않습니다. 그것도 제가 알고있는 지식 선에서는 납득할 수 없는 의견이기에 더더욱 기분이 상합니다.

    디자이너의 의도가 모든 이들에게 이해될 수 있는 것은 아니며, 모든 사용자를 수용하는 것도 한계가 있음을 압니다. 그렇기에 디자인 요소 하나하나에 수많은 도전과 뒷걸음질을 번복하는 것이고 그런 고민들이 남들이 보기에는 아주 단순해보이는 것을 만듭니다.

    그런 노력과 제 디자이너로써의 가치관을 굳이 시험받고 싶지 않습니다.
  • profile ?

    [
    하악....왼쪽 메뉴.......

    이 좋은걸 왜 다들 안하시는지....오랜만에 왼쪽메뉴가 있는 레이아웃을 보니 반갑네요..

    그나저나 왼쪽 메뉴를 두실때에는 상단 메뉴 마우스 동선을 오른쪽 정렬이 아니라 왼쪽 정렬이 더 맞을듯 합니다. 메뉴를 보기위해 이미 시선은 왼쪽으로 많이 치우쳐 있을테니까요.

    참고가 되시라고 적어 봅니다.

    ]
    본인 글에 대한 제 원 댓글입니다. 그나저나 판매자이자 개발자인 분에게 좋은 작품에 대해서 좋은 마음으로 피드백 드린건데 갑자기 본인 감정 이야기를 왜 합니까? 네이베이게션의 인터렉션말고 유저와 인터렉션 하는법도 좀 배웁시다. 

    제 원글이 본인 작품이 틀리다고 이야기한것으로 보이나요? 저게 지적질하는것같나요?  이거 뭐 무서워서 해당 제품 구매하겠나요 ? 반가워서 살려고 했것만...

     

  • ? ?

    그저 서로의 표현 방법이 엇갈렸다고 생각하옵니다 진정하세요...

  • ? ?
    네. 그리 하겠습니다.
  • profile ?
    댓글을 수정하셔서 다시 답니다.

    전혀 SNAX님의 디자이너로써의 가치관을 시험 하고자 한적 없으며, 지적질을 하고자 한 의도도 한적도 없습니다. 오해 없으시길 바랍니다.

    이만 줄이겠습니다.
  • ? profile
    하도 감내놔라 배내놔라하는 사람들 때문에 멘탈이 유리가 되어가다보니 좀 격하게 반응했네요. 죄송합니다.
    디자이너로써의 프라이버시가 강한 탓에 디자인 이야기면 종종 예민하게 굴게 됩니다.
    이 성격 때문에 클라이언트측 디자이너랑도 몇 번 싸웠었네요... 예민하게 굴긴 했지만 저 긴 글은 장난 삼아 쓴 것은 아닙니다. 제 의도를 뒷받침할 목적으로 쓴 제 디자인의 방향성이에요.
  • profile ?
    저도 죄송합니다. 그 부분은 항상 유저들이 염두에 두어야 하는데 저도 간과하였습니다.
    늘 고생이 많으십니다.
  • profile ?

    ㅎㅎ 모든 사용자의 니즈를 들어줄 순 없으니까요. 저도 예술계열로 있었다가 전향한 것이라 SNAX님의 심정 충분히 이해하고 있습니다. 저도 이쪽에 어느정도 오래 있다보니 꼭 자신의 작품이 아니더라도 사용자들의 요구사항들을 분석하고 미리 대비하는 시간을 가지게 되더군요. 레이아웃이라는 것이 자신의 디자인 철학과 분위기를 가지고 있기 때문에 그런 영역을 침범하는 느낌을 줄수도 있는 게 사용자의 피드백인데 이렇게 배포하거나 하는 자료에 있어서는 사용자의 느낌도 들어달라는 것을 socialskyo님이 표현하고 싶었으나 SNAX님에게 공격적으로 보였을수도 있겠네요. 부디 상처받지 마시고 좋은 작품으로 찾아뵙기를 기대하겠습니다.

  • profile
    하아~ 탐나네요. 구매는 언제부터 가능해지나요?
  • profile profile
    이번달은 어려울 듯하고 적어도 다음달에 공개할 수 있을 것 같습니다.
  • ?
    언제 공개되는지 알려주세요
  • profile
    요기다가 풀사이즈로 적용할 수 있는 멋드러진 비쥬얼 슬라이드 하나랑 이퀴어때 처럼 페이지를 이쁘게 꾸밀 수 있는 문서 서식 몇가지만 있으면 딱이겠어요! 아 그리고 직접 들어가서 보니 이번에도 모바일에서는 로고가 좌측정렬이던데 중앙 정렬 기능을 추가해 주실 순 없을까요?~ 전 역시 모바일에서 로고가 가운데에 있어야 제일 이뻐 보이나 봅니다
  • profile profile
    필요할 것 같아서 코드 남겨놓았습니다ㅎㅎ
  • profile
    좋은 디자인 감사합니다.
    (2-3단 메뉴 펼침 이번에는 들어가는지 궁금합니다. ㅠㅠ)
  • profile profile
    메뉴의 활용이 중요한 레이아웃이기에 펼침 기능을 필수적으로 들어갈 예정입니다.
    이퀴어의 미리보기 페이지에서 디자인이 조금 다른걸 알 수 있습니다. 이퀴어와 새로 출시될 테마는 같은 프레임워크를 공유하기 때문에 이퀴어도 함께 접는 메뉴를 제공할 예정입니다.
  • profile profile
    감사합니다. 이퀴어와 더불어 사용할 날을 기다립니다. ^^
  • profile
    로그인 아이콘들이 예뻐요 :)
  • profile
    깔끔하고 이뻐요.. 유료로 나온다면 얼마정도에 나올까요?
  • profile profile
    아직 확정된건 아니지만 4~6만원대로 출시할 예정입니다^^