dp DP (Density Independent Pixel)는 안드로이드에서 사용하는 단위로, 디스플레이의 밀도와 관련된 독립적인 픽셀 단위이다. 화면의 크기와 비율에 관계없이 일관된 크기로 보이도록… UI
dpi, ppi 이미지의 해상도를 표현하는 단위. PPI PPI는 Pixels Per Inch로 1인치당 얼마나 많은 픽셀이 들어가느냐로 PC, Mobile 등 다양한 디지털 스크린에… UI
FAB(Floating Action Button) FAB 이란, 플로팅 액션 버튼의 줄임말로, UI 내에 특정 위치에 고정되어 떠있는 요소로 사용자에게 중요한 행동을 언제든지 클릭할 수 있도록… UI
그리드시스템(Grid System) 그리드 시스템은 레이아웃을 잡기 위한 가이드로 콘텐츠 폭, 컬럼, 거터, 마진 4가지 요소로 구성됨.다양한 해상도와 비율의 디바이스에 최적화된 레이아웃을 구현하기… UI
네비게이션(Navigation) 유저가 웹 혹은 앱 서비스 내에서 특정 페이지로 이동하는 탐색 유형을 말함. 웹에서는 주로 헤더, 사이드바에 네비게이션을 제공하며 앱에서는 주로… UI
데이터 포맷(Data formats) 데이터 형식은 다양한 유형의 숫자 및 언어 데이터를 나타냄. UI 내 시간, 요일, 날짜(Month, day, and year) 등 상황에 맞게… UI
마이크로 인터랙션(Micro interaction) 마이크로 인터랙션이란 유저가 웹 혹은 앱 서비스를 사용할 때 마이크로한 영역에 대한 피드백 말함. 예를 들면, 페이스북 혹은 인스타그램의 '좋아요'… UI
반응형 레이아웃 레이아웃이란, 컴퓨터 그래픽 디자인이나 소프트웨어 디자인에서 각 구성요소를 제한된 공간 안에 효과적으로 배열하는 것.반응형이란 다양한 해상도의 디바이스에 최적화 시키는 것으로… UI
스타일 가이드(Style guide) 일관된 브랜드 경험을 주기 위해 기본이 되어야 하는 스타일에 대한 규칙을 말함. 주로, 브랜드 컬러와 그래픽 모티프에 의한 그래픽 가이드라인,… UI
아이코노그래피(Iconography) 도상학이라고도 하며, 아이콘에 대한 것으로 여러 가지 접근 방식이 있지만, 단순 스타일로 접근하기보다 기호학에 의거하여 최대한 직관적인 정보 전달에 우선순위를… UI
인터렉션(Interaction) 인터렉션이란 유저가 특정 행동을 한 것에 대한 반응으로 제스처, 셀렉션, 상태 3가지로 구분할 수 있음. 제스처(Gesture) 웹에서는 마우스와 키보드를 활용하며… UI
지연된 로딩 (Lazy Loading) 지연된 로딩(Lazy Loading)은 웹사이트나 애플리케이션의 성능 최적화를 위해 사용되는 기술 중 하나입니다. 이를 통해 초기 로딩 속도를 개선하고 사용자 경험을… UI