본문 바로가기
IT 꿀팁

[홈페이지제작 관련용어]홈페이지제작 할 때 알아두면 좋은 꿀팁><

by (주)매스티지 2024. 6. 19.

안녕하세요~!

20년노하우, 국내 최다 홈페이지 제작 매스티지입니다^^

오늘은 홈페이지제작 관련용어에 대해 같이 알아보는 시간을 가져볼건데요!

상담 및 미팅 시에 자주 듣게 되는 

용어 몇가지를 간략하게 소개해드릴께요:)



레이아웃 (Lay out)

레이아웃은 이미지나 텍스트, 버튼 등 한정된 공간안에서 요소들을 효과적으로 배치하는 것을 말합니다. 

주목성,가독성, 창조성등을 모두 고려하여야 하며 목적에 맞게 시각적인 효과를 잘 고려하야여 합니다. 

간단하게 말해서 웹사이트의 화면구성과 배치모양을 말합니다.


아이콘(Icon) 

아이콘은 기호의 일종으로 기능버튼아이콘, 기호적아이콘등등 

웹사이트 디자인시 직관적으로 기능을 표시하고 있습니다.


픽토그램(pictogram) 

픽토그램은 아이콘과 비슷한 개념이지만 공공시설 등을 

상징적으로 나타내 주는 일종의 그림 문자입니다. 

그림(picto)과 메시지라는 의미를 갖는 전보(telegram)의 합성어로 

국제적인 행사 등의 사용을 목적으로 제작된 

그림 문자로서, 언어를 초월해서 직감으로 이해할 수 있도록 

표현된 그래픽 심벌(symbol)을 말합니다.

픽토그램은 의미하는 내용을 상징적으로 시각화하여 사전에 교육을 받지 않고도 

모든 사람이 즉각적으로 이해할 수 있도록 체계적으로 제작된 시각 언어 입니다.


UI,UX 

UI는 사용자 인터페이스(User Interface)를 말합니다. 

웹사이트를 이용하는 사용자가 편리하고 쉽게 이용할 수 있도록 만드는 것입니다.

UX는 사용자의경험(User eXperience)으로 사용자가 무엇을 경험하는가? 

의 관점으로 사용자가 느끼는 시스템이나 제품 및 서비스의 

경험이나 느낌을 의미하는 총체적인 경험입니다.

다시말해 UI는 기능을 말하며 UX는 결과를 말한다고 할 수 있습니다.


스토리 보드(storyboard) 

홈페이지제작의 스토리보드는 웹사이트를 제작하기 위한 화면설계, 웹기획서고 할 수 있습니다.

화면의 구성, 화면설명, 연결화면등 구성의 방식을 나타내는 화면정의서와 기능정의서, 

서비스흐름도를 포함하는 문서입니다.


타이포그래피(Typography) 

타이포그래피란 Typo와 Graphy의 합성어 입니다.

글자를 이용한 디자인, 글자를 중심으로 화면구성한 

모든 그래픽 디자인을 타이포그래피라고 합니다.

한마디로 글자를 소재로 하는 그래픽 표현 방식입니다.


GNB(Global Navigation Bar) 

웹사이트 메인 상단에 위치한 메인메뉴를 말합니다.(네비게이션)


푸터영역(Footer) 

페이지 하단에 위치해 있으며 보통 회사정보 및 서비스의 정책, 인증마크등이 삽입되어 있습니다.


웹 호스팅(Web Hosting) 

웹호스팅은 웹 서버를 이용한 서비스로서 

웹사이트를 호스팅 서비스를 통해 운영한다고 생각하시면 됩니다.

항상 연결되어있는 하드디스크를 빌리는 개념이라고 생각할 수 있습니다.

호스팅 종류에 따라서 가격이 차이가 납니다.


파비콘(Favicon) 

웹상단 브라우저 탭 타이틀 옆에 위치한 아이콘 형태를 말합니다. 

16 x 16 크기로 통상적으로 CI 나 BI를 많이 넣어서 별도로 제작해야 합니다.


유지보수 

웹사이트 구축 이후에 사이트를 운영하는 과정에서 추가적으로 관리하는 것입니다.

배너 교체, 문구 수정,이미지 교체등 간단한 업무를 해주는 것으로 내용과

업무량에 따라 추가 계약을해서 운영하기도 합니다.


크로스 브라우징 (Cross Browse) 

구글크롬, 애플사파리, 파이어폭스등 다양한 웹브라우저를 이용하는데 

모든 웹브라우저에서도 항상 동일하게 보여지도록 호환이 되는지

구축 테스트를 하는 과정입니다.

 

상담이나 미팅시에 도움이 되시길 바라며 다음 포스팅에서 

다시 또 만나뵙도록하겠습니다~^^

 

▼ 홈페이지제작 및 문의▼

매스티지 홈페이지 바로가기