기획 · 디자인/UIUX6
[UIUX] 실무에서 자주 사용되는 UI 용어(5)
개인적으로 공부하면서 기록하는 공간으로 잘못된 정보는 댓글을 통해 알려주시면 감사하겠습니다 :-) ▪ ▪ ▪ ▪ ▪ 안녕하세요. 많은 분들이 용어 정리를 봐주시는 것 같아 뿌듯한 마음에 5탄을 가지고 왔습니다 ! 이번에도 많은 관심 부탁드릴게요 =] 스켈레톤(Skeleton) 명칭을 들으면 생소할 수 있지만 이미지와 함께 보시게 된다면 '아 이 화면이었구나?' 할 수 있는 요소 인데요. 실제 데이터가 렌더링 되기 전 윤곽을 먼저 그려주는 로딩 애니메이션입니다. 이 화면을 통해 사용자는 대충 서비스의 화면구성을 알 수 있어요. 또한 일반 로딩 화면 보다 부드럽게 전환되기 때문에 사용자가 느끼는 로딩시간이 짧아 보인다는 장점이 있습니다. 카드형 UI(Card) 카드 기반의 디자인은 주로 시각에 많이 의존하게..
[UIUX] 실무에서 자주 사용되는 UI 용어(4)
개인적으로 공부하면서 기록하는 공간으로 잘못된 정보는 댓글을 통해 알려주시면 감사하겠습니다 :-) ▪ ▪ ▪ ▪ ▪ 오랜만에 용어 4탄으로 돌아왔습니다 ! 뭔지는 알고있는데 항상 갑자기 생각안나고는 하잖아요.. 앞으로도 차근차근 알려드리도록 할게요. 아코디언(Accodion) 대부분 제한된 공간 내에서 많은 양의 정보를 보여주고자 할 때 사용해요. 접었다 펼쳤다 할 수 있기 때문에 효과적인 레이아웃 구축이 가능하다는 점이 가장 큰 장점일 것 같습니다. 메뉴(Menu) 일반적으로 많이들 알고 있는 메뉴가 햄버거 메뉴일텐데요. 그 외에도 정말 다양한 메뉴들이 존재하고 있습니다. 1) 벤토메뉴(Bento) : 그리드 목록으로 나열되는 메뉴를 의미함 2) 도너메뉴(Döner) : 햄버거 메뉴의 변형으로, 이 메..
[UIUX] 네이버 '클로바노트'를 통해 살펴본 기본 UI용어
개인적으로 공부하면서 기록하는 공간으로 잘못된 정보는 댓글을 통해 알려주시면 감사하겠습니다 :-) ▪ ▪ ▪ ▪ ▪ 이번에는 네이버 서비스 중 하나인 '클로바 노트'를 통해 간단한 UI용어를 알아보도록 할게요 (●'◡'●) 클로바노트란? 네이버가 AI 기술을 선보였습니다. 중요한 순간에 듣고, 작성하는 것 등 여러가지에 집중해야할 때 상당히 많은 불편함을 겪으셨던 분들이 많을 것 같은데요. 클로바노트는 그 순간에 집중할 수 있도록 참석자의 목소리를 구분해서 음성 기록을 정리해주는데, 후에 대화를 눈으로 볼 수 있다는 것이 가장 큰 장점인 것 같네요 ! 단, 녹음을 하기 전 참석자분들의 동의를 구하는 것은 필수이겠죠 ? 스플래시(Splash) 일반적으로 로고 이미지 혹은 애니메니션을 사용하여 스플래시 화..
[UIUX] 실무에서 자주 사용되는 UI 용어(3)
개인적으로 공부하면서 기록하는 공간으로 잘못된 정보는 댓글을 통해 알려주시면 감사하겠습니다 :-) ▪ ▪ ▪ ▪ ▪ 저는 오늘도 UI 용어 3탄으로 다시 돌아왔습니다 ! 실무자분들 뿐만 아니라 모든 분들이 제 글을 보고 많은 도움이 되시길 바랄게요. 스플래시(Splash) 모바일 앱 실행 시 가장 처음 만나게 되는 화면으로, 보통 1초에서 3초정도 이어집니다. 대게 서비스를 대표하는 내용으로 구성되어 있으며, 사용자로 하여금 '시각적' 요소를 통해 긍정적인 인상을 심어줍니다. 코치마크(Coach Mark) 앱을 처음 실행하였을 때, 도움말 또는 사용방향을 지시해주는 화면이라고 할 수 있습니다. 즉, 앱을 처음 사용하는 사용자를 위해 간단한 사용법을 안내해주는 서비스로 보통 최초 실행 시에만 볼 수 있도록..
[UIUX] 실무에서 자주 사용되는 UI 용어(2)
개인적으로 공부하면서 기록하는 공간으로 잘못된 정보는 댓글을 통해 알려주시면 감사하겠습니다 :-) ▪ ▪ ▪ ▪ ▪ 어제에 이어 실무에서 많이 사용되고 있는 UI 관련 용어 2탄 ! 을 준비해보았습니다. 업무를 진행하다보면 뭔지는 알겠는데 명칭이 기억 안 날 때 종종 있으셨죠? 그럴 때를 대비해 미리미리 알아두도록 해요. 스피너(Spinner) 숫자 입력 컨트롤을 말하며, 위아래 화살표 버튼을 사용하여 값을 조절하거나 필드에 직접 원하는 숫자를 입력하여 값을 추출한다. 슬라이더(Slider) 입력 값이 제한되어 있음을 시각적으로 인지하고, 버튼을 밀고 당기며 값을 조절한다. 텍스트 입력 필드(Text Input Field) 앱 사용 시 흔히 볼 수 있는 키보드로 직접 텍스트를 입력 하는 곳을 말한다. 플..