干貨-騰訊內(nèi)部專(zhuān)題頁(yè)面設(shè)計(jì)方法

1、專(zhuān)題頁(yè)面設(shè)計(jì)方法By:TGideas授課目的 歸納一些設(shè)計(jì)形式 整理一些設(shè)計(jì)思路 總結(jié)一些設(shè)計(jì)方法 展示一些設(shè)計(jì)過(guò)程專(zhuān)題頁(yè)面設(shè)計(jì)方法1. 專(zhuān)題頁(yè)面定義？為什么要設(shè)計(jì)專(zhuān)題頁(yè)面專(zhuān)題頁(yè)面設(shè)計(jì)方法1. 專(zhuān)題頁(yè)面定義產(chǎn)品誕生退市調(diào)研產(chǎn)品立項(xiàng)產(chǎn)品開(kāi)發(fā)測(cè)試市場(chǎng)預(yù)熱全面?zhèn)鞑シ€(wěn)定銷(xiāo)售持續(xù)傳播營(yíng)銷(xiāo)推廣專(zhuān)題頁(yè)面設(shè)計(jì)方法1. 專(zhuān)題頁(yè)面定義產(chǎn)品用戶(hù)營(yíng)銷(xiāo)推廣傳統(tǒng)營(yíng)銷(xiāo)網(wǎng)絡(luò)營(yíng)銷(xiāo)專(zhuān)題頁(yè)面設(shè)計(jì)方法1. 專(zhuān)題頁(yè)面定義產(chǎn)品用戶(hù)用戶(hù)層互動(dòng)平臺(tái)層產(chǎn)品資料落地層平臺(tái)網(wǎng)站企業(yè)網(wǎng)站品牌網(wǎng)站廣告活動(dòng)網(wǎng)站專(zhuān)題網(wǎng)站專(zhuān)題頁(yè)面設(shè)計(jì)方法1. 專(zhuān)題頁(yè)面定義專(zhuān)題頁(yè)面設(shè)計(jì)方法1. 專(zhuān)題頁(yè)面定義個(gè)性原則Individuality趣味原則Interesting利益

2、原則Interests互動(dòng)原則Interaction專(zhuān)題頁(yè)面設(shè)計(jì)方法1. 專(zhuān)題頁(yè)面定義又稱(chēng)為minisite，指圍繞某一主題事件或活動(dòng)而單獨(dú)開(kāi)辟的獨(dú)立網(wǎng)頁(yè)或網(wǎng)站，如運(yùn)營(yíng)活動(dòng)，禮品推送，版本介紹等專(zhuān)題頁(yè)面的定義專(zhuān)題頁(yè)面設(shè)計(jì)方法2. 快速打造專(zhuān)題頁(yè)面形式感A.抄現(xiàn)實(shí)以物造行法B.圓方三角快速幾何潑墨法C.斷臂之美局部反常態(tài)法D.欲擒故縱留白視覺(jué)反常態(tài)法E.乾坤大挪移布局反常態(tài)法F. 釘釘鉚鉚裝飾點(diǎn)睛法快速打造專(zhuān)題頁(yè)面形式感A.抄現(xiàn)實(shí)以物造行法專(zhuān)題頁(yè)面設(shè)計(jì)方法2. 快速打造專(zhuān)題頁(yè)面形式感A.抄現(xiàn)實(shí)借鑒生活中存在的實(shí)物專(zhuān)題頁(yè)面設(shè)計(jì)方法2. 快速打造專(zhuān)題頁(yè)面形式感A.抄現(xiàn)實(shí)專(zhuān)題頁(yè)面設(shè)計(jì)方法2. 快速打造

