【UXのキーポイント】明快で見て楽しいCSSボタンのライブラリ＆コレクション10選

ボタンというものは、オンラインにおけるインテラクションの最も基本的な要素です。ユーザーはそれらを使ってショッピングカートに商品を追加したり、サービスについてもっと学んだり、決定を確認したり、コンタクトフォームを提出したりします。
このように、ボタンのクリックというものは、ユーザーがどのような行動をするはずかをデザイナーがあらかじめデザインする上で、最も明白なものなのです。そうであってみれば、ボタンには、すばらしい見た目と明快さを持ち合わせたボタンを選ぶことがなにより重要になってきます。
このことを念頭に置いて、本記事では、みなさんのWebプロジェクトのインタラクション要素を豊かにするようなCSSボタンライブラリのコレクションをご紹介します。楽しんでご覧ください。
 
 
１．bttn.css – すばらしいプロジェクト用の素晴らしいボタン
 
bttn.css は、様々な形、大きさ、色をフィーチャーした比較的軽めのスタイルのボタンコレクションです。どのスタイルも単純なクラス名で呼び出すことができます。小型化されたCSSファイルがわずか4kbで入っているので、ライブラリそのものもかなり軽量です。
 
 
２．Buttons – CSSボタンのコレクション
 
タイトルはシンプルですが、20種類以上の

リンク元