링크
Last updated
Last updated
페이지에서 특정 페이지로 이동하도록 유도하거나 추가 정보를 제공하기 위해 링크가 삽입된 버튼을 디자인할 수 있는 카드입니다. 카드를 선택한 후 디자인 보드에서 링크를 입력하고 버튼을 편집할 수 있으며, 버튼 색상, 모양, 텍스트 스타일, 크기, 링크 연결 등의 세부 설정을 조정하여 페이지 스타일과 목적에 맞게 구성할 수 있습니다.
URL 입력
버튼 클릭 시 이동할 URL 주소를 입력합니다. 이때 '새창에서 열기 옵션' 체크하면 링크가 새로운 브라우저 창에서 열리게 설정됩니다.
버튼 메뉴에서는 버튼의 색상, 모양, 텍스트 서체, 크기 및 스타일을 설정하여 페이지 디자인과 조화를 맞출 수 있습니다.
색상
버튼을 강조하거나 페이지 디자인과 조화를 맞추기 위해, 5가지 색상 프리셋 중 선택하거나 색상 팔레트를 활용해 원하는 컬러를 직접 설정할 수 있습니다.
모양
버튼의 스타일을 조정하여 페이지 디자인에 맞게 연출할 수 있습니다. 각진, 둥근, 원형 중에서 선택할 수 있습니다.
버텍스트 서체
버튼의 가독성을 높이거나 브랜드 스타일을 반영하기 위해, 버튼에 표시될 텍스트 서체를 변경할 수 있습니다. 기본 서체는 프리텐다드로 설정되어 있습니다.
(이미지 캡처)
볼드 처리
버튼 내 텍스트를 강조하고 가시성을 높이고 싶다면, B 버튼을 클릭하여 볼드 처리할 수 있습니다.
텍스트 색상
버튼과의 색상 조화를 맞추거나 가독성을 고려하여, 버튼 내 텍스트 색상을 변경할 수 있습니다.
텍스트 크기
버튼 내 텍스트를 강조하거나 디자인에 맞춰 조정할 수 있도록, 크기 조절 바를 움직여 4부터 60까지 원하는 크기로 조정할 수 있습니다.
이미지 추가
버튼에 시각적인 정보를 강조하고 사용자가 직관적으로 인식할 수 있도록, 이미지를 추가할 수 있습니다. 이미지는 버튼 스타일에 맞춰 가로 버튼형, 카드형, 배경형 중 선택할 수 있으며, 필요에 따라 비율을 원본, 1:1, 가로, 세로 중에서 조정할 수 있습니다.