那些10年前經(jīng)典的設(shè)計(jì),現(xiàn)在怎么樣了(中)

sky
4 評(píng)論 6844 瀏覽 25 收藏 13 分鐘
🔗 技术知识、行业知识、业务知识等,都是B端产品经理需要了解和掌握的领域相关的知识,有助于进行产品方案设计和评估

上期我們分析了互聯(lián)網(wǎng)十年產(chǎn)品、手機(jī)、以及移動(dòng)端一些設(shè)計(jì)的變化,今天我們繼續(xù)來研究網(wǎng)頁(yè)設(shè)計(jì)、雙11設(shè)計(jì)、傳統(tǒng)線下設(shè)計(jì)變化以及設(shè)計(jì)師在這個(gè)時(shí)間浪潮中如何找到自己的位置,如何在變化中找到哪些不變的因素。

網(wǎng)站10年的變化

Apple

1998年的蘋果官網(wǎng),誰(shuí)會(huì)想到這么一個(gè)普通的網(wǎng)站在20年后成為全球市值最高的科技公司,當(dāng)年喬布斯剛回歸蘋果,推出了第一款彩色透明的iMac。

2009年蘋果推出了第一代iPhone蘋果的時(shí)代正式來臨,那一年我剛工作,突然有一天一個(gè)沒有任何屏幕的按鍵的手機(jī)風(fēng)靡起來的,對(duì)應(yīng)的是UI設(shè)計(jì)的來臨,毫不夸張的來說,現(xiàn)在大多數(shù)設(shè)計(jì)師工作都是喬老爺子給帶來的。

2012年蘋果推出The new iPad,蘋果網(wǎng)站也發(fā)生一些變化,從擬物化到玻璃風(fēng)格。

2017年蘋果產(chǎn)品家族化已經(jīng)形成體系,網(wǎng)站風(fēng)格也徹底變化為扁平,和整體iOS系統(tǒng)保持一致,同時(shí)蘋果的LOGO也更簡(jiǎn)潔了。

隨時(shí)視頻5G來臨,2019年蘋果官網(wǎng)設(shè)計(jì)更加通透,整個(gè)網(wǎng)站呈現(xiàn)出一種沉浸式體驗(yàn),同時(shí)大量動(dòng)態(tài)設(shè)計(jì),也預(yù)示著下一步的設(shè)計(jì)方向和趨勢(shì)。

可口可樂

1996年生產(chǎn)的可口可樂,只是一個(gè)美國(guó)的小品牌,從當(dāng)年的官網(wǎng)設(shè)計(jì)中,可以感受到,誰(shuí)能想到一天會(huì)變?yōu)槿蚱放啤?/p>

2000年時(shí)候,可口可樂定位主打時(shí)尚年輕人群體,整體官網(wǎng)設(shè)計(jì)也很輕松活潑。

2006年開始,它逐步開始了全球化的腳步。官網(wǎng)的設(shè)計(jì)包容性更強(qiáng),風(fēng)格也更簡(jiǎn)潔。

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

谷歌

谷歌最明顯就是改變了LOGO,同時(shí)在大多數(shù)網(wǎng)站都在增加功能時(shí)候,谷歌在做減法,官網(wǎng)保留的內(nèi)容越來越少,同時(shí)設(shè)計(jì)上更加簡(jiǎn)潔。

Youtube

同樣Youtube的設(shè)計(jì)也越來越扁平,設(shè)計(jì)越來越簡(jiǎn)潔,也改變了LOGO,最大的差異就是加入一顆紅白鮮明的播放鍵設(shè)計(jì),以此象征YouTube提供的各式各樣的影音服務(wù),也揭示未來網(wǎng)路影音內(nèi)容的發(fā)展趨勢(shì)將會(huì)更為全面化。

亞馬遜

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

Facebook

從Facebook官網(wǎng)設(shè)計(jì)來看,能明顯看出功能沒有太多變化,網(wǎng)站結(jié)構(gòu)也沒有太大變化,F(xiàn)acebook這么多年不得不說是一家數(shù)據(jù)型公司,它的設(shè)計(jì)近10年基本沒有太大變化,今年換了新的品牌色和LOGO,或許是和今年一系列風(fēng)波有關(guān),需要重塑品牌。

微軟

微軟的官網(wǎng)設(shè)計(jì),可以看出是互聯(lián)網(wǎng)設(shè)計(jì)風(fēng)格變化史,從每年的設(shè)計(jì)中都能感覺到當(dāng)年微軟風(fēng)格的變化,另外官網(wǎng)的導(dǎo)航可以看出公司重點(diǎn)從技術(shù)軟件,逐步轉(zhuǎn)移到消費(fèi)者生活方式工具上,雖然我一直還沒有買XBOX。