3、專(zhuān)題頁(yè)面形式感A.抄現(xiàn)實(shí)專(zhuān)題頁(yè)面設(shè)計(jì)方法2. 快速打造專(zhuān)題頁(yè)面形式感A.抄現(xiàn)實(shí)它可以變成網(wǎng)頁(yè)嗎？專(zhuān)題頁(yè)面設(shè)計(jì)方法2. 快速打造專(zhuān)題頁(yè)面形式感A.抄現(xiàn)實(shí)案例欣賞專(zhuān)題頁(yè)面設(shè)計(jì)方法2. 快速打造專(zhuān)題頁(yè)面形式感A.抄現(xiàn)實(shí)步驟歸納減法分塊加法專(zhuān)題頁(yè)面設(shè)計(jì)方法2. 快速打造專(zhuān)題頁(yè)面形式感A.抄現(xiàn)實(shí)案例演示一DNF黑鉆專(zhuān)區(qū)專(zhuān)題頁(yè)面設(shè)計(jì)方法2. 快速打造專(zhuān)題頁(yè)面形式感A.抄現(xiàn)實(shí)專(zhuān)題頁(yè)面設(shè)計(jì)方法2. 快速打造專(zhuān)題頁(yè)面形式感A.抄現(xiàn)實(shí)減法簡(jiǎn)化鉆面細(xì)節(jié)，保留外輪廓分塊尋找內(nèi)容安置空間加法加入頁(yè)面內(nèi)容專(zhuān)題頁(yè)面設(shè)計(jì)方法2. 快速打造專(zhuān)題頁(yè)面形式感A.抄現(xiàn)實(shí)案例演示二QQ飛車(chē)三周年專(zhuān)題專(zhuān)題頁(yè)面設(shè)計(jì)方法2. 快速打造專(zhuān)題頁(yè)

4、面形式感A.抄現(xiàn)實(shí)專(zhuān)題頁(yè)面設(shè)計(jì)方法2. 快速打造專(zhuān)題頁(yè)面形式感A.抄現(xiàn)實(shí)減法去掉賀卡上的文字和圖案分塊為按鈕尋找一屏展示區(qū)加法加入修飾元素，細(xì)節(jié)刻畫(huà)專(zhuān)題頁(yè)面設(shè)計(jì)方法2. 快速打造專(zhuān)題頁(yè)面形式感A.抄現(xiàn)實(shí)小 結(jié) 將頁(yè)面主題進(jìn)行可視化設(shè)計(jì)，傳達(dá)真實(shí)感受 頁(yè)面主題易具象表現(xiàn)，且功能和內(nèi)容較少，強(qiáng)調(diào)視覺(jué)表現(xiàn) 對(duì)繪畫(huà)造型有一定要求B.圓方三角快速幾何潑墨法專(zhuān)題頁(yè)面設(shè)計(jì)方法2. 快速打造專(zhuān)題頁(yè)面形式感B.圓方三角圓三角方做為自然界視覺(jué)三種基礎(chǔ)形態(tài)，它們分別由直線(xiàn)、折線(xiàn)、弧線(xiàn)組成。專(zhuān)題頁(yè)面設(shè)計(jì)方法2. 快速打造專(zhuān)題頁(yè)面形式感B.圓方三角 方：整齊、穩(wěn)定、生硬 圓：可愛(ài)、柔軟 三角：動(dòng)感、尖銳嘗試一些簡(jiǎn)單的搭

5、配組合專(zhuān)題頁(yè)面設(shè)計(jì)方法2. 快速打造專(zhuān)題頁(yè)面形式感B.圓方三角可以聯(lián)想到什么？專(zhuān)題頁(yè)面設(shè)計(jì)方法2. 快速打造專(zhuān)題頁(yè)面形式感B.圓方三角專(zhuān)題頁(yè)面設(shè)計(jì)方法2. 快速打造專(zhuān)題頁(yè)面形式感B.圓方三角案例演示QQ西游愚人節(jié)活動(dòng)專(zhuān)題頁(yè)面設(shè)計(jì)方法2. 快速打造專(zhuān)題頁(yè)面形式感B.圓方三角專(zhuān)題頁(yè)面設(shè)計(jì)方法2. 快速打造專(zhuān)題頁(yè)面形式感B.圓方三角愚人節(jié)可愛(ài)有趣搞笑活潑刺激陷阱專(zhuān)題頁(yè)面設(shè)計(jì)方法2. 快速打造專(zhuān)題頁(yè)面形式感B.圓方三角設(shè)計(jì)是一個(gè)理性思維+聯(lián)想+運(yùn)氣的過(guò)程專(zhuān)題頁(yè)面設(shè)計(jì)方法2. 快速打造專(zhuān)題頁(yè)面形式感B.圓方三角C.斷臂之美局部反常態(tài)法專(zhuān)題頁(yè)面設(shè)計(jì)方法2. 快速打造專(zhuān)題頁(yè)面形式感C.斷臂之美專(zhuān)題頁(yè)面設(shè)計(jì)方

