디지털콘텐츠 No.1 (주)아사달 디자인센터
내정보 SI 도메인 호스팅 디자인몰 솔루션몰 홈페이지몰 모바일 디자인센터 게임 고객지원
로그인 회원가입 장바구니 주문내역
트렌드뷰 웹강좌 자료실
배경이미지
베스트 키워드
주간 월간 연간
검색  상세검색
이벤트 디자이너를 위한 디자인 세상 아사달이 만들어갑니다.
디자인센터 보유 현황 오늘어제이번달지난달누적
웹기획
HTML 사용법
포토샵 사용법
일러스트 사용법
플래시 사용법
일러스트 만들기
일러스트 배경 만들기
일러스트 아이콘 만들기
일러스트 그래픽 만들기
편집사진 만들기
배경 편집사진 만들기
사물 편집사진 만들기
플래시 모션 만들기
플래시 스크립트 만들기
웹구성 요소 만들기
웹 페이지 만들기
  - 웹페이지의 이해
  - 회사소개 페이지 제작
  - 일반 게시판 페이지 제작
  - 갤러리 및 동영상 게시
      판 페이지 제작
  - 회원 페이지 제작
  - 웹진 제작
  - 이벤트 페이지 제작
비즈니스 홈페이지 만들기
생활 홈페이지 만들기
쇼핑몰 홈페이지 만들기
회사소개 페이지 제작
Home > 디자인 센터 > 웹강좌 > 웹 페이지 만들기 > 회사소개 페이지 제작
CEO 인사말 페이지 제작 회사연혁 페이지 제작 오시는 길 페이지 제작

(3) 오시는 길 페이지 제작

- 오시는 길 페이지는 회사의 위치를 나타내는 세분화된 약도와 상세한 설명이 함께 포함되도록 디자인합니다. 홈페이지를 제작하는 회사에서 제공하는 약도에 맞춰 디자인하면 됩니다. 약도 디자인에서 중요한 것은 찾아오는 길을 잘 알아볼 수 있게 표현하는 것입니다. 디자인보다는 약도의 정확성에 더 치중하여 작업해야 합니다.

① 먼저 적절한 크기의 서체를 사용하여 타이틀 이미지를 제작합니다.

② 타이틀 이미지 우측 부분에는 현재 위치를 나타내는 텍스트 이미지를 배치합니다.

③ 약도 이미지를 삽입하기 위해 약도를 디자인할 공간을 지정한 다음 끝이 둥근 사각모양의 틀을 제작하여 페이지 중앙에 배치합니다. 흰 바탕에 약도를 그릴 경우 정리가 안 돼 보일 수 있으므로 사각 틀에 그림자 효과를 주어 바탕의 흰색과 구분되도록 해 줍니다. 약도를 꼭 흰색 바탕에 그려야할 필요는 없으며 취향에 맞는 컬러로 디자인하면 됩니다.

④ 사각모양의 틀 안에 약도의 기본이 되는 길 모양을 그립니다. 제공받은 약도를 바탕으로 제작합니다.

⑤ 배치된 선과 면의 영역 부분에 제공받은 약도에 표시된 각각의 세부적인 위치와 주요 건물명을 텍스트로 배치합니다. 약도는 주변 건물명이 매우 중요합니다. 눈에 잘 보이는 색상의 폰트를 사용해야 합니다.

⑥ 각각의 위치에 주요 전철역과 출구 등 세부적인 텍스트 이미지를 배치합니다. 전철역은 호선에 따라 색을 달리해 주는 것이 좋습니다.

⑥ 각각의 위치에 주요 전철역과 출구 등 세부적인 텍스트 이미지를 배치합니다. 전철역은 호선에 따라 색을 달리해 주는 것이 좋습니다.

⑧ 약도 이미지 하단에 회사의 주소 및 연락처 텍스트 이미지를 삽입합니다.

⑨ 구분 선을 추가한 후 대중교통(지하철, 버스) 이용 시의 텍스트 설명 이미지를 일러스트 아이콘과 함께 좌측에 배치합니다.

⑩ 자가용 이용 시의 텍스트 설명 이미지를 일러스트 아이콘과 함께 우측에 배치하여 오시는 길 페이지 제작을 완성합니다.
하단 메뉴 배경 이미지
하단 메뉴 배경 이미지 회사소개 사진모음 협력사 오시는길 이용약관 개인정보취급방침 전화상담안내 게시판문의 한국어 라인 이미지 中文 라인 이미지 日本語 라인 이미지 해시넷 라인 이미지 타고 라인 이미지 사이트맵 하단 메뉴 배경 이미지
하단 메뉴 배경 이미지
하단 메뉴 배경 이미지 사이트명 : 아사달닷컴 | 회사명 : (주)아사달 | 대표이사 : 서창녕 | 대표전화 : 1544-8442 | 팩스번호 : 02-2026-2008
사업자등록번호 : 206-81-24351 | 법인등록번호 : 110111-1940504 | 통신판매업신고 : 제18-890호 | 벤처확인번호 : 051134532200563
(우편번호 : 08507) 서울시 금천구 가산디지털1로 168 우림라이온스밸리 A동 8층 (주)아사달
(우편번호 : 153-786) 서울시 금천구 가산동 371-28번지 우림라이온스밸리 A동 8층 (주)아사달
Copyright ⓒ asadal.com All rights reserved.
인터넷 익스플로어 구글 크롬 모질라 파이어폭스
애플 사파리 오페라 넷스케이프
맨위로   접속통계
디지털콘텐츠 No.1 (주)아사달
아사달 AI 챗봇 챗봇