Home 디자인 UX/UI 여러 종류의 버튼을 확인, 코드를 복사해 바로 활용할 수 있는 : Buttons...

여러 종류의 버튼을 확인, 코드를 복사해 바로 활용할 수 있는 : Buttons Generator

1327

웹 상에서 우리는 많은 ‘버튼’을 마주하게 되는데요. 이들은 서비스가 원하는 사용자 행동을 유도하는 역할은 물론 다양한 페이지로 바로 연결될 수 있도록 도와줍니다. 오늘은 이런 버튼을 스타일에 따라 확인하고, 한 번의 클릭으로 코드를 복사해 바로 활용할 수 있는 서비스를 정리하고자 합니다.

‘Buttons Generator’에는 정말 다양한 종류의 버튼이 등록되어 있어요. 그리고 스타일에 따라 적용된 버튼을 확인할 수 있도록 구성되어 있습니다. 이미 모양, 컬러, 효과 등이 적용되어 있어 마음에 드는 버튼 디자인이 있다면 클릭 해 코드를 복사할 수 있다는 점이 가장 큰 장점입니다.

이 글의 마지막에 등록될 링크를 통해 보시면 더 자세히 확인하실 수 있지만, 웹 상에서 볼 수 있는 거의 모든 버튼이 이 곳에 담겨있어요. 스타일과 효과에 따라 잘 정리되어 있어 탐색 과정 역시 어렵지 않게 느껴집니다. 마우스를 가져다 대면 적용된 효과도 어렵지 않게 확인할 수 있어요.

게다가 컬러값 등은 쉽게 변경할 수 있어, 스타일에 맞게 디자인 된 버튼 컬러가 마음에 들지 않을 경우 직접 변경해 활용할 수 있어요. 직접 디자인 하기 어렵거나 귀찮은 버튼을 이곳에서 찾고 따로 저장해 관리하는 것도 가능합니다. 총 127개의 버튼 디자인은 이곳을 통해 더 자세히 확인하실 수 있어요!

함께 활용해보세요!