當前位置：首頁 >教程首頁 > U I 設計 > AI+UX設計大師班 >從2009年到2017年，按鈕設計發生了哪些變化？

從2009年到2017年，按鈕設計發生了哪些變化？

發布時間：2018-11-17 19:57:24

當我們在網上購物，提交我們個人信息時都需要用到按鈕。網頁設計的增長很快，風格似乎也是一個月一變。在這篇文章中，我們來追溯在Dribbble上按鈕設計的八年發展史。

按鈕的時間線

2009年，一個為全世界設計師提供分享他們設計項目的平台成立了——Dribbble。通過Dribbble我們可以看到過去八年按鈕設計的趨勢和變化。

我在Dribbble上找了很多分類，創建了下麵的按鈕風格時間線:

2009

2009年，因特網要慶祝40周歲，第一個種類出現在Dribbble。按鈕設計以灰色為主導，幾乎都是用微妙的漸變、圓角和陰影構成。

2010

2010年，Instagram成立。按鈕的風格並沒有大幅度的改變，但是使用了更多的顏色，更多的細節（例如內陰影），更多的裝飾排版。

2011

2011年，CSS3首次亮相，互聯網使用者大規模增長。擬物化依舊占主導地位，但是有很多設計者開始在這個風格上進行創新。也許你尋找不到陰影或者高亮的使用規範，但是可以確定的是這些元素依舊是每個項目的主流。

2012

2012年，擬物化風格趨勢下降，扁平化風格趨勢開始出現。這一年是擬物化風格發展最快的一年，很多設計師在這種風格上達到了很高的水平。同時，有些設計師開始尋找一些新的東西。

2013

2013年，Apple明確的將擬物化使用在iOS7上。毫無疑問的，這一年也出現了新的設計趨勢——扁平化設計。幾乎Dribbble上每一個獨立的設計師，在同一時間放棄了在其App或者Web頁麵上使用三維的按鈕，轉而使用扁平化設計。

2014

2014年，穀歌發布了Material Design，但是很多設計師並沒有完全遵循這種風格。這是非常有意思的一年，因為每個設計師幾乎是突然開始用扁平化風格的按鈕，在Dribbble中就能夠找到很多這種風格。簡而言之就是，兩個像素的邊框按鈕。

2015

在穀歌發布了Material Design的幾個月後，UI設計師們很快地喜歡上了這種風格。扁平的按鈕下方增加了微小的陰影，很多設計師將這種風格應用到項目中就能證明這種風格對設計趨勢的重大影響。

2016

2016年，設計師開始將新的元素與Material和扁平化設計風格混合。漸變出現在按鈕設計中，不再強調三維感，而是強調按鈕本身的質感，按鈕開始使用發光的彩色陰影。

2017

2017年，一方麵極簡主義和扁平化設計已經持續了一年，另一方麵，設計師們依舊在尋找新的表現形式。我們正處於一個在技術上沒有限製，而是局限於潮流和時尚框架的階段。

接下來按鈕的發展是怎樣的？我也不知道。隻知道按鈕進化的原因有很多種，比如：技術的改變，設計師設計意識的成長等等。

不可否認，按鈕已經成熟，隨著手勢交互、AR、VR，或者聲控交互的發展，也許我們使用多年的按鈕是否還會存在，都是一個值得探討的問題。

本文轉載於：非科班設計，翻譯: 小船。

原文鏈接：https://blog.framer.com/button-design-over-the-years-a-dribbble-timeline-5eb138b09b91

返回列表

华体会hth体育网賞析

熱門課程

專業講師指導快速擺脫技能困惑

多種教程總有一個適合自己

專業問題谘詢

你擔心的問題，火星幫你解答

火星3D模型師培訓 | 學習和掌握火星地形建模技術

本文介紹火星3D模型師的培訓內容，包括火星地形建模、紋理映射、3D打印等技術，以及火星時代教育的傳授方法。
選擇角色遊戲原畫培訓哪家好？火星時代教育開創新紀元

找尋最好的角色遊戲原畫培訓機構，火星時代教育是不二之選，專業培訓團隊，資深行業導師，打造你的遊戲原畫夢想。”/> <meta name=
梳理模型設計培訓優劣，火星時代教育處於領跑者位置

脫穎而出的模型設計培訓機構評估，詳細分析火星時代教育在優質教學、多元化課程設計以及專業師資方麵的超越
零基礎华体会hth体育app在线登录模型培訓 - 如何啟動您的华体会hth体育app在线登录之旅

零基礎也能學習华体会hth体育app在线登录。本文將介紹火星時代教育提供的零基礎华体会hth体育app在线登录模型培訓課程以及如何通過它開始你的华体会hth体育app在线登录之旅。
零基礎入門3D-Max的大門：專業培訓課程解析

火星時代教育的零基礎3D-Max培訓課程為您全方位解析3D-Max設計軟件的使用技巧和操作方法，幫助您無壓力掌握3D-Max並充分提升設計實力
優質影視模型培訓中心的選擇如何重要

本文詳細解析什麼樣的影視模型培訓中心是優質的，同時強調火星時代教育對於雕塑未來影視模型界英才的重要作用。