| |
4. 일반/기업 홈페이지 만들기-1 |
(1) 메인 페이지 만들기 |
| 산뜻하고 재미있는 느낌의 일러스트 이미지를 사용하여 창조적이고 역동적인 기업의 이미지를 나타내고자 제작한 홈페이지입니다. 중심이 되는 메인 비주얼에 주요 사업 내용의 배너를 배치하고 화려한 색상을 조화롭게 사용하여 시선이 분산되지 않도록 제작하였으며, 전체적으로 세련되고 깔끔한 느낌을 줍니다. |
| [메인 페이지] |
 |
① 메뉴(Menu, Navigation) 만들기 |
| - 해상도 1024*768에 맞춰서 제작할 새로운 문서(document)를 엽니다. |
 |
- 로고(logo)는 비즈니스 시안의 특성에 맞는 적절한 서체를 사용하여 제작하여 왼쪽 상단에 배치합니다. 로고(logo)의 특성에 따라 색상 및 효과를 조절하여 디자인을 완성합니다. |
 |
- 오른쪽 상단에 회색 블럭(block)을 만들고 contact us, sitemap, faq 등의 텍스트 메뉴(text menu)를 배치합니다. |
 |
- 비즈니스 시안의 상단 메뉴의 텍스트(COMPANY, 제품안내, 고객센터, 채용정보, 커뮤니티)를 배치합니다. 현재 시안 메뉴에 쓰인 영문서체는 Bitstream Vera Sans 서체, 국문서체는 Rix고딕 M 서체입니다. |
 |
-‘COMPANY’ 클릭 시 나타나는 서브메뉴(CEO 인사말, 회사연혁, 경영이념, 조직도, 협력업체, 오시는 길)를 배치합니다. |
 |
② 메인비주얼(Main Visual) 만들기 |
 |
- 메인비주얼에 사용될 일러스트 이미지를 준비합니다. |
 |
- 주요 사업 내용의 메뉴인 History, Network, Product, Brochure 배너를 왼쪽에 배치합니다. |
 |
- 하늘 이미지를 배경 이미지(background image)로 배치하고 왼쪽의 배너와 잘 어울리도록 적절한 위치에 화살표 이미지를 배치합니다. |
 |
- 다른 구성 요소들과 어울리도록 사람, 건물, 자동차 등의 이미지를 오른쪽에 배치하여 메인 비주얼 이미지를 완성합니다. |
 |
③ 콘텐츠(Contents) 만들기 |
| - 게시물이 노출되는 'NOTICE' 게시판을 왼쪽에 배치합니다. 메인 디자인 완성 후 솔루션으로 게시판을 연동해야 하는 부분입니다. |
 |
- 'NOTICE' 게시판 오른쪽에‘BEST PRODUCT’배너를 제작하여 배치합니다.
[1], [2], [3] 숫자 버튼을 누를 때마다 이미지가 바뀌도록 플래시로 제작할 배너입니다. |
 |
- 'NOTICE' 하단에 아이콘을 이용하여 작은 사이즈의 배너 2개를 제작하여 배치합니다. |
 |
- 위 배너와 아래 배너의 간격을 맞춰서 5개의 아이콘 배너를 제작하여 배치합니다. |
 |
- 마지막으로 오른쪽 여백에 세로로 긴‘BUSINESS INFO’배너를 제작하여 배치합니다. 마우스를 오버하면 위 아래로 펼쳐지도록 플래시로 제작할 배너입니다. |
 |
- 하단에 무게감이 느껴질 수 있도록 최상단 메뉴의 블록(Block)과 동일한 컬러인 진한 회색으로 영역을 만들고 카피라이트(Copyright) 내용을 넣어 카피라이트 부분을 완성합니다. |
 |
메인 페이지 만들기
