最不缺展示平臺的年代，我們選擇更新網站｜對談高晗×文勃

在如今這個社交媒體多元化的環境中，品牌最不缺的就是一個可以隨時隨地分享和展示的平臺。那麼，品牌爲什麼還要堅持做網站建設？《Design360°觀念與設計》作爲一本中國設計雜誌，以不同的設計議題連接全球設計師。爲了促進不同地區和領域的設計和交流，我們重新梳理了Design360°網站，希望能讓更多人看到中國設計。

全新網站由來自Workbyworks⼯作室的高晗、文勃操刀設計。作爲媒體平臺、品牌本身，兩位設計師希望賦予Design360°網站“有活力”“新”的感官體驗。藉着網站（design360.cn）上線之際，我們和兩位設計師聊了聊本次網站的設計理念，以及網站設計作爲媒介的影響力。

>>

網站設計，就是一個遊戲

360°：可否談一下這次給Design360°做的新網站的設計理念？

高：我覺得網站設計這件事上，我更喜歡用體驗感去描述，而不是理念或者概念，因爲不管概念有多麼強，交互體驗不佳的話都無法成功傳遞網站所承載的信息，簡單來講網站設計對我而言就是一個遊戲，好玩的話，纔會讓觀衆願意來“玩”，同時達成最初的目的：傳達網站上所承載的信息。

這次給Design360°設計的網站要滿足的一個基本需求就是要使用起來輕鬆。Design360°本身作爲一個媒體平臺，信息量是很大的，而密集的信息會讓人產生疲勞感，所以我們在設計中的方方面面——簡單的交互，一目瞭然的結構，和藏在細節中的小交互，都在讓瀏覽體驗更加輕鬆。想象中體驗感就像在城市中行走，兩側有各種店面和建築，但是走着走着就發現地上放着一個洗乾淨的青蘋果。嗯，大概就是這樣的體驗。

文：有很多小的設計點，都是和360°數字相關的。我想，這是一個給實體雜誌設計做數字版的過程。360°也是個數字，因此我想在digital/digit這些概念上面做一些小設計。同時這次還加入了一些新的嘗試：聲音。聲音都是通過合成器即時生成，他們的微小變化和數字也有關係。至於是怎樣的關係，可以打開網站探索一下。

360°：Design360°至今已經做了100多期雜誌。你如何通過網站的結構和交互，將這樣大量的內容有層次並清晰地呈現？

高：其實就像很多服裝品牌的網站，合理的分類規劃，一目瞭然的陳列方式，再加上一些分類邏輯梳理，製造獲取信息的不同路徑。雖然有100多期雜誌，但是好在都是統一的“雜誌”的形式，所以這個共性可以作爲串聯所有內容的邏輯、期數、發行時間、頁數、標題、封面等。具體就是用最基礎的，平鋪，列表等方式去做清晰的梳理。

文：我們設計了可以縮放的平鋪瀏覽模式，想要去還原一種在找書的交互過程。這些功能中間的實現，特別是過渡動畫，都是沒有現成技術解決方案，是我們特別爲了這種呈現而開發的。當然，還有列表與搜索。360°的內容是值得反覆觀看的，我們希望讓用戶擺脫瀑布流，從不同的途徑中自主選擇。

360°：從品牌建設和品牌系統的角度看，你認爲Design360°的新網站應該傳達怎樣的品牌信息與形象？

高：大概來講，很重要的一點就是“有活力”“新”。作爲一個媒體平臺一直持續輸出最新的內容，同時品牌本身也應該具備相應的活力，與時俱進的品牌形象，所以更多的我希望用當下大衆認知度比較高的設計語言去呈現，而不是追求小衆的設計語言。希望表達出的感覺應該是：一個當下看挺不錯的設計，但只需要到這裏就夠了。因爲這個網站應該是被觀衆反覆觀看來獲取信息的途徑，所以需要讓他存在感下降，從而不會讓人看煩了，哈哈。有些時候設計得收着點，這很重要。

>>

設計網站，講究“交互”邏輯

360°：在做品牌設計之外，你們爲什麼會也涉獵網站設計這個領域發展？

高：網站設計其實涵蓋了移動端的設計，我們用手機也看網頁。因此，設計網站的時候要考慮在移動端的呈現形式。其實可以說網站設計是兼顧了不同設備上觀看屏幕上的交互設計。

我們會對網站設計感興趣，一方面是因爲在歐美地區各個品牌和工作室的主要門戶其實是網站。我去了解一個藝術家，設計師，建築師，品牌等都習慣點開他們的網站。而網站可以輸出更多的信息量也能看出來品牌或者個人的態度和性格。另一方面，在做品牌設計這件事的時候是非常講系統性和邏輯性的，而網站設計也正是這兩方面的最好的體現。可以說一個好的品牌設計師應該具備設計網站的能力，我們只不過是在這個領域已經開始輸出作品了。

當然，還有一個重要的原因是，我本人就是對於系統邏輯很重視的，也有一些編程思維的背景，同時我工作室的合夥人就是一位出色的有設計思考的程序員。因此，做網站設計也是一件順理成章的事。

360°：相比於其他媒介，你認爲網站這個媒介的特點是怎樣的？這個媒介給你帶來了哪些獨有的設計思路和方向？

高：網站最重要的一點是，可以實現交互。觀衆不再只能觀看，而是可以參與到裏面來，通過點擊，滑動，瀏覽觸發不同的交互效果，再加上這些交互往往是精心策劃的動態，所以觀衆的滿足感是比其他媒介要高一些的。這更加像是設計了一個小遊戲，觀衆可以輕易地上手遊玩，帶有簡簡單單的趣味。

