리소스 / AI 인사이트 / 용어집
웹과 인터페이스 디자인
웹사이트와 앱 인터페이스의 기본 구성 요소와 그 뒤에 있는 시각적 디자인 선택을 간단히 설명합니다.
34 처음 시작하는 분을 위한 쉬운 용어 설명입니다.
접근성
접근성은 서로 다른 능력과 필요를 가진 사람도 제품을 사용할 수 있게 하는 것입니다.
정의 읽기활성 상태
활성 상태는 누군가 누르고 있거나 현재 사용하는 항목을 나타냅니다.
정의 읽기애니메이션
애니메이션은 움직임이나 변화를 보여 주기 위해 시간에 따라 모양을 바꿉니다.
정의 읽기앱 아이콘
앱 아이콘은 사람들이 앱을 알아보고 여는 데 사용하는 그림입니다.
정의 읽기배경 흐림
배경 흐림은 반투명 패널 뒤에 있는 장면을 부드럽게 만듭니다.
정의 읽기테두리 둥글기
테두리 둥글기는 상자 모서리가 얼마나 둥글게 보일지 정합니다.
정의 읽기박스 모델
박스 모델은 요소와 테두리가 페이지에서 차지하는 공간을 설명합니다.
정의 읽기버튼
버튼은 누르면 어떤 작업을 실행하는 컨트롤입니다.
정의 읽기카드
카드는 소량의 관련 정보를 하나의 상자에 묶습니다.
정의 읽기카드 그리드 레이아웃
카드 그리드는 관련 항목을 카드의 행과 열로 보여 줍니다.
정의 읽기색상 선택기
색상 선택기는 사용자가 색을 고르는 데 도움을 줍니다.
정의 읽기대비
대비는 가까이 있는 색이나 요소 사이의 눈에 띄는 차이입니다.
정의 읽기다크 모드
다크 모드는 인터페이스에 어두운 배경과 밝은 글자를 사용합니다.
정의 읽기디자인 토큰
디자인 토큰은 색상, 여백, 글자 크기 같은 선택에 재사용하는 이름 있는 값입니다.
정의 읽기Flexbox
Flexbox는 항목을 행이나 열로 배치하고 사용 가능한 공간을 나눕니다.
정의 읽기포커스 상태
포커스 상태는 키보드 입력에 반응할 컨트롤을 보여 줍니다.
정의 읽기CSS Grid
CSS Grid는 페이지 항목을 행과 열로 배치합니다.
정의 읽기아이콘
아이콘은 동작이나 생각을 나타내는 작은 그림입니다.
정의 읽기입력란
입력란은 화면에서 정보를 입력하는 공간입니다.
정의 읽기링크
링크는 다른 페이지나 위치 또는 정보로 이동시킵니다.
정의 읽기바깥 여백
바깥 여백은 요소 바깥의 빈 공간으로, 주변 요소와 간격을 둡니다.
정의 읽기메뉴
메뉴는 선택지를 모아 사람들이 페이지나 작업을 찾기 쉽게 합니다.
정의 읽기모달 창
모달 창은 계속하기 전에 메시지나 결정에 집중하도록 요청합니다.
정의 읽기탐색 바
탐색 바는 웹사이트의 중요한 부분으로 가는 링크를 묶습니다.
정의 읽기반응형 디자인
반응형 디자인은 웹사이트가 다양한 화면 크기에 맞춰 조정되도록 합니다.
정의 읽기시맨틱 HTML
시맨틱 HTML은 웹페이지 각 부분의 용도를 설명하는 요소를 사용합니다.
정의 읽기바우하우스
바우하우스는 예술, 공예, 실용적인 디자인을 연결한 학교이자 디자인 운동입니다.
정의 읽기네오 브루탈리즘
네오 브루탈리즘은 굵은 윤곽선과 단순한 형태, 강한 대비가 특징인 대담한 시각 스타일입니다.
정의 읽기다크 UI
다크 UI는 인터페이스의 주요 부분에 어두운 배경을 사용합니다.
정의 읽기터미널 미학
터미널 미학은 텍스트 기반 컴퓨터 터미널에서 영감을 받은 페이지 모양입니다.
정의 읽기Y2K 스타일
Y2K 디자인은 구십 년대 후반과 이천 년대 초반에 연결된 복고 미래주의 스타일입니다.
정의 읽기타이포그래피
타이포그래피는 페이지의 글자가 보이고 읽히는 방식을 말합니다.
정의 읽기시각적 위계
시각적 위계는 페이지에서 가장 중요한 부분으로 시선을 먼저 이끕니다.
정의 읽기와이어프레임
와이어프레임은 페이지나 앱 화면을 간단히 계획한 도면입니다.
정의 읽기