6일차 : UX/UI 용어 정리와 아티클 스터디

0

오늘은 사전캠프를 시작한지 6일차!
그동안 조금 친해진 UX/UI와 관련된 용어들을 알아보고 관련 아티클 스터디를 해보겠습니다.

UX(User Experience)

유저 경험을 의미한다.

UI(User Interface)

유저가 제품을 사용하기 위한 상호작용의 모든 것

UX/UI와 관련된 용어

  • GUI(Graphic User Interface)

    그래픽 사용자 인터페이스. 아이콘,버튼,메뉴 등을 통해 명령하고 컴퓨터와 상호 작용하는 것
  • 스플래시 스크린(Splash screen)

    일반적으로 애플리케이션 실행 시 페이지의 컨텐츠가 로딩되기까지 일시적으로 보여주는 화면
  • 모달(Modal)

    기존에 열려있는 브라우저 위에, 새로운 창이 아닌 레이어를 까는 것
  • Default

    어떠한 컴포넌트의 기본 상태값을 의미
  • Disabled

    비활성화 상태를 의미
  • Active

    버튼이 눌리는 순간, 눌렸음을 표시해주는 상태
  • Hover

    마우스 또는 포인터가 올려진 상태
  • 드롭다운

    버튼의 아래로 하위 메뉴들이 펼쳐지는 요소
  • 라디오 버튼

    옵션 중 단 하나만 선택할 수 있는 요소
  • 브레드크럼

    사이트 전체 구조를 알 수 있으며, 사용자가 어떤 위치에 있는지 알 수 있는 요소
  • 토글

    on/off 등 특정 기능을 켜고 끌 때 사용하는 요소
  • 슬라이더

    정해진 범위 내에서 선택하거나 움직여서 설정하는 요소
  • 체크박스

    사용자가 수많은 선택 사항에서 여러 개를 선택할 수 있도록 해주는 요소
  • 텍스트필드

    사용자가 텍스트를 입력할 수 있는 요소

UI 아티클 스터디

  • 오늘의 아티클(주제)

    UI 용어를 정리해야 하는 이유

  • 아티클 요약

    UI와 관련해서 다양한 용어
    비슷한 용어들이 많아 서로 다르게 알고 있는 경우도 있다.

  • 인사이트

    디자인팀은 다양한 사람들과 소통을 하기 때문에 사용하는 용어에 대해 자세히 알아야 할 필요가 있다는 것을 알게 되었다.

피그마 아티클 스터디

  • 오늘의 아티클(주제)

    삶의 질이 달라지는 피그마 숨겨진 기능과 단축키
    알아두면 쓸모 있는 피그마 플러그인 추천 7가지

  • 아티클 요약

    피그마에서 쓰이는 단축키가 어떠한 것이 있는지 단축키가 필요한 이유
    플러그인의 기능과 종류

  • 인사이트

    아직 초보라 알고 있는 플러그인이 별로 없었는데, 많이 사용하는 플러그인이 어떤 것인지 기능이 무엇인지 알 수 있었다.

0개의 댓글