태터데스크 관리자

도움말
닫기
적용하기   첫페이지 만들기

태터데스크 메시지

저장하였습니다.

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

예스비 디자인닷컴 가을 스킨

예스비 디자인닷컴 스킨_autumn2009

 

 

● 힘들었지만 보람됬던 시간...

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

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

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

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

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

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

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

 

 

● skin concept

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

기본 컬러:

Orange-단풍, 과일

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

green- 자연

blue- 가을 하늘

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

예스비 디자인닷컴 스킨

예스비 디자인닷컴 스킨_preview

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

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

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

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

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

 

posted by 예스비™

이글에 관한 저작권은 예스비™에게 있으며, 무단 전제및 스크렙(퍼가기), 인용, 수정등을 불허 합니다. 이 글의 사용은 공지의 "저작권안내"에 따라 사용 하시기 바랍니다. 불편하시더라도 가급적 rss로 구독하거나 제 블로그에 직접 방문하셔서 읽으시길 바랍니다. _by 예스비™
제 글이 맘에 드셨나요? RSS구독을 하시면 무료로 배달해 드립니다.
  • 한rss로 구독하기
  • 피드버너로 구독하기
  • 구글리더로 구독하기
  • 다음뷰로 구독하기
  • 최근 댓글

    최근 트랙백

    BLOG main image
    포토샵 강좌, html/css 강좌등 어렵게만 느껴졌던 웹디자인을 초보자도 쉽게 이해 할 수 있는 튜토리얼, IT 트랜드, 블로그팁과 운영법, 디자인 시각에서 풀어 헤치는 상품 리뷰등, 디자인에 대한 재밌고 유익한 정보를 제공하는 블로그입니다. by 예스비™
    rss

    위젯

    BLOG ★ NIGHT

    Blog♥Rings

    Blog♥Rings Family Blog & Sites T-Blog Web site meta hub site

    구독리스트

  • rss
  • Add to Google Reader or Homepage
  • 블로그코리아에 블UP하기
  • Powered by FeedBurner
  • BlogRankers.com
  • Page Ranking Tool