對於交互設計這件事，其實是一個很大的學問，對我來說。因爲平面設計的背景對於圖形顏色字體的敏感度，這些都會在交互設計中激發新的可能性。相比於靜態的平面，動態的東西就有更多的可以設計的點，比如速度，視覺特效，系統規則，整體性，舒適度。這些都可以成爲設計的表達方式。當然，學會剋制，用合適的交互節奏是最重要的一點。我們的網站基本上不會用太炫目的單體特效，幾乎都是各個小交互細節相互配合營造出的一個節奏感。

360°：你的合夥人文勃主要負責編程。在網站設計的項目中，你們之間的溝通和合作方式是怎樣的？負責網站視覺的設計師需要懂編程語言嗎？

高：負責網站視覺的設計師不需要懂編程語言，但是需要懂編程邏輯。有些交互是隻有瞭解到編程邏輯本身的時候才能被設計出來的。我喜歡用最有效的方式做設計，所以在不瞭解編程邏輯的時候就會讓程序員費了很大力氣完成一件很小的事，走很多彎路。技術上來講的話，少走彎路，也會讓網站的體驗感更加流暢，雖然可能只是0.2s的延遲差距。但是就是這些小細節的累積，優化，才能讓網站設計達到最好的狀態。同樣的，如果程序員可以有設計邏輯的理解，那麼這件事就會更好辦一些。恰好，我和文勃就是這樣的。

說到合作方式，我會更早介入設計，進行設計上的梳理，之後我們會前期溝通設計邏輯，這裏就需要文勃對於設計的理解了，然後逐漸開始編程過程，在這個過程中我們會針對一些小的細節進行調整，甚至一些設計的調整和增加會反過來改變我們最終定下的設計想法。所以這個過程是反覆交流的結果，他會以他的技術和背景來啓發設計，我也會運用我原本對編程邏輯的理解去優化設計，或是解決一些原本靠技術無法解決的，或者很難解決的問題。這麼講，其實雙方都在“設計”這個網站，我覺得程序員對於網站的“設計”其實是一塊重要的拼圖。

文：做網站開發需要懂設計語言，把設計邏輯用程序邏輯體現出來。和設計師在進行細節調整的時候，設計師會提出諸如視覺鬆緊的描述，這時候去調整網站設計，是多方面的：頁面的邊距，文字的行距，圖文的間距等。可以說是牽一髮動全身，最好的狀態是僅需要調整一兩個數值即可對整體進行調整。達到這樣的目的需要用程序來體現設計的邏輯，中間還涉及到用一些新的技術方案，最主要的還是需要有對設計邏輯的理解。

網站的視覺設計稿是靜態的，但網站是個動態的媒介，比如它尺寸可變，需要操作交互，內容加載會有中間狀態等等。在理解設計邏輯後，才能和設計師更準確完善這些部分，如在何處應該增加過渡效果動畫、採用怎麼樣的動畫節奏等等。這也是開發網站中參與到網站設計的部分。

>>

建立網站，梳理品牌自我資產

360°：根據你的實踐與觀察，國內與國外的品牌對於建立網站的態度有什麼區別？

高：國內對於網站其實不太重視，因爲移動端app的一些鏈接無法直接連接到，或者他們不太希望流量被鏈接到平臺之外的地方，也就是品牌網站，所以國內的品牌對於網站幾乎不太會去好好做。但是國外的話對於網站就非常重視，可以說在這一點上他們的方式比較老，但是這個方式也帶來了網站設計的發展。

文：國內品牌主要願意在社交媒體上發佈信息，而缺少對網站的投入，大部分有網站的品牌也僅僅使用通用的模板來完成，缺少和品牌視覺識別的關聯性，無法建立品牌信任感，特別是在國際市場上。而社交媒體平臺的主要作用應當是傳播信息，受限於設備尺寸和信息展示方式，品牌受衆往往僅能瞭解近期的品牌動態，並不能對品牌的整體形象產生認識，難以建立長期穩定的鏈接。近年來很多品牌開始朝着國際發展，這種需求促使品牌願意通過網站來鞏固品牌形象、呈現品牌歷史檔案，這是一個好的開始。

國外品牌很重視網站的建設，把網站作爲數字化零售渠道、重要營銷活動的曝光接觸點。他們的網站內容形式更爲多樣，除了基本的圖文視頻，還有更多的網站互動、在線雜誌、品牌音樂播放列表等，這些新的媒體內容更具有互動性，容易引發社交媒體討論。很多新品牌在正式公佈前就用網站來製作品牌視覺和交互內容吸引受衆。好的品牌網站往往能體現品牌形象，也趨於使用新的網站開發技術。

360°：在如今的媒介環境下，你認爲品牌網站扮演着怎樣的角色？

文：品牌網站應當是受衆與品牌建立鏈接的重要接觸點，品牌形象重要的數字化展示空間和零售空間。它需要與品牌形象、品牌視覺有強關聯。我喜歡的一些品牌網站會季度性更新交互和數字內容，把玩交互和閱讀內容、聆聽音樂列表之餘，促成下單也是情理之中。我覺得品牌應當強化在自有陣地對品牌資產的曝光，減少對社交平臺的依賴。

網站更容易呈現品牌重要信息，比如產品線和品牌歷史檔案，這對於剛剛或者想深入瞭解品牌的人來說是非常重要的，也是品牌對自我資產的梳理。特別是在服裝行業，品牌歷史檔案（Archive）近年被頻繁提及，說明更多受衆願意去深入瞭解品牌歷史。