AN ARCHITECTS WEBPAGE V1.0 - 2018. 02.
프로젝트들은 4개의 카테고리로 나뉘어져 있습니다.
01. RESIDENTIAL : 주택, 아파트단지, 호텔 등 주거시설
02. RETAIL & WORKPLACE : 상업시설, 근린생활시설 등
03. PUBLIC : 공공시설, 공공공간, 공적 사업, 기타 대중이 폭넓게 이용하는 공적 성격을 지닌 시설
04. CULTURE : 미술관, 박물관, 과학관 (50플러스캠퍼스, 성요셉성당 등 문화의 성격을 지니지는 않았지만 상업성과 거리가 있는 시설들도 포함했습니다)
후에 프로젝트의 수가 늘어나면 더욱 더 세분화할 수 있겠지만, 지금은 카테고리를 늘릴 경우 한 카테고리 안의 프로젝트 수가 적어지므로 4개로 한정했습니다.
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
각 페이지의 글꼴과 폰트크기, 행간과 컨텐츠박스의 위치 등은 모두 동일하게 배치함을 우선으로 합니다.
비슷한 페이지는 페이지관리 탭에서 한 페이지를 복사하여 사용하는 것이 좋으나, 그렇지 못한 경우에는 우측 리모컨의 '위치' 탭을 참조하여 조절할 수 있습니다.
현재 텍스트는 나눔고딕과 DIN next light, 크기는 11pt, 20pt 두 가지를 사용하고 있습니다.
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
PROJECT 탭에는 모든 프로젝트를 연도별로 기록합니다.
각 카테고리 탭에는 해당하는 프로젝트를 연도별로 기록하지만, 연도를 구별하는 아이콘을 삽입하지는 않습니다.
각 프로젝트의 개별 페이지에는 간단한 설계개요와 관련된 사진들을 배치합니다.
개별 페이지 우측 하단의 뒤로가기 세 종류는
1. 개별 페이지가 속한 카테고리 탭으로 돌아가기(뒤로가기 모양)
2. PROJECT 탭으로 돌아가기 (갤러리 모양)
3. 첫화면으로 돌아가기 (홈 모양) 으로 설정되어 있습니다.
페이지를 복제하여 사용 시 잊지말고 해당 카테고리로 돌아갈 수 있도록 링크를 바꾸어야 합니다.
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
웹페이지 첫 화면, 프로젝트 탭, 개별 카테고리 탭에는 갤러리형으로 많은 사진이 뜨기 때문에, 로딩 지연시간을 낮추기 위해 사진을 리사이징 해 사용합니다.
첫 화면에는 가로 1080 픽셀을 기준으로 리사이징하였고, 탭 페이지들에는 500 X 500픽셀로 리사이징 하였습니다. 정확한 픽셀은 정해져 있지 않으니 변경해도 무방합니다.
개별 프로젝트 페이지에도 갤러리 아이콘용 사진을 리사이징 하여 사용하는 것이 좋지만, 기본적으로 이미지 클릭시 해당이미지의 라이트박스가 뜨게 링크되어 있으므로 일단은 아이콘 사진도 web용으로만 리사이징 하여 사용하였습니다.
각 프로젝트는 시간의 역순으로 배열하는 것을 원칙으로 하였습니다.
갤러리는 한 칸의 비율이 고정되어 있지 않으므로, 각각 같은 크기의 갤러리와 사진들의 수를 맞추어 사용합니다. 따라서 흰색(페이지 배경색)으로 채워진 사각형을 업로드 해 갤러리의 빈칸을 채워주는 데에 사용하였습니다.
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
주로 사용된 툴은 링크, 라이트박스 툴 밖에 없습니다. 기타 자세한 툴 사용법은 WIX 도움말 페이지를 참고하시길 바랍니다.
웹페이지 제작에 사용된 모든 파일과 이미지는 안건축의 NAS - 2018 AN ARCHITECT WEBPAGE 폴더, 2018 브로셔 폴더에서 찾을 수 있습니다.