Uxデザイン

長年にわたるボタンデザイン–ドリブルタイムライン

ボタン。彼らと一緒に、インターネットでの買い物を完了し、銀行のアプリにログインし、最も個人的な情報を記入したフォームを送信します。ウェブデザインは信じられないほどのペースで成長しており、スタイルは月ごとに変わっているようです。わずか数年で、テキストリンクからスキューモーフィズム、フラットデザインに移行しました。ナビゲーションはウェブデザインの最も重要な要素の1つであり、行動を促すフレーズのボタンはその最も強力なツールです。

この記事では、8年間のWebボタンの設計履歴を以下に基づいて追跡します。ドリブル。

ドリブルボタンのタイムライン

2009年に、Dribbbleが作成されました。これは、現在のプロジェクトの小さな部分を共有した世界中のデザイナーのためのプラットフォームです。 Dribbbleを使用すると、過去8年間のボタンのトレンドとデザインのストーリーをたどることができます。 ボタンスタイルのインタラクティブなタイムラインを作成するために、数千回のドリブルショットを実行しました。

上のボタンをクリックして、ドリブルタイムラインを参照してください。

2009年

今年、インターネットは40周年を迎え、最初の「ショット」がDribbbleに登場します。ボタンのデザインはグレースケールによって支配されています。繊細なグラデーション、丸みを帯びた角、影がほとんどすべてのボタンデザインに表示されます。この美学は、ネイティブシステムボタンを指します。

Wojciech Dobry、ダン・セダーホルム、ジョシュブライアント、ドリブル、サラ・パーメンター、マシュー・スミス。

2010年

Instagramが作成された年。ボタンの形は大きく変わることはありませんが、より多くの色、より多くの詳細（内側の影など）、そしてはるかに装飾的なタイポグラフィがあります。

ccorpとscorpの違い

Wojciech Dobry、 Morgan Allan Knutson 、トロイ・バーグランド、クラウディウ・チョバ、リアム・マッケイ、ジャレッド・クリステンセン。

2011

CSS3は今年初公開され、インターネットユーザーの数は10億人に増えています。スキューモーフィズムは今でも君臨しており、多くのデザイナーがこのスタイルを非常に創造的な方法で開発しています。ここには影や照明を適用するためのルールはありませんが、これらすべての要素が各プロジェクトに存在することは確かです。

Wojciech Dobry、ジュリアン・レンボイ、クラウディウ・チョバ、ミーガンフィッシャー、ジョシュ・ヘムズリー、ジョナサンモレイラ。

2012年

スキューモーフィズムの衰退と最終形態、そしてフラットデザインの恥ずかしがり屋の始まり。今年はスキューモーフィズムの最も発達した形態であり、一部のデザイナーはこのスタイルでマスターレベルに到達し、他のデザイナーは何か新しいものを探し始めました。

ビジュアルデザイナーは何をしますか

Wojciech Dobry、エドゥアルドサントス、マイク|クリエイティブミント、メイケル・ルーマン、イアン・コリンズ、 Dawid Liberadzki 。

2013年

今年、Appleは間違いなくスキューモーフィズムから移行し、iOS7をリリースします。間違いなく、今年は今日も続くトレンドの始まりであり、フラットなデザインです。 Dribbbleのほぼすべてのデザイナーは、一瞬のうちに、アプリやWebボタンに3次元を与える試みを断念し、フラットになることを決定します。

javascriptは現在の日付と時刻を取得します

Wojciech Dobry、コスミンキャプテン、エディ・ロバノフスキー、ジョナサンモレイラ、たのねりき。

2014年

Googleはマテリアルデザインをリリースしました。ただし、多くの設計者はこのスタイルに完全には従いません。誰もが突然ゴーストボタンスタイルやフラットボタンを使い始めたので、今年はかなり興味深い年です。それらはDribbbleのほとんどのショットに表示されます。鮮やかな色の2つのピクセルボーダー—それが2014年です。

Wojciech Dobry、エリックホフマン、ラミル・デロゴングン、メイソン・ヤーネル、コリン・ガルヴェン、ビルSケニー。

2015年

Googleによるマテリアルデザインの発表を聞いてからわずか数か月後、 UIデザイナーこのガイドラインに恋をします。下に繊細な影があるボタンの平らな表面は、マテリアルデザインが現在のトレンドに大きな影響を与えていることを示しています。このスタイルをプロジェクトに適用している人の数を確認してください。