한달여의 긴 여정 끝에 새 스킨이 완성되었다. 아직100% 완성이 아니라서 블로그 처음 오픈했을때처럼 뭔가 허전함이 보이는 군... 이번을 계기로 디자인 블로그란 이미지를 확고히하기 위해 심혈을 기울여서 만들었다.

예스비 디자인닷컴 스킨_autumn2009

블로그란 것을 조금씩 알게 되면서 아마추어같다는 생각이 많이 들었다. 스킨부터 글 하나하나까지... 이웃 분들의 진심어린 조언과 격려덕에 예스비™가 나가야 할 방향을 알게 되었고 디자이너로 거듭나기위한 첫 발을 떼기 위해 블로그 리뉴얼을 감행했다.

2차도메인과 기타 시스템의 통합, 그리고 가장 중요한 스킨의 완성이었다. 이웃분들에게 스킨을 뜯어 고치겠다고 호언장담 해놓고 못하면 어떻하나? 명색이 html강좌도 올려 놓았는데 css하나 못건들여서 스킨도 못 만들면 이게 왠 망신이란 말인가?

이번엔 뭔가 전문적이면서 깔끔한 디자인을 해야된다. 그리고 그 디자인을 css로 100%구현해야 된다.(시작부터 부담감이 먼저 앞섰다.)

테마(주제)는 디자인 작업중에 가장 기초적이며 중요한 역할을 한다. 테마를 정하는 과정에서 주제가 떠오르지 않자 마음이 불안해지기 시작했다. 문득 달력을 보니 추석이 불과 한 달보름도 안남았더군... 그 순간 머리에 떠오른 것은 "가을" 너무 단순하지만 이만한 주제가 없을 것 같았다.

그런데 막상 일러와 포토샵을 오가며 이미지작업을 하는 과정에서 스케치한 것과는 다르게 예스비™의 마음에 들지 않아서 모두 뒤엎어 버리고 오로지 컬러만으로 스킨을 최대한 단순화 시키기로 했다.

레이아웃을 짠 후 마루님께 조언을 구했다. 레이아웃을 보시고 "사이드바를 어떻게 하려고? "라고 나에게 질문을 던졌다. 사실 그 부분이 제일 걱정스러웠었는데...(역시 베테랑은 달라도 뭔가 다르군...)

머피의 법칙인가? 두번이나 잘 돌아가던 내 컴퓨터가 속을 썩힌다. 컴퓨터가 꺼지면서 순간 저장이 되었는지 기존의 코드는 날라가고 body만 남긴채 몇날 몇일을 날새며 작업한 코드는 공중부양해 하늘로 승천해 버렸지... 결국 3번째 작업에서 지금과 같은 스킨이 완성이 되었다.

너무 단순하지만 내년 봄 스킨때까지 쓰일 예스비 디자인닷컴의 새 스킨 authum2009 란 테마로 완성된 스킨이다. 주색은 메뉴바의 5가지 기본 칼라를 주색으로 하고 핑크와 브라운을 보조색으로 하여 메뉴의 주색이 포인트가 되면서도 너무 튀지 않게 배치했다.

기본 컬러:

Orange-단풍, 과일

yellow- 풍성한 수확,황금빛 들판

green- 자연

blue- 가을 하늘

puple- 중심, 예스비 디자인닷컴

예스비 디자인닷컴 스킨_preview

1. 헤더 영역: 헤더 배경은 이미지 대신 단순하게 blur 처리된 브라운 컬러로 하고 타이틀은 로고이미지로 대체하여 포인트를 주었다.

2. 컨텐트 영역: 헤더의 배경색이 브라운컬러라서 전체적으로 색감이 죽은 듯한 느낌이 난다. 그래서 부드럽게 핑크색을 보조색으로 사이드바에 집어 넣음으로써 여성스러우면서도 안정감있는 느낌을 내고자 했다.

3. 푸터 영역: 사이드바가 푸터까지 내려 오기때문에 전체 이미지를 정돈하는 역할을 할 수 있도록 타이틀과 동일한 색상으로 브라운컬러를 써서 마무리했다.

4. 보조 컨텐츠: 전체적으로 심플함을 강조하기위해 데코레이션에 사용되는 아이콘,불릿등은 최대한 줄이고 컬러만으로 포인트를 주는 작업으로 진행했다.

새옷으로 갈아 입은 "예스비 디자인닷컴" 어떠세요? 스킨을 입히는 과정에서 방명록 오류가 낫다고 하네요. 아직 100% 안정화가 된 스킨이 아니기에 이해해 주시고, 다른 오류나 불편한 사항이 있으시면 바로 지적해 주시기 바랍니다.

제 글이 맘에 드셨나요? RSS구독을 하시면 무료로 배달해 드립니다.