세상의 모든 일을 아주 제대로. 멋지게. 해결하기 위해 연구합니다.

홈페이지 제작 프로젝트 관련 용어

홈페이지 제작 프로젝트를 진행하다 보면 종종 몇 가지 용어들로 인해 의사 소통에 어려움이 생기거나, 잘못된 전달로 인해 오해가 생기기도 합니다.
그래서 프로젝트를 진행하면서 들을 수 있는 관련 용어를 몇 가지 정리해 보았습니다. 워드프레스 기반으로 프로젝트를 진행하다는 가정하에 정리하였으므로, 제작 형태가 다른 프로젝트와 용어의 차이가 있을 수 있습니다.
 
 

목업(Mock Up)

목업이란 모형이란 뜻으로 디자인 영역에 따라 다양한 형태로 제작됩니다. 홈페이지 제작 시 목업은 PC나 모바일 등 다양한 디바이스에 따라 홈페이지가 어떻게 보여지는지 사전에 보여주는 형식으로 디자인 시안을 고객사에게 보여줄 때 많이 사용되고 있습니다.
워드프레스로 홈페이지를 제작할 경우 테마를 선정해서 작업하기 때문에 해당 테마를 디바이스별로 확인할 수 있어 목업 작업이 따로 필요할 경우는 거의 없습니다.
Mobile devices, wireless communication technology and internet web concept: business laptop or office notebook, tablet computer PC and modern black glossy touchscreen smartphones with colorful application interfaces isolated on white background
 

레이아웃(Lay-out)

텍스트, 이미지, 버튼 등을 페이지 위에 시각적 효과와 사용 목적을 고려하여 구성-배열하는 일을 말합니다.
효과적인 레이아웃은 사용자들에게 편안함과 아름다움을 제공합니다.
%ec%9a%a9%ec%96%b4%ec%a0%95%eb%a6%ac_%eb%a0%88%ec%9d%b4%ec%95%84%ec%9b%831
 
 

스타일 가이드(Style Guide)

텍스트, 컬러, 버튼, 줄 간격 등 여러가지 웹디자인을 위한 기본적인 기준을 말합니다. 홈페이지의 아이덴티티와 일관성을 위해 필요한 요소입니다.
워드프레스 테마를 사용하여 홈페이지를 제작할 경우 선정된 테마의 기본 스타일을 활용하면 어려움 없이 진행 가능합니다.
 

톤앤매너(Tone@Manner)

홈페이지의 전반적인 스타일에 대한 느낌을 말합니다. 톤앤매너는 홈페이지의 포괄적인 디자인에 대한 느낌을 말한다면 스타일 가이드는 톤앤매너의 구체적인 디자인 형태를 가이드화 시킨 것이라 생각하시면 됩니다.
워드프레스로 홈페이지를 제작할 경우 이 톤앤매너에 중점을 두고 테마를 선정을 하시면 좋습니다.
 

GNB(Global Navigation Bar)

메인 메뉴를 말합니다. 1Depth 메뉴로 일반적으로 홈페이지 최상단에 위치합니다.
%ec%9a%a9%ec%96%b4%ec%a0%95%eb%a6%ac_%eb%a9%94%eb%89%b4
 

LNB(Local Navigation Bar)

2Depth 이하의 메뉴를 말합니다. 좌측이나 우측에 위치하거나, GNB 마우스 오버 시 보여주는 형식으로 위치합니다.
 

푸터(Footer)

홈페이지 최하단에 위치한 Bar를 말합니다. 주로 Copyright 문구와 주소, 로고 등을 입력하여 사용됩니다.
워드프레스 테마에서는 SNS, 사이트맵, 최근 뉴스 등 다양한 형태로 활용되고 있습니다.
 

웹서버(Web Server)

쉽게 정리하면 웹상의 PC로 생각하시면 됩니다.
 

웹호스팅(Web Hosting)

웹호스팅은 웹서버를 사용할 수 있는 서비스로 생각하시면 됩니다. 웹서버를 보유하고 있는 웹호스팅 업체에 일정 비용을 지불하고 웹호스팅을 제공 받아 홈페이지를 띄운다고 생각하시면 됩니다.
 

도메인(Domain)

홈페이지 주소라고 생각하시면 됩니다.
 

크로스 브라우징(Cross Browse)

브라우저 버전(익스플로어, 크롬, 사파리 등등)에 따라 홈페이지가 제대로 보여지도록 하고, 확인하는 것을 말합니다.
워드프레스 테마별로 지원하는 브라우저가 조금씩 다르므로, 테마를 선정하실 때 지원하는 브라우저를 확인하실 필요가 있습니다.
 
 
100% 주문제작형 고퀄리티 워드프레스홈페이지 제작 전문_워프로 : http://wor-pro.com/