• 강좌 목록
  • 매거진
    • 디자인터뷰
    • 디자인스낵
  • 디자인 사전
  • 북마크
  • 무료 소스
  • 소개
문의하기 멤버십
Pixel1명암조정1실행취소1골드텍스트효과1앱디자인2스타일가이드1손그림효과1어도비XD강좌9에셋2Anima1웹코딩강좌33Normalize.css1
  • 강좌 목록
    • 멤버십 전용
    • 포토샵
    • 일러스트레이터
    • 웹 디자인
    • 웹 코딩
    • 스케치
    • 피그마
    • XD
    • 프로토파이
    • 프린서플
    • 인비전
    • Lottie
    • Three.js
    • 제플린
    • 방구석클래스
  • 매거진
  • 디자인 사전
  • 북마크
  • 무료 소스
  • 소개
멤버십

디자인 용어 사전 : UI

차트(Chart)

차트는 데이터 시각화와 관련되며 라인, 바, 캔들, 타임라인 등 다양한 타입으로 활용됨. 보여주고자 하는 데이터의 성향과 가짓수에 따라 적합한 유형을…

UI

데이터 포맷(Data formats)

데이터 형식은 다양한 유형의 숫자 및 언어 데이터를 나타냄. UI 내 시간, 요일, 날짜(Month, day, and year) 등 상황에 맞게…

UI

햅틱, 사운드 디자인(Sound Design)

UI에서는 주로 시각적인 방식으로 전달되지만, 유저의 행동에 대해 *햅틱 기술을 활용한 진동(촉각)을 통한 피드백과 사운드 디자인(청각)을 통해 피드백을 주는 역할을…

UI

FAB(Floating Action Button)

FAB 이란, 플로팅 액션 버튼의 줄임말로, UI 내에 특정 위치에 고정되어 떠있는 요소로 사용자에게 중요한 행동을 언제든지 클릭할 수 있도록…

UI

헤더(Header)

웹사이트 내에 상단 영역에 로고부터 내비게이션, 액션 버튼을 모아놓은 영역.회원가입, 문의하기 등 사용자에게 유도하고자 하는 CTA는 다른 메뉴와 다르게 잘…

UI

푸터(Footer)

웹사이트 내에 하단 영역에 브랜드 로고부터 사이트 맵, 필수 페이지에 대한 링크, 소셜 정보, 저작권 표기, 언어 설정 등의 기능을…

UI

브레드 크럼즈(Breadcrumbs)

브레드 크럼즈란 빵 부스러기로 헨젤과 그레텔에서 따온 용어로 사이트의 전체 구조를 한눈에 볼 수 있어 사용자가 현 위치에 대한 맥락을…

UI

마이크로 인터랙션(Micro interaction)

마이크로 인터랙션이란 유저가 웹 혹은 앱 서비스를 사용할 때 마이크로한 영역에 대한 피드백 말함. 예를 들면, 페이스북 혹은 인스타그램의 '좋아요'…

UI

스티키(Sticky)

웹 혹은 앱 내에서 스크롤을 할 경우 특정 영역에 도달했을때 대상이 고정되는 방식을 말함. 사용자 입장, 혹은 비즈니스 측면에서 고정했을…

UI

인터렉션(Interaction)

인터렉션이란 유저가 특정 행동을 한 것에 대한 반응으로 제스처, 셀렉션, 상태 3가지로 구분할 수 있음. 제스처(Gesture) 웹에서는 마우스와 키보드를 활용하며…

UI

네비게이션(Navigation)

유저가 웹 혹은 앱 서비스 내에서 특정 페이지로 이동하는 탐색 유형을 말함. 웹에서는 주로 헤더, 사이드바에 네비게이션을 제공하며 앱에서는 주로…

UI

트랜지션(Transition)

트랜지션이란 페이지 간 이동할때 적용하는 애니메이션을 말함. 페이지와 페이지 사이의 정보 구조 및 연계성을 시각적으로 인식시켜주기 위한 방법. 트랜지션을 결정하는 두…

UI

글 내비게이션

1 2

편하게
문의주세요

designbasekorea@gmail.com

Youtube Instagram Pinterest Naver Blog

강좌 바로가기

포토샵 일러스트레이터 피그마 스케치 XD 프로토파이

강좌 바로가기

웹디자인 웹코딩 인비전 프린서플 Lottie Three.js

페이지 바로가기

소개 매거진 디자인 사전 북마크 무료 소스 문의하기 멤버십

© 2023 Designbase. All rights reserved.