我把他們的官網(wǎng)翻了個遍,然后發(fā)現(xiàn)這幾個最有趣丨清單

承認(rèn)吧,你會通過官網(wǎng)首頁來judge一個公司(至少我會)。
今天,當(dāng)我們想要了解一個新品牌、新公司時,一定會先去它的官網(wǎng)看一眼,當(dāng)首頁彈出時,你已經(jīng)開始在心里給這家公司打分——它看上去怎么樣,夠不夠?qū)I(yè)、有沒有格調(diào),是不是我的那杯茶,有時候你一眼就能感受到。
是的,第一印象有時候就是那么不講道理,喜不喜歡,全憑感覺。
所以,我不禁好奇,那些在作品里靈感亂飛、俏皮話一套套的創(chuàng)意機(jī)構(gòu)、廣告公司和設(shè)計工作室,會怎樣作自我介紹,以求占盡那重要的第一眼眼緣?
于是,我逐個打開那些知名廣告公司、設(shè)計工作室的官網(wǎng),然后發(fā)現(xiàn),以下幾位令我印象深刻。
希望他們的官網(wǎng)首頁設(shè)計,能夠給你帶去一些靈感。
TBWA
“We Are The Disruption Company”,我們是一家具顛覆性的公司,這是你點開TWBA Worldwide官網(wǎng)會率先看到的宣言,彩色的碎片從背景里他們簡潔有力的logo中飛出,張揚(yáng)而絢爛。

這似乎沒什么,好的,關(guān)掉這個網(wǎng)站,看看其他內(nèi)容,過一會兒再打開……

slogan還是那句slogan,但logo的形態(tài)不一樣了。
是的,這是TBWA官網(wǎng)藏的小心思,你每一次造訪,都可能看到不一樣的畫面,大概是要暗喻他們就是一家不斷給你驚喜的公司吧,顛覆過往、打破既定印象,制造新鮮感。


Nendo
佐藤大和他的Nendo總能想出很多俏皮的點子,這點,從點進(jìn)他們的官網(wǎng)(英文版)就能感受到。它充分說明了什么是日本人的極簡主義,以及卡哇伊。

和大部分官網(wǎng)打開即是一張巨幅作品海報不同,Nendo的官網(wǎng)非?!皢握{(diào)”,僅有黑白兩色,沒有炫酷的特效,有的只是線條勾勒出的作品簡筆畫,你有理由懷疑它們都是佐藤大的設(shè)計草稿。
不過,這簡簡單單的設(shè)計讓這個官網(wǎng)透出一種天真浪漫的童趣,你會迫不及待想去點開每幅簡筆畫,看看這些令人有些摸不著頭腦的畫背后,到底藏著什么設(shè)計。
不需要過多解釋,從打開這個官網(wǎng)開始,你就知道這間公司有多鬼馬,如果你正好需要一個cute idea,這樣的官網(wǎng)一定會吸引你看下去。
Wolff Olins
一般情況下,你會把官網(wǎng)的目錄放在什么地方?打橫排列在頂端,或者縱向放置在網(wǎng)頁的左邊或右邊?
看看Wolff Olins的官網(wǎng),你可能會有新的思路。
他們將目錄藏在了右上角的一個黑色圓點里,當(dāng)你打開官網(wǎng),尋目錄欄不得,嘗試著把光標(biāo)移到右上角那個不知道為什么存在的黑點時,唰,目錄欄出現(xiàn)了!

當(dāng)然,這個官網(wǎng)首頁有趣的點不止一處,試試戳左上角的公司名,每次點擊它都會呈現(xiàn)不一樣的形態(tài):一會兒把“L”拉長,一會兒把“O”擴(kuò)大。

Media Monks
數(shù)字制作公司Media Monks的官網(wǎng)首頁充分展示了文字排版的魅力。

沒有使用任何一張圖片,Media Monks選擇在首頁用三段話告訴到訪者“我們是誰”,與此同時,他們將公司的關(guān)鍵詞(我這么解讀的)以類似DNA螺旋的形狀大大地排列在旁,隨著畫面的滾動,這條“基因條”也不斷旋轉(zhuǎn),設(shè)計感十足。
Any Other Name
進(jìn)入Any Other Name的官網(wǎng),首先是一幅動畫:寫著“ANY OTHER NAME”的絲帶堆疊起來,當(dāng)中小小一行字“Selected work by ANY OTHER NAME”。

之后,便是占滿屏幕的作品展示,這種形式被幾乎應(yīng)用于所有(我此次翻看的)創(chuàng)意機(jī)構(gòu)、廣告公司的官網(wǎng)。
不過,Any Other Name做了一點點小設(shè)計:左上角的公司名是播放進(jìn)度表,為你顯示這個作品的展示時長還有多久,另外,如果你需要翻頁,將光標(biāo)移到屏幕左邊,光標(biāo)會顯示為“Prev”,移到右邊會顯示“Next”。


嗯,當(dāng)所有人都用更簡潔的圖標(biāo)來表示“左右”或“前后”時,Any Other Name則“退了一步”,用文字來表示,倒是帶來了別樣的新鮮感。
good design company
good design company的官網(wǎng)首頁似乎顯得有些“啰里啰嗦”,不過令人有些意外的是,這種重復(fù)重復(fù)再重復(fù)的作品展示方式,竟然也沒有讓人覺得很繁瑣,反而有一種電影膠片的感覺。

我揣測,他們大概是想通過這種方式,給人一種出品很多的感覺,哪怕你看到的是不斷重復(fù)的畫面,但你確實會有一種“啊,好豐富”的觀感。
當(dāng)然,水野學(xué)本人亦是個充滿無厘頭幽默感的人,這樣令人略不懂的官網(wǎng)設(shè)計搞不好也有他的靈感在其中呢。
Leo Burnett
Leo Burnett worldwide的官網(wǎng)首頁也是它們的slogan,第一眼中規(guī)中矩,不過,好在他們在slogan彈出后,用一筆隨意劃出的綠色,既強(qiáng)調(diào)了他們slogan最后的那個“human”,又讓整個官網(wǎng)顯得更平易近人。
最后,在來個Leo Burnett本人的“親筆簽名”,生動感一下就up up up。

A Practice for Everyday Life
設(shè)計工作室A Practice for Everyday Life的官網(wǎng)之所以讓我覺得特別在于,看了許許多多撲面而來的大slogan和巨大作品圖后,他們略顯寡淡的官網(wǎng)透露出別樣的精致感和設(shè)計感。

項目、字體設(shè)計、商場,三個板塊以標(biāo)題帶圖畫的形式排列開來,每個小標(biāo)題旁邊有個小箭頭,如果你的光標(biāo)移到附近,那個小箭頭便會拉長,大概意思就是“go,點開看看吧”,像極了一個話不多說的酷酷的朋友。
Stefan Sagmeister
同樣沒有選擇首頁大屏展示作品的還有Stefan Sagmeister(施德明)。
雖然被譽(yù)為“設(shè)計界的搖滾明星”,但施德明的官網(wǎng)并不張揚(yáng),相反,第一眼給人一種克制、內(nèi)斂和冷峻的高級感,不過,當(dāng)你開始瀏覽時,會發(fā)現(xiàn)這里并沒有那么古板——當(dāng)你的光標(biāo)移到不同作品上時,光標(biāo)會變成每個作品的名字。

嗯,倒是省掉了作品名的排版工作。