Adobe

Adobe,早期可以看出公司主打還是軟件為主,近兩年隨著越來越多的工具起來,Adobe戰(zhàn)略也發(fā)生了很多變化,至少我現(xiàn)在打開PS的時(shí)候越來越少了。

Netflix

國(guó)內(nèi)朋友對(duì)這個(gè)軟件可能比較陌生,但是全球來說,說它是會(huì)員最賺錢的公司毫不夸張,它是視頻會(huì)員付費(fèi)鼻祖!從設(shè)計(jì)來看,越來越多元化,果然在視頻領(lǐng)域,誰(shuí)資源足夠多能占據(jù)很大優(yōu)勢(shì)。

電商雙11變化

從電商雙11近期變化也能看出整個(gè)電商行業(yè)的變化,從早期的5折半價(jià)日,逐步演變成了一個(gè)全球狂歡購(gòu)物日,從購(gòu)物變成了購(gòu)物狂歡,縱觀每年的雙11設(shè)計(jì),其實(shí)就是一個(gè)設(shè)計(jì)文化的再定義,從開始的簡(jiǎn)單5折,到后面風(fēng)格逐步全球化,渲染情緒,五彩繽紛,當(dāng)然每年設(shè)計(jì)師的難點(diǎn)也在于此,如何超越去年,很榮幸曾經(jīng)在這個(gè)團(tuán)隊(duì)?wèi)?zhàn)斗過兩年,期待今年雙11。

雙11的LOGO歷屆史,可以看出里面每一年的變化,從早期的購(gòu)物狂歡,到全球狂歡節(jié),同時(shí)每一年LOGO都和當(dāng)年風(fēng)格有著密切關(guān)系,2015年的音符跳動(dòng),2016年的橢圓麥穗圓點(diǎn),2017年的智能方塊都讓人記憶點(diǎn)深刻。

地鐵圖設(shè)計(jì)變化

1933年倫敦地鐵線路圖,應(yīng)該是全世界最早的地鐵圖,我們可以很清晰看出,當(dāng)年地鐵被很明確的畫在地圖上某一個(gè)位置,從當(dāng)年設(shè)計(jì)看,地鐵畫在地圖某一個(gè)地點(diǎn)上合情合理,用戶需要了解具體位置。

1972年紐約地鐵線路圖,比30年前更加清晰,用戶不再需要關(guān)注在地圖上的精準(zhǔn)點(diǎn),只需要關(guān)注有多少站點(diǎn)。

只標(biāo)注具體地鐵線路圖,拋棄地圖上面位置,一直延續(xù)到現(xiàn)在,當(dāng)年的直線和垂直的設(shè)計(jì)也沿用至今,是非常有啟發(fā)的一個(gè)案例。

最后

10年互聯(lián)網(wǎng)發(fā)生了這么多變化,那么作為設(shè)計(jì)師的我們?cè)撛趺慈?yīng)對(duì)變化,同時(shí)有哪些是不變化的,這些不變的因素有哪些,我們是不是應(yīng)該把注意力關(guān)注到不變的元素上面?有沒有重點(diǎn)關(guān)注的一些緯度,那么下周將和大家繼續(xù)探討,下周見!

相關(guān)閱讀

那些10年前經(jīng)典的設(shè)計(jì),現(xiàn)在如何(上)

 

作者:sky,支付寶設(shè)計(jì)專家,微信公眾號(hào):我們的設(shè)計(jì)日記(ID:helloskys),設(shè)計(jì)交流添加微信:helloskys000

本文由 @我們的設(shè)計(jì)日記 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。

題圖來自Unsplash, 基于CC0協(xié)議。

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 是的

    回復(fù)
  2. 1996可口可樂是小品牌?解放前都賣到上海來了

    來自湖北 回復(fù)
  3. 當(dāng)趣聞看啦。

    來自浙江 回復(fù)
  4. 挺佩服能找到十多年前的網(wǎng)站

    來自上海 回復(fù)
专题
19809人已学习13篇文章
本专题的文章分享了产品经理面试题和解答思路。
专题
18105人已学习13篇文章
用户体验地图展示的是用户在体验一款产品和服务时的情感流程。本专题的文章分享了如何建立用户体验地图。
专题
66303人已学习25篇文章
做好微信运营比做好APP运营还重要,因为用户把时间都给了微信。
专题
35154人已学习22篇文章
从动效设计原则、动效工具、制作方法、标注技巧等全方位解读
专题
15317人已学习12篇文章
本专题的文章分享了用户精细化运营---用户分群的建立指南。
专题
13729人已学习12篇文章
作者B端的产品经理,要基于这个行业理解的大背景下去了解公司的业务全局。本专题的文章分享了B端产品经理如何了解业务全局。