본문 바로가기

디자인3

레이아웃 & 디자인 관련 UI 용어 레이아웃 & 디자인 관련 요소 디바이더 (Divider)설명: 콘텐츠나 섹션을 구분하기 위해 사용하는 수평 또는 수직 선입니다. 시각적으로 공간을 나누어주는 역할을 합니다.사용 예시: 섹션 간의 구분을 위해 텍스트 블록이나 이미지 사이에 사용특징: 페이지의 시각적 구조를 명확하게 하고, 내용의 흐름을 돕는 역할을 합니다. 카드 (Card)설명: 정보를 작은 구획으로 나누어 구성된 블록형 요소입니다. 이미지를 포함할 수 있으며, 클릭 가능한 형태로 정보를 전달합니다.사용 예시: 상품, 블로그 포스트, 사용자 프로필 등의 정보를 담는 카드특징: 정보나 콘텐츠를 구조적으로 배치할 수 있어, 사용자가 쉽게 이해하고 액션을 취할 수 있도록 도와줍니다. 레이어 (Layer)설명: 다른 콘텐츠 위에 겹쳐서 나타나는 .. 2025. 2. 15.
네비게이션&메뉴관련 UI 용어 🔹 네비게이션 & 메뉴 관련 요소헤더 (Header)설명: 웹사이트나 애플리케이션 상단에 위치한 영역으로, 주로 로고, 네비게이션 메뉴, 검색창 등이 포함됩니다. 사용자에게 사이트의 주요 정보를 전달하는 첫 번째 위치에요.사용 예시: 웹사이트의 로고, 사이트명, 주요 메뉴 항목 등특징: 방문자가 사이트를 인식할 수 있게 돕는 주요 요소로, 보통 사이트의 상단에 고정되어 있습니다.푸터 (Footer)설명: 페이지 하단에 위치한 영역으로, 저작권 정보, 개인정보 처리방침, 연락처, 사이트 맵 등이 포함됩니다. 페이지 끝에서 자주 찾을 수 있는 요소에요.사용 예시: 사이트 맵, 저작권 정보, 외부 링크특징: 페이지를 끝낼 때 중요한 링크나 정보를 제공하여, 페이지의 하단에서 추가적인 탐색을 돕습니다.GNB .. 2025. 2. 14.
누구나 쉽게 쓸 수 있는 디자인의 5가지 핵심 요소 ✨ 좋은 디자인은 단순히 예쁜 것이 아니라, 사용자가 쉽고 편하게 쓸 수 있어야 해요. 아래 5가지 요소를 하나씩 살펴볼까요? 1. 배우기 쉬워요(학습편의성)처음 보는 사람도 어떻게 쓰는지 금방 알 수 있어야 해요예시: 장바구니 아이콘은 화면 위쪽에 두어 누구나 쉽게 찾을 수 있게 해요예시: 운동 앱에서는 간단한 그림과 설명으로 누구나 쉽게 기록할 수 있어요구분사용성 모형의미체크리스트편의성단축성사용자가 원하는 과업을 빨리, 간단하게 마무리할 수 있는 정도- 주요 기능(검색, 결제, 주문 등)으로 가는 경로가 간단한가?- 불필요한 클릭이나 단계를 줄였는가?- 빠른 액션을 유도하는 단축키나 버튼이 있는가?반응성사용자 행위에 대한 시스템 반응 속도 및 상태 시각화- 시스템 반응 시간이 빠른가? - 진행 상태(예:.. 2025. 2. 10.