1-1. TDW 2020

TDW（騰訊設(shè)計(jì)周）是由騰訊舉辦的年度設(shè)計(jì)盛會(huì)，不僅匯聚騰訊設(shè)計(jì)師，也有來自其他地方和其他行業(yè)的設(shè)計(jì)師分享不同的觀點(diǎn)。因?yàn)樗碇v訊的設(shè)計(jì)，每一年我們都試著去展示更好的設(shè)計(jì)。

1-2. 原始概念 The Origin Of Concept 

在“設(shè)計(jì)向善”的口號(hào)之下，TDW每年都可以討論各種設(shè)計(jì)主題。我們考慮了多種呈現(xiàn)口號(hào)的視覺方式，并決定使用關(guān)鍵詞“有力”、“強(qiáng)調(diào)”和“動(dòng)感”。通過這些關(guān)鍵詞，得出了以動(dòng)態(tài)描繪形態(tài)的設(shè)計(jì)概念。

2-1. 視覺概念 Visual Concept 

我們想了不同的方法來表現(xiàn)有力且強(qiáng)勁的動(dòng)作，使用TDW logo 的基本形態(tài)，我們創(chuàng)建了一個(gè)圖案。我們拆解TDW logo中的T，把它制作成三角形和矩形元素，這些元素可以組合在一起形成logo的形狀。此外，它們還可以用于創(chuàng)建隨機(jī)散布在3D空間中的不規(guī)則圖案。當(dāng)我們用基本形狀創(chuàng)建每個(gè)新圖案時(shí)，圖像仍然看起來是簡單而具有動(dòng)感的。我們?cè)谡w品牌標(biāo)識(shí)中使用了3D圖像，并試圖給人與TDW以前的品牌完全不同的印象。

2-2. Logo

去年，TDW logo 用的是大寫字母，今年，為了使它看起來與原始的TDW logo 相似，我們采用小寫字母來設(shè)計(jì)。因?yàn)閘ogo包含英文、中文和數(shù)字，為了找到與斜體logo相匹配的最佳字母組合，我們嘗試了多種可能的方法。此外，logo也需要能輕易地應(yīng)用于其他不同的設(shè)計(jì)場(chǎng)景，最后，我們用粗斜體樣式統(tǒng)一了所有的英文、中文與數(shù)字，使整個(gè)logo看起來是平衡的。

除了上述logo，還制作了一個(gè)變動(dòng)的，反映TDW2020品牌標(biāo)識(shí)維度視角的3D logo。這個(gè)logo可以應(yīng)用于多種不同的場(chǎng)景，比如視頻、海報(bào)、安裝等等，維持基本logo整體外觀的同時(shí)，創(chuàng)造了更多應(yīng)用的可能性。

2-3. 顏色 Color

保持之前TDW一貫使用的藍(lán)色的同時(shí)，使用柔和色調(diào)賦予新鮮感。3D空間則使用漸變色，賦予更深層次且更豐富的感覺。在避免使用深色或鮮艷顏色的同時(shí)，我們盡量確保整個(gè)調(diào)色板使用起來是流暢的。 

2-4. 圖形 Pattern 

我們通過結(jié)合三種基本形狀和不同顏色的球體來設(shè)計(jì)3D圖形。在最終組合成“t”形之前，這些物體以不同角度隨機(jī)散布在3D空間中。概念刻畫方面，隨意的形狀聚集在一起形成了品牌標(biāo)識(shí)中的logo。通過這些3D圖形，我們表達(dá)了一種新的感覺，并創(chuàng)造了更為廣泛的應(yīng)用。

2-5. 字體設(shè)計(jì) Typography

為了找到更為合適的，簡潔而又不太堅(jiān)硬的字體，我們做了多種比較。最終，英文使用Proxima Nova，中文則用方正蘭亭黑簡體。

3-1. 主視覺&海報(bào) Key Visuals & Posters

基于上述概念，我們首先制作各種主視覺圖形。我們把TDW的logo以不同的構(gòu)圖和形式放在3D空間中。為了讓logo吸引眼球，周圍的物體盡可能地保持簡單。主視覺圖形采用橫向和縱向兩種形式設(shè)計(jì)，以便可以以各種方式應(yīng)用于活動(dòng)之中。

為了設(shè)計(jì)海報(bào)，以主圖形為基礎(chǔ)，我們測(cè)試了各種布局。我們用各種方式測(cè)試logo和主版本的布局，并選擇最為合適的版本。最后，我們將所選的布局應(yīng)用于各種主視覺圖形，在顯示變化的同時(shí)，保持統(tǒng)一的色調(diào)和方式。

3-2. 其他應(yīng)用 Other Applications 

基于品牌標(biāo)識(shí)，我們提出多種應(yīng)用場(chǎng)景，試圖以一致的方式將品牌標(biāo)識(shí)應(yīng)用于這些場(chǎng)景之中。因?yàn)槭褂昧?D圖像和漸變色，我們特別注意確保線上線下場(chǎng)景的一致性。在線下場(chǎng)景精確地顯示漸變色有點(diǎn)困難，但我們仔細(xì)調(diào)整了顏色，使其與線上色調(diào)相似。

