올댓오카리나 메인 홈페이지의 디자인
- Posted at 2009/11/25 15:39
- Filed under I Say .../Make Web
|
|
앞으로 브랜드 페이지 및 독립 컨텐츠의 제공에 있어서 디자인을 상단과 하단의 영향을 받지 않도록 하기 위함이 주 목적이고요. 이런 목적으로 디자인 되다보니, 어떠한 색과도 잘 어울릴 수 있는 블랙 계열로 했으며, 검정색만으로 너무 심심할 수 있어 컬러가 들어가있는 배경을 삽입하였습니다. 이 작업중, 로고와 배경그림과의 차이로 보기 싫지 않게 하기 위해, 로그는 투명 PNG파일로 구성하였으며, IE 6이하의 사용자는 제대로 표시가 되지 않는 문제 및 투명 처리 작업으로 인해 컨텐츠의 로딩 속도가 떨어지는 점을 보완하기 위해 html 하단에 레이어를 불러들여 로고 위치에 파일을 띄워놨습니다.
그래서 로고는 비교적 늦게 화면에 출력이 됩니다. (로고 자체가 중요한것은 아니니까요. ^^)
홈페이지의 정렬을 중앙 정렬 방식으로 바꾸고, 이 작업을 하기 위해 메뉴의 작업을 완전 새로 했습니다. 가급적이면 메뉴를 텍스트로 구성하고자 했으며, 풀다운 메뉴로 하고 싶었기에, 레이어로 세로 위치만 고정시켰습니다. 덕분에 사용하는 브라우져에 따라 풀다운 메뉴의 위치가 조금 차이가 있긴 합니다만, 사용에는 크게 지장이 없다는 생각이기도 합니다.
전체 폰트는 13px를 기본으로 잡고, 글꼴은 네이버에서 무료로 배포하는 나눔고딕을 메인으로, 그리고 다음에서 제공하는 다음폰트를 서브로 활용하고 있습니다. 물론 폰트가 설치되어있지 않은 사용자는, 굴림으로 화면이 보일테고요.
글꼴이 적용된 홈페이지의 현 모습은 아래와 같습니다.
이제 기본적인것을 끝냈으니, 다음 작업으로 넘어가야겠죠?
Posted by 임경희
- Tag
- 글꼴, 디자인, 폰트, 홈페이지
- Response
- 0 Trackbacks , 0 Comments
Trackback URL : http://ocarinacenter.com/blog/trackback/36
올댓오카리나의 관리자이며, 오카리니스트 임경희의 개인 블로그입니다.
- 임경희
Categories
Tag Cloud
- 세종시
- kt
- id
- 이벤트
- yozm
- 공짜폰
- vagas
- korail
- 영어
- 자살
- 어도비
- 웹
- 영리
- 변화
- 홍보
- RSS
- cooledit
- 플라스틱
- klite
- 초등학교
- 2개나란히
- 찌라시
- 와인
- 연예인
- 접속자
- 빌더
- 방문자
- audition
- 로드맵
- 1.8
- 국내정식출시
- 상품
- 이글루
- mp3플레이어
- sphere
- 웃돈
- i am T-pain
- 언론보도
- 배송
- 믹서
- 출시
- lg
- 베링거
- 네이버
- 2.0
- 오보
- 수강료
- 레지스트리
- pc카메라
- 마우스
- 요즘
- 상단
- 웹앨범
- 단가
- 하도급
- 올댓오카리나
- 경품
- 매장직접구매
- 테스트
- 배치
- 설날
- center
- 질문
- 안내
- 최초
- ES530
- 피날레
- 메인보드
- 나의길
- 2개배치
- 대책
- 작업
- 테마
- 항목
- 4대강
- 검색
- 외국
- 하급
- 사용자
- 어베스트