분류 전체보기4 UI 용어 정리 - 스피너, 피커, 스테퍼 1. 스피너(Spinner)특정 화면을 로딩 할 때에 현재 '로드 중' 임을 사용자에게 시각적으로 알려주는 Object이다.보통 4초 이하일 때 사용하는 간단한 git이미지나 애니메이션으로 표현한다. 4초 이상이 걸릴 때에는 '로딩바' Progress Bar를 사용한다. 4초 이하의 상황에만 스피너를 사용하는 이유는, 4초 이상의 로드 시간에 스피너와 같은 무한 로딩형태를 표시할 경우, 유저의 불만 또는 불안이 생길 수 있다고 한다. 2. 피커(Picker) Date 피커, Time 피커 등 날짜, 시간에 관련된 것을 주로 사용한다.휠(Wheel) 또는 Select 또는 선택형 Type 이 있다. 3. 스테퍼(Stepper)**Stepper (스테퍼)**는 사용자가 단계적으로 진행하는 작업을 쉽게 .. 2025. 2. 28. 서비스 Flow chart 1. 둥근사각형 - 프로세스의 시작과 끝2. 주황사각형 - 일련의 동작이나 처리를 표시하는 기호3. 마름모 - 유저나 시스템의 판단 및 분기점을 나타낼 때 표현4. 평행사변형 - 데이터의 입,출력을 표시5. 노란색 사각형 - 페이 내 세부 긴으을 표현한다.6. 원기둥 - 서버 DB 에 쌓이는 유저 개인 데이터들을 표시한다.7. 회색 사각형 - 그 외 체크사항이나 입력 요청사항 등 주석을 표시할 때 사용된다. 2025. 2. 28. [UI Design] - 다크모드 디자인시 알아두어야 할 9가지 테크닉 다크모드 디자인 시 알아두어야할 9가지 테크닉을 정리한 링크 입니다. Mastering the Art of Dark UI Design: 9 Essential Principles and Techniques Dark UI design often called Dark Mode or simply lights out mode, is a user interface with a color scheme that resembles a negative in… medium.muz.li 위의 링크에 방문해 보시면, 다크모드시 알고 있어야할 사항들이 정리되어있습니다. [ 9가지 제목정리 ] 1. Aboid Pure Colors - 완전흰색(#FFF) 과 완전검은색(#000) 사용을 피하라. 2. Avoid Pure White .. 2023. 2. 16. Typography - iOS, Android 아래 사이트에서 Typography외에도 다른 Design system도 볼 수 있다. Apple iOS - Type https://developer.apple.com/design/human-interface-guidelines/foundations/typography Typography - Foundations - Human Interface Guidelines - Design - Apple Developer Typography In addition to ensuring legible text, your typographic choices can help you clarify an information hierarchy, communicate important content, and express yo.. 2023. 2. 5. 이전 1 다음