3-3. 安裝設(shè)計(jì) Installation Design

基于設(shè)計(jì)概念，我們繼續(xù)進(jìn)行展位設(shè)計(jì)。展位是各種人聚集一起體驗(yàn)活動(dòng)的場(chǎng)所，我們用迄今為止制作的各種圖形設(shè)計(jì)了這個(gè)場(chǎng)所，同時(shí)保持了足夠的簡單性。

3-4. 線上視頻 Online Video 

通過有效地利用主視覺和logo，也創(chuàng)建了為設(shè)計(jì)峰會(huì)而設(shè)立的演播室。適當(dāng)?shù)念伾Ｕ拖鄼C(jī)設(shè)置可以使屏幕不偏離整體的視覺色調(diào)。我們也試著讓觀眾的注意力可以集中在演講者身上。

4 網(wǎng)站 website

TDW官網(wǎng)的信息結(jié)構(gòu)主要由 首頁/設(shè)計(jì)峰會(huì)/創(chuàng)意市集/影像展示/往屆回顧 這五部分組成，內(nèi)容以嘉賓展示、圖片及視頻信息的呈現(xiàn)為主，因此在界面設(shè)計(jì)上希望給予更多的空間留白來凸顯內(nèi)容的展示，同時(shí)也讓整體界面看起來更為的簡約輕盈。

官網(wǎng)整體視覺上通過靈感激發(fā)的概念，帶來了更全面的影響和改變，延展“設(shè)計(jì)向善”的理念傳達(dá)。同時(shí)，希望將品牌片中空間感的想法體現(xiàn)在界面的處理上，通過局部破格的設(shè)計(jì)及元素滑動(dòng)時(shí)的大小縮放、立體幾何元素的視差滾動(dòng)來體現(xiàn)平面視角上的空間概念。

5-1 延展概念可視化 Extensive concept visualization 

品牌標(biāo)識(shí)的整體概念基于“設(shè)計(jì)向善”這個(gè)slogan。動(dòng)畫視覺用“變化”和“影響”作為關(guān)鍵詞，強(qiáng)調(diào)設(shè)計(jì)是改變社會(huì)思維的催化劑，無論對(duì)消費(fèi)者還是企業(yè)，在各行各業(yè)都有積極的影響。

5-2 故事版，“變化”與“影響”的可視化概念 Storyboard, visualizing the concept of CHANGE and INFLUENCE

視頻的整體流程從3D物體開始。首先，它只是一個(gè)簡單的球體形狀，但隨著視頻的進(jìn)行，它影響了周圍的環(huán)境，并逐漸改變了形式。視頻的結(jié)尾，所有變化的物體聚集在一起形成TDW的logo，使“變化”和“影響”得以形象化。

視頻里的球體轉(zhuǎn)換成多面體，這些多面體組合在一起，創(chuàng)建了一個(gè)有意義的logo。通過這種幾何形態(tài)的變化，我們?cè)囍涤髟O(shè)計(jì)對(duì)社會(huì)變化起著積極而增效的作用。

5-3 動(dòng)畫 Animatics

在進(jìn)行全面工作之前，我們制作了一個(gè)動(dòng)畫來檢查整個(gè)圖像的組成。為了創(chuàng)造出更具節(jié)奏感的動(dòng)畫形象，在動(dòng)畫制作前提前進(jìn)行了聲音處理。

5-4 材料渲染，細(xì)節(jié) Rendering of materials, detailing 

首先，主要材料是用品牌的主顏色和漸變色構(gòu)成的，我們還添加了金屬、木材和玻璃等材料，以表達(dá)世界正因優(yōu)秀設(shè)計(jì)而改變的理念。我們將這套材料適當(dāng)?shù)胤庞谥饕曈X物體上，同時(shí)為動(dòng)畫增加更多的細(xì)節(jié)。除此之外，為了使動(dòng)作更加地自然，還對(duì)一些動(dòng)畫場(chǎng)景進(jìn)行了多輪模擬測(cè)試，

5-5 最終成果 Final artwork

TDW是一年一度的盛事，今年我們?cè)诟玫乃囆g(shù)方向上進(jìn)行了各種各樣的嘗試。總體而言，我們使用了更多的3D圖像和柔和的漸變色，通過最大化空間感，給人更加豐富和新鮮的印象。因此，我們做出了與以往活動(dòng)不同的外觀。TDW 2020于10月28日至30日舉行，很多人參加了這次的活動(dòng)，演講者們也分享了許多與設(shè)計(jì)相關(guān)的想法和案例。能夠參與這么有意義的活動(dòng)并做出貢獻(xiàn)，我們非常感激也十分地榮幸。不僅僅是設(shè)計(jì)行業(yè)，我們希望TDW能夠吸引更多行業(yè)的人分享他們的經(jīng)驗(yàn)。

文章來源：騰訊ISUX微信公眾號(hào)