카테고리 · 42개 용어
디자인
보기 좋고 쓰기 좋게 만드는 원칙
TERMS
이 카테고리의 42개 용어
Bento Grid
벤또 그리드
도시락 같은 박스 배치
Glassmorphism
글래스모피즘
유리 반투명 디자인
Neumorphism
뉴모피즘
부드러운 입체감
Flat Design
플랫 디자인
평면 단순 디자인
Skeumorphism
스큐어모피즘
실물 같은 디자인
Light/Dark Mode
라이트/다크 모드
밝은/어두운 테마
Hex Code
헥스 코드
16진수 색상값
Color Palette
컬러 팔레트
브랜드 색상 모음
Typography
타이포그래피
글꼴 디자인
WCAG
웨이캐그
웹 접근성 국제 표준
Accessibility
액세서빌리티, A11y
AI 활용 분야에서 쓰이는 용어로, 시각·청각·운동·인지 장애가 있는 사용자도 동등하게 디지털 서비스를 쓸 수 있도록 인공지능을 활용해 자막·음성·대체 텍스트를 자동 생성·보완하는 분야입니다.
Heuristic Evaluation
휴리스틱 평가
전문가 원칙 평가
A/B Test
에이비 테스트
두 버전 비교
Persona
페르소나
가상 대표 사용자
User Journey
유저 저니
사용자 경험 여정
User Flow
유저 플로우
사용자 흐름
Wireflow
와이어플로우
와이어+플로우차트
Prototype
프로토타입
동작 가능한 시안
Mockup
목업
실제 디자인 적용 시안
Wireframe
와이어프레임
간단한 화면 설계도
Fluent Design
플루언트
Microsoft 디자인 시스템
Apple HIG
에이치아이지
Apple 디자인 가이드
Material Design
머터리얼
Google 디자인 시스템
Chakra UI
차크라
접근성 좋은 React UI
Ant Design
앤트
알리바바 React 컴포넌트
Material UI
MUI
Google Material React
Radix UI
라딕스
헤드리스 UI 라이브러리
shadcn/ui
샤드시엔
복사형 React 컴포넌트
Tailwind CSS
테일윈드
유틸리티 CSS 프레임워크
Auto Layout
오토 레이아웃
Figma 자동 정렬
Variant
베리언트
컴포넌트 다양한 상태
Component
컴포넌트
재사용 UI 조각
Style Dictionary
스타일 딕셔너리
Amazon 토큰 변환 도구
Design Token
디자인 토큰
디자인 값을 표준 변수로 표현
Design System
디자인 시스템
색·폰트·컴포넌트 표준
Penpot
펜팟
오픈소스 Figma 대안
Adobe XD
adobe.com
Adobe UX 도구
Sketch
스케치
맥용 클래식 도구
Figma Variables
피그마 변수
Figma 디자인 변수 시스템
Figma
피그마
웹 협업 디자인 도구
UX
사용자 경험
UI
시각적 인터페이스