태터데스크 관리자

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

태터데스크 메시지

저장하였습니다.

한달여의 긴 여정 끝에 새 스킨이 완성되었다. 아직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로 구독하기
  • 피드버너로 구독하기
  • 구글리더로 구독하기
  • 다음뷰로 구독하기
  • .:★:. 댓글은 이웃과 소통하는 마음의 창입니다. .:★:.   

    1. Favicon of http://blog.jayuin.co.kr BlogIcon 자유인 2009.10.10 06:01 수 정 댓 글

      오호~ 멋집니다.
      공개는 안하시나요?
      써보고 싶은데요~ㅎㅎ

      • Favicon of http://www.yesbedesign.com BlogIcon 예스비™ 2009.10.10 06:05 수 정

        스킨이 마무리되면...
        1~2개월 사용후 일부 수정해서 배포하려고 합니다.
        버그등 먼저 테스트를 해봐야겠지요.

    2. Favicon of http://pplz.tistory.com BlogIcon 좋은사람들 2009.10.10 06:53 수 정 댓 글

      왠지 외국 Feel~이 물씬 풍기는 테마입니다.~

      가을냄새가 물씬 풍기는걸요~^^

      • Favicon of http://www.yesbedesign.com BlogIcon 예스비™ 2009.10.10 17:50 수 정

        이렇게 칭찬해 주시니 부끄럽네요.
        다음에 더 잘하라는 채찍질로 알겠습니다.

    3. Favicon of http://0168265.tistory.com BlogIcon 미자라지 2009.10.10 08:14 수 정 댓 글

      리뉴얼 하시고 첨 들러봅니다..
      한동안 블로그를 비워놔서...^^
      깔끔하고 정말 보기 좋은데요?^^

      • Favicon of http://www.yesbedesign.com BlogIcon 예스비™ 2009.10.10 17:51 수 정

        미자라지님~오랜만입니다.
        서로 바쁘다보니 왕래가 뜸했죠?
        짬내서 들려 주셔서 감사합니다^^&

    4. Favicon of http://lowr.tistory.com BlogIcon White Rain 2009.10.10 08:58 수 정 댓 글

      오...정말 예쁘고 마음에 들어요. 게다가..이 스킨은 정말 딱 제 스타일---ㅎㅎ
      댓글란도 아기자기하고..배포하는 그날을 기다리겠습니다. 본문폭 수정도 마음대로 가능한가요?
      이왕이면 지금 사용하는 본문폭을 그대로 유지하고 싶어서 말이죰...^^

      • Favicon of http://www.yesbedesign.com BlogIcon 예스비™ 2009.10.10 17:54 수 정

        아핫~그런가요?
        스킨이 100%안정을 찾으면 스킨위자드 적용하는 법을 연구해보려고해요.
        지금 버그가 하나둘 보이는데, 시간이 없어서 수정도 하지 못하고 있어요;;
        2단스킨에서 3단스킨으로 가면 본문폭은 조절하셔야되요.

    5. Favicon of http://kensaku.tistory.com BlogIcon kensaku 2009.10.10 09:10 수 정 댓 글

      스킨바꾸셨군요!!! 와~~가을 느낌이...ㅎㅎ
      스킨을 완성하고나면 역시 보람이 생기는것 같습니다!
      완성 되신거 축하드려요~^^

      • Favicon of http://www.yesbedesign.com BlogIcon 예스비™ 2009.10.10 17:55 수 정

        감사합니다.
        힘겹게 얻어낸 결과물인지 뿌듯하네요.
        다음엔 좀 더 세련된 스킨을 만들어 보도록 할게요.

    6. Favicon of http://kousa.tistory.com BlogIcon 미국얄개 2009.10.10 09:53 수 정 댓 글

      와우~~!!
      좋은데요.
      모처럼 방문해서 그런가요~, 가을향기가 물씬 풍기는데요.

      앞으로 자주 들르죠.
      즐거운 주말 되시구요...^^

      • Favicon of http://www.yesbedesign.com BlogIcon 예스비™ 2009.10.10 17:56 수 정

        얄개님 정말 오랜만이에요.
        저도 자주 들르지 못해 죄송하네요.
        얄개님도 즐거운 주말 되세요^^&

    7. Favicon of http://blog.daum.net/winpopup BlogIcon 팰콘 2009.10.10 10:54 수 정 댓 글

      바뀐 프로필 사진이 일단 눈에 들어옵니다!
      멋진데요^^*

      • Favicon of http://www.yesbedesign.com BlogIcon 예스비™ 2009.10.10 17:57 수 정

        팰콘님 안녕하세요.
        지난 블로그 모임은 참석하셨나요?
        이번에는 시간이 없어서 가지 못했네요ㅠ
        다음달에는 꼭 갈께요.
        그때 좋은 얘기 많이 나누어요.

    8. Favicon of http://www.jaea.net BlogIcon 재아 2009.10.10 15:05 수 정 댓 글

      므흣!! 축하드립니다. 드디어 고생하셨는데... 보람을 찾으시는듯 하네요!!

      ^^

      • Favicon of http://www.yesbedesign.com BlogIcon 예스비™ 2009.10.10 17:59 수 정

        재아님~할룽...
        저 요새 너무 바빠요 흑흑...
        잘 지내시죠? 댓글로 뵈니 새로운데요?ㅋㅋ

    9. Favicon of http://www.jaea.net BlogIcon 재아 2009.10.10 15:07 수 정 댓 글

      방명록에 글을 써도 본문을 입력해주라고 뜨네요^

      확인해보시길

      • Favicon of http://www.yesbedesign.com BlogIcon 예스비™ 2009.10.10 18:00 수 정

        알고는 있는데...지금 시간이 없어서...이 글도 일주일만에 포스팅하는 거라능;;

    10. Favicon of http://nermic.tistory.com BlogIcon 용짱 2009.10.10 17:38 수 정 댓 글

      짞짝짞.. 수고하셨어요.ㅎㅎ

      아주 보기 좋아요..ㅎㅎ

      • Favicon of http://www.yesbedesign.com BlogIcon 예스비™ 2009.10.10 18:02 수 정

        감사합니다.
        용짱님 박수를 받으니 힘이 절로 나네요.
        즐거운 주말 저녁 되세요.

    11. Favicon of http://qtotpz.tistory.com BlogIcon 윤뽀 2009.10.13 11:44 수 정 댓 글

      깔끔합니다 ^^
      이용해보다 이상한 점 있음 바로 알려드릴께요~

    최근 댓글

    최근 트랙백

    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