Responsive board skin - clear ver.

Develop Extra

Responsive board skin - clear ver.

회사 솔루션 게시판들이 아무래도 너무 마음에 들지 않아서 무난하고, 깔끔한 형태의 게시판 디자인을 원하게 되었다.
반응형 게시판 작업에 한번 도전하고 싶은 의욕도 강하기도 해서 매일아침 출근하기전에 짬짬히 작업하기 시작했다.

board_rwdClear_002.jpg

반응형 사이트 작업에도 어느정도 익숙해져있고, 전에 깨끗하게 해결이 힘들었던 부분들을 좋은 방향으로 만들어갈 수 있을거라는 확신도 들었다.
게시판 목록은 일반, 사진앨범, 웹진, 탭, 블로그 타입이 있기 때문에 작업 양 자체가 상당히 많다.

board_rwdClear_003.jpg

이것은 글 상세보기 페이지 목업. 기능에 대한 옵션이 대단히 많아서 만들어야하는 컨텐츠가 많아서 대략적으로 표시했다.

목업을 끝내고 바로 디자인 작업에 들어갔다. 게시판 스킨을 두번이나 만들었기 때문에 사용하기 편한 방향으로 좀 더 아이디어를 더할 수 있었다. 하나에 집중하기 위하여 다른 컬러셋 작업은 하지않았다.

board_rwdClear_004.jpg

많은 시간을 소요하여(사실 집에서 시간제한없이 끄적끄적 작업하다보니 의외로 더 마음에 들게 나와버렸다;) 디자인을 완성하고 회사에서 코딩작업을 하기 위하여 회사 보스에게 보여주었다. 보스도 마음에 들어하여 나중에 시간을 빼서 게시판 스킨으로 코딩작업을 하게 되었다.

반응형 작업방식은 미디어쿼리를 지원못하는 구형 모바일 디바이스가 거의 멸종할 때라서 모바일 퍼스트방식은 필수가 아니게 되어서 최근에는 PC퍼스트로 많이 작업한다. 최적화에는 역시 디자인에 많이 좌우하는것 같다. 디자인을 통일성있게 만들다보니 수월하게 코딩을 할 수 있었다.


다 만들고나니 상당히 만족스럽게 나와서 다행이다. 애착이 가다보니 디테일한 부분에서 많이 공들였다. 노력한만큼 결과물이 나와줘서 기분이 좋았다.