일상생활 여자

UI? UX?

벡터? 그리드?

취직은 했는데 위에 상사가 오더를 내릴때 알 수 없는 용어들

미리 공부하고 가면 부끄러운 일이 없어지겠죠.

오늘은 웹디자이너가 자주 사용하는 단어와 그뜻 알아보겠습니다.

UI (User Interface, 사용자 인터페이스): 웹 사이트나 앱과 같은 디지털 제품의 사용자 인터페이스를 의미합니다.

UX (User Experience, 사용자 경험): 사용자가 제품을 사용하는 동안 느끼는 전반적인 경험을 말합니다. 사용자의 만족도와 편의성을 개선하기 위해 UX 디자인을 수행합니다.

Wireframe (와이어프레임): 디자인 요소의 배치와 사용자 인터페이스 구조를 시각적으로 표현한 저해상도 레이아웃입니다. 주로 기본적인 레이아웃과 기능을 설계할 때 사용됩니다.

Mockup (모형, 모의 디자인): 디자인 요소의 시각적인 모습을 구체적으로 표현한 디자인 시안입니다. 일반적으로 정적인 이미지 형태로 제작되며, 최종 디자인을 시각적으로 전달하는 데 사용됩니다.

Prototype (프로토타입): 제품이나 서비스의 초기 버전으로, 실제 동작하는 웹 사이트나 앱입니다. 사용자 피드백을 수집하고 기능을 테스트하며, 디자인 및 개발 단계에서의 문제를 발견하고 수정하기 위해 사용됩니다.

Responsive Design (반응형 디자인): 다양한 디바이스와 화면 크기에 자동으로 적응하여 웹 사이트나 앱이 최적의 사용자 경험을 제공할 수 있도록 하는 디자인 접근법입니다.

Typography (타이포그래피): 글꼴, 글자 크기, 행간, 줄 간격 등의 텍스트 요소를 디자인하는 과정과 결과물을 의미합니다.

Grid (그리드): 웹 사이트나 앱의 레이아웃을 구성하는 데 사용되는 가상의 수직 및 수평 라인으로, 요소의 배치와 조정에 도움을 줍니다.

Color Palette (색상 팔레트): 디자인에 사용될 색상의 집합입니다. 주요 색상, 보조 색상, 배경 색상 등을 포함할 수 있으며, 일관성과 시각적인 조화를 유지하는 데 중요합니다.

Visual Hierarchy (시각적 계층): 디자인 요소들의 중요도와 우선순위를 시각적으로 표현하여 사용자에게 정보를 전달하는 방식을 말합니다.

Grid System (그리드 시스템): 웹 페이지 레이아웃을 구성하기 위해 사용되는 그리드 패턴이나 구조를 의미합니다. 디자인 요소의 배치와 일관성을 유지하는 데 도움을 줍니다.

Above the Fold (화면 절반 이상): 웹 페이지를 처음 열었을 때 사용자가 볼 수 있는 화면의 상위 영역을 가리킵니다. 주요 내용이나 중요한 호출 부분을 포함해야 합니다.

White Space (여백): 디자인 요소 사이에 남겨진 빈 공간을 말합니다. 레이아웃을 깔끔하고 가독성 있게 만들어주며, 시각적으로 조화롭고 휴식감을 제공합니다.

이 밖에도 다양한 전문 용어들이 많답니다.

오늘은 간단하게 말해보았는데요.

도움이 되었길 바랍니다!

"이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다."