6、法2. 快速打造專(zhuān)題頁(yè)面形式感C.斷臂之美專(zhuān)題頁(yè)面設(shè)計(jì)方法2. 快速打造專(zhuān)題頁(yè)面形式感C.斷臂之美專(zhuān)題頁(yè)面設(shè)計(jì)方法2. 快速打造專(zhuān)題頁(yè)面形式感C.斷臂之美專(zhuān)題頁(yè)面設(shè)計(jì)方法2. 快速打造專(zhuān)題頁(yè)面形式感C.斷臂之美專(zhuān)題頁(yè)面設(shè)計(jì)方法2. 快速打造專(zhuān)題頁(yè)面形式感C.斷臂之美設(shè)計(jì)師： greatstyle（韓國(guó)）案例分析QQ西游神秘站專(zhuān)題頁(yè)面設(shè)計(jì)方法2. 快速打造專(zhuān)題頁(yè)面形式感C.斷臂之美專(zhuān)題頁(yè)面設(shè)計(jì)方法2. 快速打造專(zhuān)題頁(yè)面形式感C.斷臂之美D.欲擒故縱留白視覺(jué)反常態(tài)法專(zhuān)題頁(yè)面設(shè)計(jì)方法2. 快速打造專(zhuān)題頁(yè)面形式感D.欲擒故縱專(zhuān)題頁(yè)面設(shè)計(jì)方法2. 快速打造專(zhuān)題頁(yè)面形式感D.欲擒故縱客戶(hù)的奸叫這些都要首屏

7、啊啊啊熱烈再熱烈一點(diǎn)沒(méi)有重點(diǎn)，只有更重點(diǎn)要大要大要閃這個(gè)這個(gè)這個(gè)要突出要酷要炫要高調(diào)專(zhuān)題頁(yè)面設(shè)計(jì)方法2. 快速打造專(zhuān)題頁(yè)面形式感D.欲擒故縱專(zhuān)題頁(yè)面設(shè)計(jì)方法2. 快速打造專(zhuān)題頁(yè)面形式感D.欲擒故縱突出我們?cè)撊绾螒?yīng)對(duì)！專(zhuān)題頁(yè)面設(shè)計(jì)方法2. 快速打造專(zhuān)題頁(yè)面形式感D.欲擒故縱專(zhuān)題頁(yè)面設(shè)計(jì)方法2. 快速打造專(zhuān)題頁(yè)面形式感D.欲擒故縱當(dāng)我們聽(tīng)到突出、變大的需求的時(shí)候第一反應(yīng)是采用了加強(qiáng)法專(zhuān)題頁(yè)面設(shè)計(jì)方法2. 快速打造專(zhuān)題頁(yè)面形式感D.欲擒故縱不如我們反其道而行，來(lái)看看”空“境的別樣風(fēng)景專(zhuān)題頁(yè)面設(shè)計(jì)方法2. 快速打造專(zhuān)題頁(yè)面形式感D.欲擒故縱從建筑看滿(mǎn)與空專(zhuān)題頁(yè)面設(shè)計(jì)方法2. 快速打造專(zhuān)題頁(yè)面形式感D.

