(3) 오시는 길 페이지 제작
- 오시는 길 페이지는 회사의 위치를 나타내는 세분화된 약도와 상세한 설명이 함께 포함되도록 디자인합니다. 홈페이지를 제작하는 회사에서 제공하는 약도에 맞춰 디자인하면 됩니다. 약도 디자인에서 중요한 것은 찾아오는 길을 잘 알아볼 수 있게 표현하는 것입니다. 디자인보다는 약도의 정확성에 더 치중하여 작업해야 합니다.
① 먼저 적절한 크기의 서체를 사용하여 타이틀 이미지를 제작합니다.
② 타이틀 이미지 우측 부분에는 현재 위치를 나타내는 텍스트 이미지를 배치합니다.
③ 약도 이미지를 삽입하기 위해 약도를 디자인할 공간을 지정한 다음 끝이 둥근 사각모양의 틀을 제작하여 페이지 중앙에 배치합니다. 흰 바탕에 약도를 그릴 경우 정리가 안 돼 보일 수 있으므로 사각 틀에 그림자 효과를 주어 바탕의 흰색과 구분되도록 해 줍니다. 약도를 꼭 흰색 바탕에 그려야할 필요는 없으며 취향에 맞는 컬러로 디자인하면 됩니다.
④ 사각모양의 틀 안에 약도의 기본이 되는 길 모양을 그립니다. 제공받은 약도를 바탕으로 제작합니다.
⑤ 배치된 선과 면의 영역 부분에 제공받은 약도에 표시된 각각의 세부적인 위치와 주요 건물명을 텍스트로 배치합니다. 약도는 주변 건물명이 매우 중요합니다. 눈에 잘 보이는 색상의 폰트를 사용해야 합니다.
⑥ 각각의 위치에 주요 전철역과 출구 등 세부적인 텍스트 이미지를 배치합니다. 전철역은 호선에 따라 색을 달리해 주는 것이 좋습니다.
⑥ 각각의 위치에 주요 전철역과 출구 등 세부적인 텍스트 이미지를 배치합니다. 전철역은 호선에 따라 색을 달리해 주는 것이 좋습니다.
⑧ 약도 이미지 하단에 회사의 주소 및 연락처 텍스트 이미지를 삽입합니다.
⑨ 구분 선을 추가한 후 대중교통(지하철, 버스) 이용 시의 텍스트 설명 이미지를 일러스트 아이콘과 함께 좌측에 배치합니다.
⑩ 자가용 이용 시의 텍스트 설명 이미지를 일러스트 아이콘과 함께 우측에 배치하여 오시는 길 페이지 제작을 완성합니다.