首頁>科技>

上期我們分析了網際網路十年產品,手機,以及移動端一些設計的變化,今天我們繼續來研究,網頁設計,雙11設計,傳統線下設計變化,以及設計師在這個時間浪潮中如何找到自己的位置,如何在變化中找到哪些不變的因素。

網站10年的變化

Apple

1998年的蘋果官網,誰會想到這麼一個普通的網站在20年後成為全球市值最高的科技公司,當年喬布斯剛回歸蘋果,推出了第一款彩色透明的iMac。

2009年蘋果推出了第一代iPhone蘋果的時代正式來臨,那一年我剛工作,突然有一天一個沒有任何螢幕的按鍵的手機風靡起來的,對應的是UI設計的來臨,毫不誇張的來說,現在大多數設計師工作都是喬老爺子給帶來的。

2012年蘋果推出The new iPad,蘋果網站也發生一些變化,從擬物化到玻璃風格。

2017年蘋果產品家族化已經形成體系,網站風格也徹底變化為扁平,和整體iOS系統保持一致,同時蘋果的LOGO也更簡潔了。

隨時視訊5G來臨,2019年蘋果官網設計更加通透,整個網站呈現出一種沉浸式體驗,同時大量動態設計,也預示著下一步的設計方向和趨勢。

可口可樂

1996年生產的可口可樂,當年的官網設計

2000年時候,可口可樂定位主打時尚年輕人群體,整體官網設計也很輕鬆活潑。

2006年開始,它逐步開始了全球化的腳步。官網的設計包容性更強,風格也更簡潔

今天,它已經逐步成為一種可口可樂文化,全世界年輕人都愛的一種飲料

谷歌

谷歌最明顯就是改變了LOGO,同時在大多數網站都在增加功能時候,谷歌在做減法,官網保留的內容越來越少,同時設計上更加簡潔。

Youtube

同樣Youtube的設計也越來越扁平,設計越來越簡潔,也改變了LOGO,最大的差異就是加入一顆紅白鮮明的播放鍵設計,以此象徵YouTube提供的各式各樣的影音服務,也揭示未來網路影音內容的發展趨勢將會更為全面化。

亞馬遜

另外一家巨頭公司亞馬遜,它的市值這10年增加了將8000億美元,但是亞馬遜網站卻變得更加簡潔,大多數功能變隱藏起來了。

Facebook

從Facebook官網設計來看,能明顯看出功能沒有太多變化,網站結構也沒有太大變化,Facebook這麼多年不得不說是一家資料型公司,它的設計近10年基本沒有太大變化,今年換了新的品牌色和LOGO,或許是和今年一系列風波有關,需要重塑品牌。

微軟

微軟的官網設計,可以看出是網際網路設計風格變化史,從每年的設計中都能感覺到當年微軟風格的變化,另外官網的導航可以看出公司重點從技術軟體,逐步轉移到消費者生活方式工具上,雖然我一直還沒有買XBOX。

Adobe

Adobe,早期可以看出公司主打還是軟體為主,近兩年隨著越來越多的工具起來,Adobe戰略也發生了很多變化,至少我現在開啟PS的時候越來越少了。

Netflix

國內朋友對這個軟體可能比較陌生,但是全球來說,說它是會員最賺錢的公司毫不誇張,它是視訊會員付費鼻祖!從設計來看,越來越多元化,果然在視訊領域,誰資源足夠多能佔據很大優勢。

電商雙11變化

從電商雙11近期變化也能看出整個電商行業的變化,從早期的5折半價日,逐步演變成了一個全球狂歡購物日,從購物變成了購物狂歡,縱觀每年的雙11設計,其實就是一個設計文化的再定義,從開始的簡單5折,到後面風格逐步全球化,渲染情緒,五彩繽紛,當然每年設計師的難點也在於此,如何超越去年,很榮幸曾經在這個團隊戰鬥過兩年,期待今年雙11。

雙11的LOGO歷屆史,可以看出裡面每一年的變化,從早期的購物狂歡,到全球狂歡節,同時每一年LOGO都和當年風格有著密切關係,2015年的音符跳動,2016年的橢圓麥穗圓點,2017年的智慧方塊都讓人記憶點深刻。

地鐵圖設計變化

1933年倫敦地鐵線路圖,應該是全世界最早的地鐵圖,我們可以很清晰看出,當年地鐵被很明確的畫在地圖上某一個位置,從當年設計看,地鐵畫在地圖某一個地點上合情合理,使用者需要了解具體位置。

1972年紐約地鐵線路圖,比30年前更加清晰,使用者不再需要關注在地圖上的精準點,只需要關注有多少站點。

只標註具體地鐵線路圖,拋棄地圖上面位置,一直延續到現在,當年的直線和垂直的設計也沿用至今,是非常有啟發的一個案例。

最後

10年網際網路發生了這麼多變化,那麼作為設計師的我們該怎麼去應對變化,同時有哪些是不變化的,這些不變的因素有哪些,我們是不是應該把注意力關注到不變的元素上面?有沒有重點關注的一些緯度,那麼下週將和大家繼續探討,下週見!

相關閱讀:

帶你了解網際網路設計十年的變化(上)

作者:sky,支付寶設計專家 ,公眾號:我們的設計日記(ID:helloskys),設計交流請新增微信:helloskys000

  • 整治雙十一購物亂象,國家再次出手!該跟這些套路說再見了
  • Tubi進入英國和歐洲,與Netflix和亞馬遜之戰爭一觸即發