솔리드 버튼Solid Button
한 줄 정의
솔리드 버튼은 버튼 배경을 진한 색으로 꽉 채워, 한 화면의 버튼 가운데 가장 눈에 띄게 만든 버튼이에요.
쉽게 말하면
색이 꽉 찬 버튼이에요. 흰 바탕 위에 파란 사각형이 있고, 그 안에 흰 글씨로 '지금 신청하기'라고 적힌 버튼을 떠올리면 돼요. 버튼 모양 가운데 색이 칠해진 면적이 가장 넓어서, 같은 화면에 다른 버튼이 있어도 방문자의 눈이 이 버튼에 먼저 가요.
언제 쓰나요
그 화면에서 방문자가 꼭 해 줬으면 하는 행동 하나에 써요. 결제하기 · 예약하기 · 문의 보내기처럼 그 페이지를 만든 목적에 해당하는 행동이에요. 한 화면에 솔리드 버튼이 여러 개 있으면 모두 똑같이 눈에 띄어서, 방문자는 무엇이 가장 중요한지 구분하기 어려워져요. IBM의 카본 디자인 시스템도 가장 강조하는 버튼(primary)은 한 화면에 한 번만 쓰라고 안내해요(카본 디자인 시스템).
글자색과 배경색의 차이도 챙겨요. 연한 배경색 위에 흰 글씨를 얹으면 버튼은 눈에 띄어도 글자가 잘 읽히지 않아요.
헷갈리는 말
| 헷갈리는 말 | 뜻 | 솔리드 버튼과 다른 점 |
|---|---|---|
| 아웃라인 버튼 | 배경은 비우고 테두리만 그린 버튼 | 칠해진 면적이 작아 솔리드 버튼보다 덜 눈에 띄어요. '취소'처럼 두 번째로 중요한 행동에 어울려요 |
| 고스트 버튼 | 평소에는 배경과 테두리가 보이지 않는 버튼 | 버튼 몸체가 보이지 않아 가장 덜 눈에 띄어요. 보조 행동에 어울려요 |
| 링크 버튼 | 글자색이나 밑줄만으로 링크처럼 보이게 만든 버튼 | 버튼 모양이 드러나지 않고 글 속 링크처럼 보여요 |
같은 말
아래 이름으로도 불러요. 모두 같은 뜻이에요.
Solid ButtonFilled Button