초급코드몽키
323
2019-01-13 05:32:32 작성 2019-01-13 21:33:22 수정됨
10
920

안녕하세요 포폴 업데이트 해봅니다. (수정)


UI 전체 적용을 마쳤습니다.

UI는 부트스트랩 중에 마음에 드는 것을 보고 직접 만들었고

모바일 UI도 아직 완벽하진 않지만 완성했습니다.

남은 작업은 진행한 프로젝트를 채워넣고 404페이지정도만 만들면 될 것 같습니다.

피드백 주신 분들께 정말 감사드립니다.

혹시 모자른 점이 있다면 피드백 부탁드립니다.


2019-01-13(포폴사이트 버전3):   http://kutaelee.iptime.org:4500/

주요기능:게시판 CRUD,페이징,회원가입,로그인,실시간 방명록,스크롤스파이

이전 버전은 빼도록 하겠습니다.

감사합니다.



1
0
  • 댓글 10

  • abilists.com
    206
    2019-01-13 09:31:08
    모바일로 봤는데, 레이아웃이 많이 깨지네요.

    www.abilists.com 에 오셔서 다운 받고 설치해보세요.
    인트라넷 서비스를 기준으로 만들었습니다.

    1
  • 초급코드몽키
    323
    2019-01-13 13:45:40

    감사합니다 나중에 기회가되면 사용하겠습니다!


    0
  • 개나소나고생
    4k
    2019-01-13 19:31:53

    github올리신 소스 중 별거는 아니지만..로깅이..system.out.println 이라서..로그백 같은 라이브러리로 수정하는게 어떨까 하네요.

    1
  • 초급코드몽키
    323
    2019-01-13 21:28:17

    프로젝트 마무리하고 깃허브도 정리하도록 하겠습니다!

    피드백 감사합니다.

    0
  • Mommoo
    327
    2019-01-14 00:00:45 작성 2019-01-14 00:03:31 수정됨

    이전보다 훨씬 좋네요...! 점점 세련되지고 있는거 같습니다.

    피드백을 많이 해봤지만, 몽키님 처럼 정말 찾아보고 반영하는 사람은 몇 없었는데

    신기하면서도 들어주셔서 감사한 마음도 듭니다.


    조금 더 피드백을 해드리자면, 버튼 디자인도 조금 바꾸셨으면 하구요... ( 그림자가 색상과 크기, 강도가 너무 강합니다.  UI 프레임워크의 버튼을 조금 더 연구해보심이 좋을거 같습니다. )

    프로필과 프로젝트 순서를 바꾸어 보심이 어떨가 싶습니다. ( 프로필을 보고 프로젝트를 보는것이 조금 더, 매끄러운 진행 순서가 아닌가 싶습니다. )

    제일 중요한, 포트폴리오를 클릭했을때, 나오는 창의 UI를 다시 신경써서 수정하셔야 할거 같습니다.

    기본적으로 alert창으로 디자인 하실 생각이시면... alert창 크기를 조금 작게 하시고 뒷 배경을 어둡게 하여, Floating 된 느낌을 주셔야 합니다. 물론 스크롤도 alert창에서 스크롤되어야 하지, alert창 바깥의 스크롤이 스크롤링 역할을 하면 안됩니다.

    아니면, alert창 느낌이 아닌 새로운 페이지로 넘어가게 하던가... 기존 페이지에서 하나의 공간을 지웠다가 잠시 세부 프로젝트로 붙였다가, 되돌리던가 해야할거 같습니다.

    또한 세부 포트폴리오 내용 전개와 배치를 다시한번 고민해보시는걸 추천합니다. ( 이 부분 정말 중요합니다. 많은 페이지 예시를 보시길 바랍니다. )


    세련되게 만드는게 생각보다 중요합니다...

    아무리 좋은 기능과 좋은 의도가 있다 하더라도 사람이 쓰기 불편하고,

    보고 싶지 않다면 평가 절하되기 마련이거든요.

    이번 기회가 디자인(개성있는거 말고... 깔끔한거)도 어느정도 할 수 있는 개발자가 되기 위한 수련이라 생각하셨으면 합니다.


    자꾸 UI 적인것만 조언을 드리게 되는게 죄송해서 괜히 이런소리 저런소리를 하게 되네요 ^^...

    나중에 혼자 서비스 내실때도, 지금 수련이 빛을 바랄 수 있을거라 생각합니다.!!

    1
  • 초급코드몽키
    323
    2019-01-14 00:13:54 작성 2019-01-14 00:24:43 수정됨

    진심어린 피드백 정말 감사합니다!

    스크롤 부분은 어거지로 지금처럼 바디에서 하게 만들었는데

    요소 스크롤이 더 자연스러운건가 보네요

    몰랐습니다ㅜㅜ

    프로젝트 채워넣고 조금 더 변경해보겠습니다

    프로젝트를 알렛창으로 띄우고 설명을 보여준 후에 옆에 ) 이런식의 갈고리 모양 화살표 모양 버튼을

    만들어서 누르면 애니메이션으로 카드뒤집듯이 뒤집는 방식은 어떻게 생각하시는지 궁금합니다.

    0
  • 통닭맨
    163
    2019-01-14 09:36:47

    우와 엄청 달라졌네요 

    앞으로 잘되실것 같아요 응원합니다 ㅎㅎ

    1
  • 초급코드몽키
    323
    2019-01-14 14:05:42

    감사합니다

    Ui를 조금 더 변경하고 1300 이하 화면에서 잘리는것 같아서 마무리전에 조정하겠습니다

    0
  • Mommoo
    327
    2019-01-14 15:48:44 작성 2019-01-14 15:52:30 수정됨

    @초급코드몽키 나쁘지는 않습니다만... 카드 로테이트 애니메이션은 한번이면 족할거 같습니다.

    뭐든 과하면, 오히려 독이 되는 것 처럼, 읽을때 마다 하는것은 오히려 UX를 해칠수 있다고 생각합니다. 물론 취향따라 틀리겠지만... 통상적으로 생각했을때는 그럴거 같습니다.

    결론은 아이디어는 좋습니다. 그 아이디어를 포인트로 사용하는것은 매우 좋지만, UX를 해치게 사용하면 오히려 독이 됩니다. 다른 사이트 예시를 많이 보시고, 몽키님이 생각하신 아이디어를 어떻게 적용할지 구상하면 좋을거 같습니다.

    참고로, Join or member alert창의 종료 애니메이션은 단순히 fade-out으로 하시거나, alert이 나타날때 나오는 애니메이션과의 통일을 해주시는게 좋을거 같습니다. 애니메이션 자체는 잘 구현하셨지만, UI의 특징과는 어울리지 않아 촌스러운 느낌이 나는거 같습니다.

    p.s 어디까지나 주관적인 의견입니다!!

    1
  • 초급코드몽키
    323
    2019-01-14 17:02:48

    친절한 답변 감사합니다

    왼쪽 메뉴 당시에 만들었던걸 수정하지 못했습니다

    Fadeout으로 변경하겠습니다



    0
  • 로그인을 하시면 댓글을 등록할 수 있습니다.