버튼 요소(Button)

사이트 제작 시 가장 중요하게 생각하는 부분이 바로 콜투 액션입니다.

즉, 서비스 소개와 소개에 대한 반응을 할 수 있도록 하는 장치를 두는 것인데 그 장치가

바로 버튼 요소 입니다. 단순 콜투액션의 도구 뿐만 아니라 다양한 디자인 요소로도 사용될 수 있습니다.

주요 버튼 메뉴는

1. 버튼 사이즈 설정

2. 배경 채우기

3. 모서리 설정

4. 아이콘설정

5. 폰트,색상설정

입니다.

버튼의 넓이와 높이를 px단위로 조정할 수 있지만 간단하게 S,M,L 로 간단한 설정이 가능합니다.

그리고 채우기에서 원형 테두리를 선택하면 배경색 없이 폰트와 테두리만 남습니다.

X 선택 시 폰트와 아이콘만 남고 주변 영역 사이즈는 0가 됩니다.

모서리의 Border Radius를 px로 둥근 정도를 정할 수 있습니다.

brizy 빌더의 장점 중에 하나가 바로 아이콘입니다. 상당히 많은 종류의 아이콘을 제공하고 있습니다

버튼과 함께 구성할 수 있으면 버튼은 아이콘 위치에 따라 버튼이 아니라 목차 처럼 사용할 수 도 있습니다.

버튼의 글꼴은 폰트 메뉴와 동일하지만 버튼요소는 헤딩 선택이 버튼이 됩니다.

색상메뉴는 폰트 / 버튼 배경 / 테두리 / 그림자 를 설정할 수 있습니다.

일반 설정/마우스 호버시 설정은 4가지 모두 따로 선택이 가능합니다.

다만, 테두리의 경우 하단에 사이즈0으로 되어 있는데 숫자를 입력하면

상,하,좌,우 동일한 두께 테두리가 선택되는데 숫자 옆 체인형태의 아이콘을 클릭하면

상하좌우 모두 다른 두께의 테두리 설정이 가능합니다.

콜투액션은 단순히 버튼을 조작한다고 해서 작동하는 방식은 아닙니다

고객이 원하는 내용 즉, 마케팅 문구나 이벤트 혜택등을 강력하게 전달한 후

버튼을 클릭하게 할때 의미가 있습니다.

포스팅 읽어주셔서 감사합니다