웹 디자인 용어 정리

1. UX(User Experience)

사용자 혹은 유저 경험

 

 2. UI(User Interface)

사용장 인터페이스

직관적, 일관적, 효율적으로 사용자가 사용하는 매개체

 

3. Responsive Web

 반응형 웹

       PC 및 모바일, 각각 다른 디바이스마다 반응하여 형태가 변하는 웹

 

4. WSG(Web Style Guide)

      웹 스타일 가이드

 

  디자이너와 개발자가 한 프로젝트에서 같이 사용하는 폰트 및 이미지를 기본으로 설정하는 것

 

5. Affordance 행동 유도성

디자이너의 의도대로 사용자 사용하게 하는 것

 

6. Layout 화면 구성 또는 배치

 

7. Grid  레이아웃을 구현하는 데 필요한 가이드 라인

 

8. GNB  (Global Navigation Bar) 사이트 전체에 대한 네비게이션 바

 

9. LNB(Local Navigation Bar) 하위 메뉴, 서브 네비게이션 바

 

10. Side bar 사이드 바  해당 서비스의 다양한 기능을 제공함.

       보통 좌측 혹은 우측에 배치됨

 

11. Header/Footer 헤더/푸터

헤더 - 상단에 있는 영역, 브랜드 로고부터 네비게이션 바

푸터 - 하단에 회사 정보, 저작권 표기, 소셜 정보 등을 배치

 

12. CTA( Call To Action) 목표 달성 버튼

강조하고 싶은 버튼 ex) 장바구니 버튼

 

13. Input창/ Placeholder/Label

       정보 입력창과 그에 맞는 힌트 그리고 라벨

 

14. Favicon 상단 브라우저 탭 타이틀 옆 16 X 16 사이즈의 아이콘

 

15. 웹 서버 & 호스팅

       Web server - 브라우저에 띄어줄 코드, 이미지, 데이터 베이스를 저장하는 공간

       Web Hosting - 웹 서버를 유,무료로 빌려주는 곳

 

16. Domain(도메인) 인터넷상의 주소

 

17. 웹 퍼블리싱 - 디자이너로부터 전달받은 시안을 브라우저에서 볼 수 있도록 HTML, CSS, JS 등을 이용한 코딩 작업

 

18. Cross Browsing 크로스 브라우징

다양한 브라우저 환경에서도 사용자가 정보의 소외되지 않도록 하는 것

 

19. SEO(Serch Engine Optimization) 검색 엔진 최적화

자료 수집 및 순위를 매기는 방식에 맞게 검색 결과 상위 노출 시키는 작업

20. GA(Google Analytics)

Google에서 제공하는 웹 분석 서비스로, 웹 사이트 트래픽을 추적하고 보고