8、欲擒故縱從攝影看滿(mǎn)與空案例演示QQ西游花祭專(zhuān)題專(zhuān)題頁(yè)面設(shè)計(jì)方法2. 快速打造專(zhuān)題頁(yè)面形式感D.欲擒故縱專(zhuān)題頁(yè)面設(shè)計(jì)方法2. 快速打造專(zhuān)題頁(yè)面形式感D.欲擒故縱需求分析：1.這是一個(gè)內(nèi)容適中的需求5. 我們應(yīng)該引導(dǎo)用戶(hù)閱讀和操作，如何完成”空”的表現(xiàn)。2. 原來(lái)的游戲SLOGAN被勒令使用，希望玩家來(lái)紀(jì)念同時(shí)選出新的SLOGAN，參與者將獲得禮物。3. 調(diào)性哀傷，但雖然是祭是死去，卻不能恐怖，并且要讓人看到新的希望。4. 選擇凄美的調(diào)性，而空白、安靜正好可以體現(xiàn)出這種哀傷的情懷。專(zhuān)題頁(yè)面設(shè)計(jì)方法2. 快速打造專(zhuān)題頁(yè)面形式感D.欲擒故縱 減小一屏顯示內(nèi)容，制造一個(gè)空靈安靜的祭奠氣氛。連貫性： 獻(xiàn)花

9、、選新SLOGAN、轉(zhuǎn)發(fā)微博、 祝福墻、四個(gè)標(biāo)題改為花愿、 花種、花瓣、花祭，花祭主題貫穿全文 數(shù)字“1.2.3” 、虛線(xiàn)和箭頭指示閱讀閱讀疲勞： 文字稍微傾斜，打破太過(guò)規(guī)整死板 底部換色、聚焦專(zhuān)題頁(yè)面設(shè)計(jì)方法2. 快速打造專(zhuān)題頁(yè)面形式感D.欲擒故縱E.乾坤大挪移布局反常態(tài)法專(zhuān)題頁(yè)面設(shè)計(jì)方法2. 快速打造專(zhuān)題頁(yè)面形式感E.乾坤大挪移時(shí)間短！沒(méi)創(chuàng)意！又要快速捕抓眼球,怎么辦？專(zhuān)題頁(yè)面設(shè)計(jì)方法2. 快速打造專(zhuān)題頁(yè)面形式感E.乾坤大挪移旋轉(zhuǎn)平移專(zhuān)題頁(yè)面設(shè)計(jì)方法2. 快速打造專(zhuān)題頁(yè)面形式感E.乾坤大挪移常規(guī)旋轉(zhuǎn)平移專(zhuān)題頁(yè)面設(shè)計(jì)方法2. 快速打造專(zhuān)題頁(yè)面形式感E.乾坤大挪移旋轉(zhuǎn)專(zhuān)題頁(yè)面設(shè)計(jì)方法2. 快速

10、打造專(zhuān)題頁(yè)面形式感E.乾坤大挪移整體旋轉(zhuǎn)背景旋轉(zhuǎn)內(nèi)容旋轉(zhuǎn)專(zhuān)題頁(yè)面設(shè)計(jì)方法2. 快速打造專(zhuān)題頁(yè)面形式感E.乾坤大挪移整體旋轉(zhuǎn)專(zhuān)題頁(yè)面設(shè)計(jì)方法2. 快速打造專(zhuān)題頁(yè)面形式感E.乾坤大挪移背景旋轉(zhuǎn)專(zhuān)題頁(yè)面設(shè)計(jì)方法2. 快速打造專(zhuān)題頁(yè)面形式感E.乾坤大挪移內(nèi)容旋轉(zhuǎn)專(zhuān)題頁(yè)面設(shè)計(jì)方法2. 快速打造專(zhuān)題頁(yè)面形式感E.乾坤大挪移信息內(nèi)容旋轉(zhuǎn)多少角度比較合適？專(zhuān)題頁(yè)面設(shè)計(jì)方法2. 快速打造專(zhuān)題頁(yè)面形式感E.乾坤大挪移平移專(zhuān)題頁(yè)面設(shè)計(jì)方法2. 快速打造專(zhuān)題頁(yè)面形式感E.乾坤大挪移案例欣賞專(zhuān)題頁(yè)面設(shè)計(jì)方法2. 快速打造專(zhuān)題頁(yè)面形式感E.乾坤大挪移專(zhuān)題頁(yè)面設(shè)計(jì)方法2. 快速打造專(zhuān)題頁(yè)面形式感E.乾坤大挪移專(zhuān)題頁(yè)面設(shè)計(jì)方

