騰訊設(shè)計(jì)周TDW 2020品牌設(shè)計(jì)語(yǔ)言剖析

TDW(騰訊設(shè)計(jì)周)是由騰訊舉辦的年度設(shè)計(jì)盛會(huì),不僅匯聚騰訊設(shè)計(jì)師,也有來(lái)自其他地方和其他行業(yè)的設(shè)計(jì)師分享不同的觀點(diǎn)。


1-1. TDW 2020

TDW(騰訊設(shè)計(jì)周)是由騰訊舉辦的年度設(shè)計(jì)盛會(huì),不僅匯聚騰訊設(shè)計(jì)師,也有來(lái)自其他地方和其他行業(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ò)這些關(guān)鍵詞,得出了以動(dòng)態(tài)描繪形態(tài)的設(shè)計(jì)概念。

2-1. 視覺概念 Visual Concept 

我們想了不同的方法來(lái)表現(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í),圖像仍然看起來(lái)是簡(jiǎn)單而具有動(dòng)感的。我們?cè)谡w品牌標(biāo)識(shí)中使用了3D圖像,并試圖給人與TDW以前的品牌完全不同的印象。

2-2. Logo


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




除了上述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)色板使用起來(lái)是流暢的。 

2-4. 圖形 Pattern 

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

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

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

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

基于上述概念,我們首先制作各種主視覺圖形。我們把TDW的logo以不同的構(gòu)圖和形式放在3D空間中。為了讓logo吸引眼球,周圍的物體盡可能地保持簡(jiǎn)單。主視覺圖形采用橫向和縱向兩種形式設(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í)保持了足夠的簡(jiǎn)單性。

3-4. 線上視頻 Online Video 

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


4 網(wǎng)站 website

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

官網(wǎng)整體視覺上通過(guò)靈感激發(fā)的概念,帶來(lái)了更全面的影響和改變,延展“設(shè)計(jì)向善”的理念傳達(dá)。同時(shí),希望將品牌片中空間感的想法體現(xiàn)在界面的處理上,通過(guò)局部破格的設(shè)計(jì)及元素滑動(dòng)時(shí)的大小縮放、立體幾何元素的視差滾動(dòng)來(lái)體現(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ì)思維的催化劑,無(wú)論對(duì)消費(fèi)者還是企業(yè),在各行各業(yè)都有積極的影響。

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

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


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

5-3 動(dòng)畫 Animatics

在進(jìn)行全面工作之前,我們制作了一個(gè)動(dòng)畫來(lái)檢查整個(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圖像和柔和的漸變色,通過(guò)最大化空間感,給人更加豐富和新鮮的印象。因此,我們做出了與以往活動(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)。




文章來(lái)源:騰訊ISUX微信公眾號(hào)

每天更新,
全站高品質(zhì)素材免費(fèi)下載!