ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko nb ko ko ko en en ko ko ko ko ko ko ko ko ko ko ko en ko zh ko en ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko el ko jbo ko ko jbo ko ko jbo ko ko en es ko ko ko ko ko ko en
인터렉션이란 유저가 특정 행동을 한 것에 대한 반응으로 제스처, 셀렉션, 상태 3가지로 구분할 수 있음.
웹에서는 마우스와 키보드를 활용하며 클릭, 마우스오버, 마우스 인아웃, 프레스, 키 다운, 키 업 등이 있으며, 앱에서는 손가락을 활용하며 탭, 스크롤, 팬, 드래그, 스와이프, 핀치 이렇게 활용함.
셀렉션은 유저가 클릭한 것에 대한 반응으로 제대로 선택된 것을 표현하는 것임.
상태는 유저가 버튼, 인풋 등의 요소에 대해 클릭 가능한 혹은 불가능한 경우를 직관적으로 이해할 수 있게 표현 해야함. 주로 Default(Enabled), Disabled, Hover, Focused, Pressed 등 요소에 따라 다름. 디자인 시스템 구축시 필수 개념으로 매우 중요함.
#05 구성요소 사용법 – 어도비 XD 강좌 (멤버십 전용)
웹플로우, 코딩 공부 전에 배워야 할 웹 제작 툴 – 방구석 클래스
#15 애니메이션 목업 직접 만드는 방법 – 포토샵 강좌 실전
디자인 입문자가 꼭 참고해야 할 사이트
클릭 한 번으로 웹사이트 화면 캡쳐뜨는 방법(크롬 확장 프로그램)
그라데이션 컬러 추천해주는 사이트
투명 카드 초대장 목업
맥북 프로 16인치 목업
차트는 데이터 시각화와 관련되며 라인, 바, 캔들, 타임라인 등 다양한 타입으로 활용됨. 보여주고자 하는 데이터의 성향과 가짓수에 따라 적합한 유형을…
데이터 형식은 다양한 유형의 숫자 및 언어 데이터를 나타냄. UI 내 시간, 요일, 날짜(Month, day, and year) 등 상황에 맞게…
햅틱, 사운드 디자인(Sound Design)
UI에서는 주로 시각적인 방식으로 전달되지만, 유저의 행동에 대해 *햅틱 기술을 활용한 진동(촉각)을 통한 피드백과 사운드 디자인(청각)을 통해 피드백을 주는 역할을…
Youtube Instagram Pinterest Naver Blog
포토샵 일러스트레이터 피그마 스케치 XD 프로토파이
웹디자인 웹코딩 인비전 프린서플 Lottie Three.js
소개 매거진 디자인 사전 북마크 무료 소스 문의하기 멤버십
© 2022 Designbase. All rights reserved.