본문 바로가기

공부/tip

[웹버튼] 버튼 종류

728x90

 

 

 

웹사이트를 제작하다 보면 빼먹을 수 없는 버튼!!

이 웹버튼에도 속성과 공식이 있는데요~

 

아래 내용을 보면서 웹 버튼의 종류, 속성, 팁에 대해서 알아볼까 합니다.

 

 

 

 

먼저 버튼은 3가지 종류로 나눌 수 있습니다

 

1. positive : 화면의 변화를 주거나 정보를 추가하는 버튼 ("전송" "확인" "더보기" 등) 

2. Neutral: 화면의 변화가 없거나 되돌아가는 버튼 ("취소"버튼 등)

3. Negative: 삭제, 리셋, 추가 정보를 차단하는 버튼

 

 

 

positive action button : 

positive 버튼은 주목성을 높이는 것이 중요합니다.

 

Negative action button : 

Negative 버튼은 명암 차 등을 이용해서 positive 버튼보다 눈에 덜 띄게 디자인합니다.

 

Neutral action button : 

다소 덜 중요한 Neutral 버튼은 Negative 버튼처럼 주목도를 떨어트리는 것이 좋습니다. 

명암 차가 심하거나 너무 옅게 디자인 될경우 비활성화 버튼처럼 보일 수 있으니 주의가 필요합니다.

 

 

 

출처 : uxmovement

 

 

 

반응형