웹 디자인의 버튼은 다음과 같이 사용됩니다. 그래픽 리소스 방문자가 멈추고, 읽고, 유혹을 느끼거나 클릭 할 필요가 있습니다. "문안 (call-to-action)”(행동 유도) 모든 규칙에서 모든 것과 마찬가지로 지능과 측정으로 배열되어야합니다.
가장 많이 유지되는 버튼 유형을 선택하는 것이 매우 중요합니다. 일관성 귀하의 웹 사이트 또는 블로그의 모양과 함께. 그리고 고려해야 할 또 다른 요소는 페이지에 5 개의 버튼이있는 경우 5 개 모두 본질적으로 동일한 모양 (같은 색상, 동일한 글꼴, 동일한 크기)을 유지한다는 것입니다. 이 게시물에서는 원하는 곳에서 다운로드하여 사용할 수있는 12 개의 무료 버튼을 제공합니다.
12 개의 무료 버튼
6 가지 팁 하나의 버튼 팩 또는 다른 팩을 결정하기 전에 빠르게 고려하십시오.
- 웹 사이트의 모든 버튼이 같은 팩 (또는 색상, 모양 및 타이포그래피가 일치합니다).
- 보다 많은 버튼을 사용하지 마십시오. 필요한 귀하의 페이지에서 (오버로드의 위험이 있습니다).
- 만약 배경색 귀하의 웹 사이트가 파란색, 녹색, 빨간색, 갈색 또는 검은 색 (강렬함)이면 버튼을 결정하기 전에 더 밝은 웹 사이트로 변경하세요. 방문자가 감사합니다.
- 암캐 픽셀 화되어 표시되는 품질이 낮은 버튼 (이런 경우에는 발생하지 않음).
- 페이지가 스페인어로되어있는 경우 "다운로드", "더 읽기"등의 버튼을 사용하지 마십시오. 그 반대.
- 이미지 대신 CSS3 코드로 만든 버튼을 사용할 수 있다면 훨씬 좋습니다. 처럼 CSS3의 고무 질감 버튼 우리가 얼마 전에 가르친 것입니다.
일반
세 가지 상태 (정상, 누름 및 활성) 모두의 파란색 버튼
소셜 네트워크 용
간단한 둥근 버튼 : 컬러 '탠저린 탱고', color 'Honey Suckle', 청록색 y 미모사 색상
추가 정보 - CSS3의 고무 질감 버튼