Responsive Board ver.1
- Nest
- Tool & Service
- Category
- Extra
- Hit
- 961
- Star
- 0
- date: 2013
- tool: photoshop, notepad++
- url: https://projects.redgoose.me/2013/responsive-board-skin/basic
회사에서 서비스를 하고 있는 것들이 전부 테이블을 베이스로 한 게시판들 뿐이다. 그래서 div형태로 된 게시판 스킨을 만들게 되었다.
다양한 컬러셋을 만들어야하기 때문에 색은 전부 단색으로 처리하게 되었다. 현재 유행하는 flat ui 형태로 만들게 되었다.
이 게시판 목록페이지의 형태가 다양하게 변경 할 수 있는 옵션이 있어서 다양한 타입을 만들어야한다. 그 형태는 목록형, 사진앨범형, 달력형, 웹진형, 블로그형, 목록탭방식등이 있다.
기본적인 목록 페이지다. 왼쪽은 모바일 사이즈가 되었을때 표시되는 목록의 형태이고, 오른쪽은 모바일보다 큰 사이즈가 되었을때 표시되는 목록의 형태다.
오른쪽과 같은 형태는 보통 테이블로 사용해야하지만 처음 반응형으로 만들어본 게시판이기때문에 코드가 많이 무리가 있는 방식이었다.
이 게시판은 상당히 커다란 시행착오에 의한 실패작이라고 생각한다.
다양한 컬러타입을 별도의 css를 이용하여 컬러셋을 골라서 사용할 수 있다.
컬러채도를 떨어뜨려서 만들었지만 플랫디자인은 점점 선명한 컬러로 사용하다보니 상당히 촌스러워졌다.
만족스러운 게시판의 형태는 아니지만 처음 작업해본 반응형 게시판이라서 실패작이지만 좋은 밑거름이 된 계기가 되었다.