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

Webデザインにおいて、ボタンの存在は欠かせません。検索する時、サイトにログインする時、ソーシャルでシェアする時、ショッピングカートに入れる時、たくさんのボタンが使用されています。 これらボタンのデザインはWeb業界と共に進化し続け、気がついたら数年前のデザインだったということもあるでしょう。 年々進化しているボタンがどのように変わってきたか、Dribbbleをベースにしてデザインするポイントを紹介します。 Button Design Over the Years 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 2009年のボタンのデザイン 2010年のボタンのデザイン 2011年のボタンのデザイン 2012年のボタンのデザイン 2013年のボタンのデザイン 2014年のボタンのデザイン 2015年のボタンのデザイン 2016年

[yotazo]

「進化」はしてないよね。流行だよねこれ

[cc000777]

並べてみると、やっぱフラットデザインはわかりづらいな。

[fishma]

フラットデザインのオナニーっぷりがよく分かる。押させる気のないボタンに吐き気がする

[keisuker]

はやくフラットデザイン無くならないかな。「これ押せるのかな？」と思ってクリックorタップしても何も起こらないのがなにげにすごいストレス。肝心のボタンは見当たらねえし。

[shinagaki]

21世紀初頭に流行ったアクアボタンがない

[shinep]

退化してないか

[japonium]

Web屋が己の食い扶持を掛けた無理矢理なリニューアル。公務員が予算使い切る為に要らん仕事作って居るのと同じ。TwitterでもGoogleでも同じ様な問題を抱えて居る。暇な奴は手持ち無沙汰で陸な事仕無い。

[OkadaHiroshi]

「デザイナーはすぐ飽きるので」... 飽きないでくれ!

[hachi09]

2011年までが押せるモノとしてわかりやすい範囲な気が…

[misomico]

フラットデザイン死すべし/ フラットデザインが許されるのは、天地のないデバイスの時くらい

[h0714k]

[]

[Hamukoro]

むかしむかし、broder:1px black solid;にhoverで色つけるのがクールだと思ってた。そのころから猫も杓子もアクアボタンになった。

[otchy210]

“デザイナーはすぐ飽きるので” ”デザイナーはまた新しいものを探し” まあ、アパレル業界と一緒ですよね。新しいトレンドを作り続けないと食い扶持なくなるので。

[tsuki-rs]

あんまグラデグラデしてるのはセクシーくないなって個人的に思うのでこれからもフラット頑張ってほしい

[shields-pikes]

フラットデザインよりマテリアルデザインの方が納得感もわかりやすさも上だよね。でも、丸ボタンの配置とか仕様あたりは慣れても違和感あるし、まだまだ過渡期だよなー。よりわかりやすい方向へ進化すると思う。

[d_log8]

年々進化しているボタンをデザインするポイントを解説、デザイナーの追求に終わりの文字はない Webデザインにおいて、ボタンの存在は欠かせません。検索する時、サイトにログインする時、ソーシャルでシェアする時、

[kirifue]

フラットデザインでボタンだか何だか分からんくらいなら、標準のボタンでいいや。 #開発 #デザイン

[JohnP]

機能が多すぎる画面が多いから、フラットなデザインテイストにしないと入らないんだよ。ユーザーの声に答えた結果です。

[gabill]

OSのUIの歴史。これを逆から読むとWebのUIの歴史になる。 → https://www.webdesignerdepot.com/2009/03/operating-system-interface-design-between-1981-2009/

[whitecanvas]

デザインってユーザーフレンドリーって意味じゃないのか？フラットデザインはわかりにくくて、オナニーやめてほしい。

[teruyastar]

見た目の良さは判断しずらいが、ボタンとしては2009,2010の方がわかりやすいと思うのだが押してもらえないのかな? ちなみに現在2017のAmazonはボタンにくっきりと輪郭あるがベベルはないので2010-11の間ぐらい。

[Kmusiclife]

進化ではない。流行です。

[sorena]

自分のセンスは2014年らへんから止まっていることがわかった

[p130]

web2.0のアクリルっぽいテカテカボタンとか真ん中半分切りグラデーションのボタンが忘れ去られてる。スキューモーフィズムのおかげでボタンとかアイコン作りでじっくりやったおかげでフォトショの腕は格段に上がった。

[programmablekinoko]

ここを押せ的なもっこりボタンは未だにスパム広告ではよく見るので良い印象がない

[mitsuhi0909]

とっくに一周してる

[KAZ99K]

あれ？WEB2.0的デザインが流行してたのっていつ頃だっけ？角丸でグラデーションが真ん中でバチっと切り替わるようなの。

[shiromatakumi]

シャドウある方が押したくなるよね、実際。

[d-matchon]

何かが流行るとみんな一斉に同じことし始めるの、なんだか不気味

[smoothtooth]

インスタ好きな20代女性とamazon好きな40代男性の考える「良いデザイン」は異なる。全く新しいサービスじゃない限り、ターゲットの特定と絞り込みが命。見た目はその次。／フラットデザインばかりだと、流石に飽きるね

[fotus4]

まぁいい記事なんだけど、2009年から始まってるのはちょっと残念……2007年ごろ「Web2.0」って言われてた時代の前後も面白かったよ。

[isano]

1年ごとによく変わるもんだ

[takashiitou1977]

2014が好き。

[high1224]

2014年が好き

[sjn]

業界に金が入るとデザインは寒色から暖色へ変わるの法則が流行色同様ここでも生きているのではないか

[ornith]

2012年が好きです。