11、法2. 快速打造專(zhuān)題頁(yè)面形式感E.乾坤大挪移案例演示一御龍?jiān)谔旆鉁y(cè)專(zhuān)題（旋轉(zhuǎn)）專(zhuān)題頁(yè)面設(shè)計(jì)方法2. 快速打造專(zhuān)題頁(yè)面形式感E.乾坤大挪移專(zhuān)題頁(yè)面設(shè)計(jì)方法2. 快速打造專(zhuān)題頁(yè)面形式感E.乾坤大挪移案例演示二QQ西游裝機(jī)專(zhuān)題（平移）專(zhuān)題頁(yè)面設(shè)計(jì)方法2. 快速打造專(zhuān)題頁(yè)面形式感E.乾坤大挪移專(zhuān)題頁(yè)面設(shè)計(jì)方法2. 快速打造專(zhuān)題頁(yè)面形式感E.乾坤大挪移專(zhuān)題頁(yè)面設(shè)計(jì)方法2. 快速打造專(zhuān)題頁(yè)面形式感E.乾坤大挪移專(zhuān)題頁(yè)面設(shè)計(jì)方法2. 快速打造專(zhuān)題頁(yè)面形式感E.乾坤大挪移F.釘釘鉚鉚裝飾點(diǎn)睛法專(zhuān)題頁(yè)面設(shè)計(jì)方法2. 快速打造專(zhuān)題頁(yè)面形式感F.釘釘鉚鉚專(zhuān)題頁(yè)面設(shè)計(jì)方法2. 快速打造專(zhuān)題頁(yè)面形式感F.釘釘鉚鉚專(zhuān)題頁(yè)

12、面設(shè)計(jì)方法2. 快速打造專(zhuān)題頁(yè)面形式感F.釘釘鉚鉚圖片來(lái)源于網(wǎng)絡(luò)，如有侵權(quán)，請(qǐng)告知?jiǎng)h除專(zhuān)題頁(yè)面設(shè)計(jì)方法2. 快速打造專(zhuān)題頁(yè)面形式感F.釘釘鉚鉚那頁(yè)面中常見(jiàn)的裝飾元素有哪些？專(zhuān)題頁(yè)面設(shè)計(jì)方法2. 快速打造專(zhuān)題頁(yè)面形式感F.釘釘鉚鉚1.數(shù)字專(zhuān)題頁(yè)面設(shè)計(jì)方法2. 快速打造專(zhuān)題頁(yè)面形式感F.釘釘鉚鉚專(zhuān)題頁(yè)面設(shè)計(jì)方法2. 快速打造專(zhuān)題頁(yè)面形式感F.釘釘鉚鉚2.英文專(zhuān)題頁(yè)面設(shè)計(jì)方法2. 快速打造專(zhuān)題頁(yè)面形式感F.釘釘鉚鉚專(zhuān)題頁(yè)面設(shè)計(jì)方法2. 快速打造專(zhuān)題頁(yè)面形式感F.釘釘鉚鉚3.流行元素專(zhuān)題頁(yè)面設(shè)計(jì)方法2. 快速打造專(zhuān)題頁(yè)面形式感F.釘釘鉚鉚冒泡小星星圖標(biāo)相片箭頭主題元素專(zhuān)題頁(yè)面設(shè)計(jì)方法2. 快速打造專(zhuān)題頁(yè)面形式感F.釘釘鉚鉚如果感覺(jué)頁(yè)面很平庸，不妨來(lái)點(diǎn)小裝飾專(zhuān)題頁(yè)面設(shè)計(jì)方法2. 快速打造專(zhuān)題頁(yè)面形式感F.釘釘鉚鉚專(zhuān)題頁(yè)面設(shè)計(jì)方法2. 快速打造專(zhuān)題頁(yè)面形式感F.釘釘鉚