웹디자인 관련 용어정리


프리모아의 Roy입니다 

웹디자인 관련 미팅시 클라이언트와

디자이너 간에 커뮤니케이션이 원활하게 진행되도록

웹 디자인 용어에 대해서 정리해보았습니다. 



웹디자인 용어웹디자인 용어정리 



1. 레이아웃 ( Lay out )


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

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


레이아웃



2. 아이콘 ( Icon )


아이콘은 웹사이트 디자인시 의미와 형태 사이의 대응 관계가 이루어지는데 작은 이미지 또는 기호를

만들어서 표시한 것으로 쉽고 직관적으로 기능을 표시하고 있습니다.

아이콘

3. 그리드 ( Grid )


그리드는 사전적 의미로 격자 형식의 무늬이며 레이아웃 요소들이 효과적으로 보여주기 위해서

사용하는 수직, 수평의 라인으로 레이아웃을 구현하기 위한 구조물입니다.



4. 스토리 보드


스토리 보드는 웹사이트 디자인을 하기 위한 화면설계서, 웹 기획서라 할 수 있습니다.

화면 구성의 방식을 나타내는 화면정의서와 기능정의서, 서비스흐름도를 포함하는 문서입니다.




5. UI , UX

UI는 말 그대로 사용자 인터페이스를 말합니다. 웹사이트를 이용하는 사용자가 편리하고

쉽게 이용할 수 있도록 만드는 것입니다.

UX는 사용자가 느끼는 시스템이나 제품 및 서비스의 경험이나 느낌을 의미하는 총체적인 경험입니다. 


6. 타이포그래피 ( Typography )

Typo와 Graphy의 합성어로 글자를 소재로 하는 그래픽 표현 방식입니다.


타이포그래피



7. 스타일 가이드 ( Style Guide ) 

웹사이트의 디자인 아이덴티티 유지하기 위한 지침서로써 텍스트, 컬러, 줄간격, 버튼등을

디자인, 퍼블리싱, 개발에 일관성을 유지하기위한 웹스타일 가이드입니다.



8. GNB (Global Navigation Bar)

퉵사이트 메인 상단에 위치하며 간단히 말하면 메인 메뉴를 지칭합니다. (네비게이션 시스템)

GNB



9. LNB (Local Navigation Bar)

글로벌 내비게이션의 하위 메뉴 즉 서브메뉴를 말합니다.

보통 웹사이트 좌측에 위치하는 경우가 많습니다.

LAB




10. 푸터영역 ( Footer )

페이지 하단에 위치한 공통 노출요소로써, 보통 회사정보 및 서비스의 정책, 인증마크

등이 삽입되어있습니다.

푸터영역


11. 플랫디자인 (Flat Design)

심플한 형태의 디자인을 말하며 플랫 디자인의 장점은 백터 기반의 디자인 요소로 다양한

모바일 디바이스에 대응하기 위한 디자인 관리가 용이합니다. 

플랫디자인



12. 톤 앤 매너 ( Tone & manner )

웹사이트의 전체적인 색상적 분위기나 방향성에 대한 느낌을 말하는 것으로 포괄적인 디자인

13. 웹 호스팅 ( Web Hosting )

웹호스팅은 웹 서버를 이용한 서비스로서 웹사이트를 호스팅 서비스를 통해 웹사이트를 운영한다고

생각하시면 편합니다. 호스팅 종류에 따라서 가격이 차이가 납니다.

아마존웹서비스



14. 유지보수

웹사이트 구축 이후에 사이트를 운영하는 과정에서 추가적으로 베너 교체라던지 문구 수정,

이미지 교체와 같은 간단한 업무를 해주는 것으로 업무량에 따라 추가 계약을해서 운영하기도 합니다.

15. 크로스 브라우징 ( Cross Browse )

웹사이트를 구축을 하면 모든 브라우져에 호환이 되는지 구축 테스트를 하는 과정입니다.

크로스 브라우징



16. 프론트 앤드 ( Front-end )

사용자단, 프론트 단이라고도 하는데 이용자가 보는 모든 시각적 기능들

17. 백 오피스 ( Back office )

관리자단, 백 단이라고 하는데 웹을 운영하는 관리자 페이지입니다.

18. CSS ( Cascading Stule Sheets )

웹 문서의 전반적인 스타일을 미리 저장해둔 스타일 시트로써 웹사이트 전체의 일관성을 유지
 
할 수 있고 일일히 스타일 지정할 필요가 없어집니다.

CSS


19. 파비콘 ( Favicon )

상단 브라우저 탭 타이틀 옆에 위치한 아이콘 형태를 말합니다. 16 x 16px 크기로 통상적으로 CI 나 BI

를 많이 넣어서 별도로 디자이너가 제작해야합니다.


파비콘


20. 반응형 웹 ( Responsive Web )

디바이스의 크기에 따라 자동적으로 레이아웃의 재배치 또는 크기가 변하면서 태블릿, 모바일 버전을

각각 제작할 필요가 없어서 비용을 절감할 수 있다는 장점이 있습니다.


반응형 웹


이상 IT 아웃소싱 플랫폼 프리모아였습니다.

프리모아




저작자 표시 비영리 변경 금지
신고
Posted by 프리모아

댓글을 달아 주세요


티스토리 툴바