承認(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)會變成每個作品的名字。

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