年々進化しているボタンをデザインするポイントを解説、デザイナーの追求に終わりの文字はない

Post on:2017年9月22日

2009年のボタンのデザイン

2009年はインターネットが40回目の誕生日をむかえ、Dribbbleに最初のショットが登場しました。
ボタンのデザインはグレースケールが主流で、繊細なグラデーション、角丸、シャドウがデザインに使われました。これらの美学はネイティブのシステムボタンを指しています。

Wojciech Dobry, Dan Cederholm, Josh Bryant, Dribbble, Sarah Parmenter, Matthew Smith

2010年のボタンのデザイン

2010年はInstagramが登場しました。
ボタンの形に大きな変化はありませんが、より多くのカラー、ディテール（内側のシャドウなど）、装飾的なタイポグラフィが特徴です。

Wojciech Dobry, Morgan Allan Knutson, Troy Bergland, Claudiu Cioba, Liam McKay, Jared Christensen

2011年のボタンのデザイン

2011年はCSS3が初公開され、インターネット利用者数は10億人を超えました。
スキューモーフィズムは引き続いており、多くのデザイナーはクリエイティブな方法でこのスタイルを発展させました。この時点ではシャドウやライトを使うためのルールを見いだすことはできませんが、これらの要素が存在することを確認できます。

Wojciech Dobry, Julien Renvoye, Claudiu Cioba, Meagan Fisher, Josh Hemsley, Jonathan Moreira

2012年のボタンのデザイン

2012年はスキューモーフィズムの下落、そしてフラットデザインの始まりです。
スキューモーフィズムは一部のデザイナーの間ではマスターレベルに達しましたが、他の人たちは新しいデザインを模索している中、フラットデザインが浸透しました。

Wojciech Dobry, Eduardo Santos, Mike | Creative Mints, Maykel Loomans, Ian Collins, Dawid Liberadzki

2013年のボタンのデザイン

2013年はiOS7がリリースされ、Appleもスキューモーフィズムから卒業しました。
この年が間違いなく、今日のフラットデザインのトレンドが始まった年です。Dribbbleでもショットのほとんどが立体的なデザインから、フラットなデザインに変わりました。

Wojciech Dobry, Cosmin Capitanu, Eddie Lobanovskiy, Jonathan Moreira, Riki Tanone

2014年のボタンのデザイン

2014年はGoogleから、マテリアルデザインがリリースされました。しかしながら、多くのデザイナーはこのスタイルに共感しませんでした。
この年の面白い傾向は、誰もがゴーストボタンやフラットボタンを突然使い始めたことです。Dribbbleでもそれを確認できます。鮮やかなカラーの境界線、それが2014年です。