오래간만에 글을 쓰네요! (학교 과제가 넘쳐서 바빴...)

전에 XE타운에서 이온디님 카톡 아이디를 받았습니다.

디자인 보여드리고 피드백을 받았는데, 레이아웃을 만들어 본 적이 적어서 그런지

디자인은 고사하고 사용자 측면에서 문제가 많이 생기더군요;(불편함)

나중에 이온디님이랑 작업할 수 있을 때까지 혼자서 공부 좀 해봐야겠다고 다짐하고 여러모로 실험 중입니다.

 

스크린샷 2015-11-21 오전 3.39.20.png

 

일단 작업을 오늘 시작해서 더 더 더 고쳐야하는데...(반응형으로 만들 생각입니다.)

pc버전 아직 반도 완성되지 못했고, 모바일은 당연히 시작도 못해서 언제 완성될지 모르겠습니다만

완성되면 잊지않고 요기 포인트 마켓에 올리겠습니다 ㅎㅎ

 

http://confirm.design << 여기서 미리 볼 수 있지만, 아직 미완성이고 버튼도 다 안먹혀요 ㅎㅎ

 

 

  • Lv16
    괜찮네요..!

    다만, 헤더의 경우 본문과 차이가 나다보니 사용자 입장에서는 불편할 것 같습니다~~
  • Lv16
    엇! 좀더 자세히 알려주세요 ㅎㅎ 대충 틀만 맞추고 하나씩 세세하게 수정하려고 하거든요.
  • Lv16
    마우스 동선이라고 해야하나요? 그것이 멀어지면 멀어질 수록 이용자 입장에서는 불편해집니다.

    무엇보다 해상도에 따라 상당한 차이가 나게되지요~~ FHD에서도 불편한데... 2K나 4K에서는 ..ㄷㄷ
  • Lv16

    이건 좀 비약이 심하긴 한데..

     

    eee.jpg

     

     

    이런 사용자도 있을테니까요

  • Lv16
    헤더부분과 아래 콘텐츠 부분 간격이 넓은 부분 말씀하시는건가요?
  • Lv16

    따라서 HEADER의 내용도 컨텐츠와 맞춰주는 것이 좋습니다.

    (푸터야.. 실질적으로 메뉴 기능이 없다면 상관 없지만, 메뉴 기능이 있다면 맞춰주는 게 좋습니다!)

  • Lv16
    아! ㅎㅎ 그 부분이었군요.
    그건 인지하고 있습니다. 제 모니터에 맞게 맞추고 나중에 넓이에 따라 미디어쿼리로 수정하려구요. 생각해보니 제가 너무 계획성없이 작업하는 것 같네요 ㅋㅋㅋ 수정을 전제로...
  • 제가 콘텐츠부분보다 좀 양 옆으로 퍼졌(?)으면 해서 저렇게 했는데, 생각해보니 미디어쿼리 다 때려치고 그냥 div하나 자식으로 만든다음 width를 콘텐츠보다 넓게하고 margin:0 auto하면 되겠군요;; 왜 저렇게 했을까요. 감사합니닼ㅋㅋㅋ 내일 다듬어봐야겠어요. 여기에 글 올리길 잘했군요 코노하님 짱짱(생각해보니 닉변하셨군요!)
  • Lv16

    네 맞습니다:) margin: auto는 최고입니다.

  • Lv16
    미디어 쿼리로.. 즉 반응형은 처음부터 설계가 중요합니다.

    나중에 수정하는 식으로 가면 답이 안나와서 결국은 없애버리는 경우가 많습니다.

    개인적으로 저는 PC든 모바일이든 정보의 차별이 있어서는 안된다 입니다.

    즉, PC에서 제공되는 메뉴는 모바일에서도 동일하게 제공되어야 한다는 것이지요.
  • Lv16
    옳으신 말씀 뿐이시네요.
    저도 어느 사이트 들어갔다가, 반응형으로 되어있는데 pc에는 있는 것이 모바일에 없어서 고생을 한 기억이 납니다. 제가 만약 프로젝트를 진행했다거나 기업에서 저따구(?)로 코딩했다가는 욕 엄청 먹었을 겁니다ㅋㅋ
  • Lv16
    사용자 입장으로 접근해야 하는 거지요 ㅎㅎ

    저도 사용자니까 최근에는 PC보다 모바일로 웹서핑을 자주 하는데,

    PC에서는 있는 메뉴가 모바일에서는 안보일 때 정말 답답하더군요..

    굳이 PC 보기 모드로... 해야하고.... 반응형 같은 경우 PC보기 모드해도 노답인 경우도 있어서..-_-;;;


    제 사이트만 봐도 모바일 접근이 70%에 육박한데,,, (애초에 접속자 수가 적지만...T^T)

    모바일에 대한 차별은 결국 불편으로 이어지고 모바일로는 사이트 접속을 안하게 되는.. 그런 일이 발생해버립니다.


    물론 저도 이렇게 말하지만, 반응형 설계는 잘 못해요..ㅎㅎ
  • Lv16
    반응형 설계로만 논문 주제가 될 수 있을 것 같아요. 역시 전 뭔가 만들어보고, 불편을 겪고 고치는 과정이 필요한 것 같네요. 저는 아직 만들당시 뭐가 불편한지 잘 안보이는지라... 갈 길이 머네요 ㅠ
  • Lv16
    반응형에서 가장 중요한 것은.. 제 생각에는 모든 요소를 블럭으로 나누는 것이 중요한 것 같습니다.

    최대한 블럭으로 나누게 되면 다양한 형태로 변형이 가능하니까요..!


    말은 이렇게 장황하게 하지만 사실 저는 반응형을 따로 배우거나 한 것은 아닙니다..ㅎㅎ
    그냥 하다보니 느낀점을 서술하는 거지요~~ㅋㅋ
  • Lv16
    블럭이라... 반응형을 몇 번 해보지도 않았지만 심히 공감가네요. / 개발자분들이 하다보니 느낀 점은 저에겐 보물입니다. ㅎㅎ메모메모
  • Lv16
    ㅋㅋ 하지만 전 개발자가 아닙니다.
  • Lv16
    개발자라 해주십시오. ㅜ.ㅠ 제가 개발자가 되려면 최소 10년은 있어야할 듯 합니다. ㅋㅋㅋㅋ
  • Lv16
    엌.. 정말로 저는 개발자가 아닙니다.ㅎㅅㅎ
    그저 어렸을 때부터 홈페이지에 관심이 있어서 이것저것 막 만져보다가 이제야 조금 수정이나 해서 쓰는 정도입니다..ㅎㅎ

    엄연히.. 저는 시각디자인을 전공하여 미술학사 학위가 있는......일단은 디자이너입니다(만 디자인은 잘 안해요..?!)
  • Lv16
    ?! 시각디자인학과 선배님이셨군요(?) 저는 뒤늦게 웹에 관심이 생겨서 이러고있네요 ㅎ
  • Lv16
    디자인도 재밌었지만 ㅎㅎ 웹개발은 더욱 재밌어요!

    무엇보다 생각한대로 기능이 동작할 때 그 쾌감이란~!!

    무엇보다.. 디자인은 선호도가 다 다르다보니 답이 없어서...........ㅜㅜ 어려운 문제더라구요...

    또 장기적으로 보면 디자이너보단 개발자가 더 좋을 듯 합니다...
  • Lv16
    맞습니다.
    둘 다 재밌는데 디자인은 아무래도 성향이 팍팍! 갈라져서 ㅜ.ㅠ 누나 2명이 있는데 저 포함 모두 디자인 전공생임에도 불구하고 스타일이 다 다릅니다. 코딩은 생각한대로 딱 되면 정말... 기분 좋더라구요. 딱 된 적은 적지만 ㅠ
  • Lv16
    그렇게 하면서 실력이 늘거에요..! (물론 이런 말 입장은 아니지만..ㅠㅠ)
  • Lv16
    감사합니다. ㅎㅎ 저도 빨리 누군가에게 직접적으로 도움이 되고싶네요.
  • Lv16
    화이팅입니다!!!
  • ?
    이 시간에도 작업중이셨군요 ㅎㅎ 보고왔습니다.
    일부러 게시판 색이랑 맞춰서 색상선택을 꼼꼼히 하신것 같아요
  • ?
    역시 웹 작업은 새벽반이죠!(근거없는소리)
    고칠 것이 산더미라 걱정입니다.
    특히 미디어쿼리가 심히 걱정됩니다 ㄷㄷㄷㄷ
  • ?
    저도 지금 레이아웃 및 게시판 디자인 새로 하나 할려고 준비중입니다.. 두근두근
  • ?
    오 기대합니다. 에디터도 만드신다고 들었습니다. 두근두근
  • ? Lv16
    (두근두근) 저는 이번주에 말씀드렸던 그것을 최대한 러프하게 만들어 보려구요..ㅋㅋ

    일단 index 페이지는 xedition으로 끝냈는데..ㅋㅋ
  • ?
    에디터는 우선순위가 뒤로 밀렸어요. 아마 작업한다면 medium editor 기반으로 수정해서 제작할것같네요.
  • ? Lv16
    아..앙대...
  • ?
    아..앙대...2
    에디터가 보고 싶었지만 레이아웃이랑 게시판 기대합니다 ㅎㅎ 완성되면 꼭 보여주세요!
  • ?
    감사합니다 ㅎㅎ ajax및 React로 작업해서 새로고침없는 게시판을 보여드릴 수 있을것같네요.
  • ?
    WOW...
    전 ajax게시판이 그렇게 부러웠는데ㅎㅎ 더욱 기대가 되네요. 화이팅입니다!
  • ?
    오 여기 분들 뭔가 통하는 것이 있으실것 같다.......ㅎㅎ
  • ?
    max-width 를 지정해주면 미디어쿼리 없이도 너비 제한은 되지 않을까 해요 @_@
  • ?
    감사합니다. 이따 들어가서 해볼게요 ㅎㅎ
  • 예뻐요~ 가끔 눈팅하며 느끼지만 감각이 참 좋으신듯해요^^ 기대하겠씁니다
  • 감사합니다! ^^ inJin님 홈페이지 너무 예쁩니다..! 반응형 검색 스킨도 잘 쓰고 있어요~
  • Lv15
    좋아요..@@
  • Lv15
    감사합니다! @_@
  • 이쁘네요..! 저도 주말을 이용해서 한번 뭐라도 해봐야겠네요.
  • 오오. 같이 화이팅입니다 ㅎㅎ