badaso.net > 바다소 로고와 레이아웃 디자인
하루 동안에 살짝 바다소의 디자인을 업그레이드 했다. 실력이 형편없는데다가 몇 시간 투자한 것도 아니기 때문에 이게 업그레이드인지는 잘 모르겠지만. 글로벌한 느낌과 재미를 주기 위해 로고를 한글에서 영문으로 바꾸고 크기를 과장될 정도로 크게 했다. 폰트를 결정하는데 1분도 걸리지 않았는데 파도나 바람처럼 움직임이 느껴지는 폰트가 한 눈에 마음에 들었다. badaso의 s를 조금 위로 올려서 바다물결을 나타내는 것도 고려했지만 폰트 자체가 조형적이어서 과도할 것 같아 참았다. 폰트 색깔은 바다를 뜻하는 파란색을 메인으로 하고 소나무를 뜻하는 초록색을 포인트로 썼다. 콘텐츠 영역에는 최신 기록이 있는 세 명에 관한 박스를 보여주는데 세 번 반복한 것은 단순함과 복잡함 사이의 균형과 안정감을 맞추고 주목성과 강조를 위한 것이다. 로고를 과장되게 크게 한 것은 페이지 레이아웃이 단순한 것을 보완하기 위한 것이고 로고가 세 개의 박스 위에 걸치게 함으로써 단조로움을 피하고 포용성과 따뜻함을 더하려고 했다.
세 개의 콘텐츠 박스에는 최근 기록이 있는 회원 세 명의 꿈속도와 랭킹, 꿈통장과 랭킹, 가입일, 바다소어워즈 수상여부, 꿈, 메모, 알림 개수를 보여준다. 기록 순서에 따라 박스의 위치가 바뀌게 함으로써 레이아웃의 자연스러운 변화와 역동성을 불러오고, 가장 최근에 기록한 순서를 직관적으로 알려준다. 벡터 그래픽 아이콘을 이용하고 포인트 색깔로 빨강을 사용함으로써 콘텐츠를 적절하게 강조하려고 하였다. 콘텐츠로는 가장 중요하게 생각하는 꿈의 개수, 좋은 습관의 대표인 메모의 개수만을 나타내어 단순하면서도 핵심 지표를 보여주어 스스로 자극받는 계기가 되도록 했다. 가입한 날짜를 나타낸 것은 바다소와 회원의 신뢰성을 위한 것이다. 바다소어워즈 수상 기록이 있는 경우 날짜 옆에 빨간 별이 표시되고, 이번 달에 수상했으면 테두리가 빨간 별이 떠서 알려준다. 알림은 확인하지 않은 쪽지, 게시물의 댓글 등을 나타낸다. 최근 5일 이내의 작은이야기가 있는 경우는 썸네일을 보여준다.
로그인 영역과 회원가입 영역 아래에는 벡터 이미지 아이콘을 회색으로 배치하여 차분한 분위기를 유도하였고, 아이콘의 크기를 두 배로 키워서 흰 바탕의 단조로움을 만회하고 클릭이 쉽도록 했다. 이들 아이콘은 단순한 레이아웃을 위해 희생된 메뉴들을 제공한다. 이들을 클릭하면 자주 사용되는 페이지로 연결되거나 바다소에 대한 정보와 통계를 보여준다.
디자인이라는 것이 끝이 없고, 아직 가야할 길이 멀지만 당분간 대충 이 정도에서 조금씩 보완하는 정도가 될 것이다. |