長長長長長長長卷一圖流新媒體設計指南(專業教程警告)

<table><tbody>

除了乾貨,其它什麼也沒有

職場

數據

新媒體

設計

極客

新媒體託管/培訓/設計:021 37218818

长长长长长长长卷一图流新媒体设计指南(专业教程警告)

局部氣候調查組、顧爺、故宮淘寶……這些耳熟能詳的超高打開率賬號,無不採用一圖流展開每期跌宕起伏的故事;星巴克、AdidasOriginal、Apple……這些為人追捧的高端品牌賬號,無不採用一圖流呈現每期隆重上市的新品;而在 H5 領域,如《這是哪條街?居然刷屏了》這般的長卷式案例更是不勝枚舉。

长长长长长长长卷一图流新媒体设计指南(专业教程警告)

所以,如果你唱衰 2019 年的新媒體行業,本質上是因為你自己的技術能力不夠。對在視覺設計層面有不懈追求的品牌來說,它們則將進一步殺出紅海,贏得用戶的肯定。

我們在《超高顏值圖文排版完全指南》就已經談到,企業品牌中的頭部新媒體現在往往一個文案配十個設計師。 接下來,計老師為各位有一定設計基礎的運營人講解長卷式一圖流設計的幾個技術精髓。

长长长长长长长卷一图流新媒体设计指南(专业教程警告)

平行透視法

對於長卷設計中目前最火爆的立面長卷,它其實有別於標準的透視原則,採用的是“平行透視法”的無限視角構建。

我們在《哇!臺灣人畫出《三體》中的二向箔了耶!》一文中層介紹過這種透視繪畫方法,所以它的發展歷史非常悠久,並非是新媒體行業的產物。

在矢量一圖流中,這種透視法尤其明顯。一般來說,我們會選擇以 30° 構建全部的斜面。先來看第一個簡單的黨政一圖流例子,這是去年上海市團代會我們 JZ 設計的 H5 長卷效果瞬間▼

长长长长长长长卷一图流新媒体设计指南(专业教程警告)

所有的結構性線條,只會包含縱向和斜向 30° 兩種情況,由此確保畫面可以自上而下無限延展下去。所以矢量一圖流最常見的畫面延伸物往往就是:街道&河流。此外包括現在很多新媒體頭部大號的立體二維碼利用的也是平行透視法設計,這裡我們再來看一個案例,是由我們 JZ 設計的一個黨政賬號尾部動態立體二維碼▼

立面長卷是一圖流中難度較高的類型,而以上正是其設計的核心法則。那麼有別於矢量製圖的位圖立面長卷或半立面長卷又有怎樣的設計法則?

位圖轉場法

矢量立面長卷的延伸性是非常可控的,但是如果一條真實的馬路以及路邊的樓宇被強行賦予平行透視法,恐怕用戶就不能好評了。

所以,位圖長卷在更多情況下,並非自始至終使用單一的延伸性元素,而是會構建大量轉場設計。

1.宏觀與微觀轉場法

為避免平行透視的失真感,位圖長卷可以讓畫面在宏觀和微觀之間巧妙過渡。以下是我們 JZ 製作的另一個案例局部(即將從“貿易”主題轉場到“鴉片戰爭”),將巨大的戰船和炮彈在非常短的畫幅內銜接,不僅不生硬,反而給人以強烈的動態壓迫感▼

长长长长长长长卷一图流新媒体设计指南(专业教程警告)

2.光線與氣體轉場法

位圖的轉場很多時候需要藉助“能夠大範圍覆蓋畫幅”的元素,那麼光、水、氣體等都是很好的設計要素。比如接續上方 JZ 製作的案例,我們通過炮彈爆炸燃燒的煙火,巧妙妙銜接了工業煙囪(從“鴉片戰爭”主題轉場到“現代工商業”)▼

长长长长长长长卷一图流新媒体设计指南(专业教程警告)

2.黑底轉場法

有些主題內容是在太長了,那麼我們還可以通過純色黑色進行轉場。一方面它能讓用戶思維形成一個停頓,對後續內容有所期待,另一方面能讓用戶短暫忘記上一個畫幅的透視規則,以便下方設計的展開。在圈內頗愛“黑底轉場法”的莫過於「局部氣候調查組」。

3.連貫元素轉場法

既然提到了「局部氣候調查組」,團隊更擅長的是連貫元素轉場法▼

长长长长长长长卷一图流新媒体设计指南(专业教程警告)

(轉場一)

长长长长长长长卷一图流新媒体设计指南(专业教程警告)

(轉場二)

啤酒氣泡、尿液這樣的元素,天然就具有連續性,所以在上面兩張長圖局部中也被充分利用。當然,第二張圖中還牽涉到了計老師介紹的第一種宏觀與微觀轉場法。

素材選擇

毫無疑問,像立面長卷設計一定包含大量素材製作程序。當然,我們也可以藉助一些第三方圖庫資源,快速獲取透明底 PNG 高質量素材。這裡你可以點擊閱讀《免費又好用:6個免摳圖透明背景素材庫(人像/產品/表情等)》,相信一定能對你的設計產生巨大幫助。

另外有一類圖庫非常特別,也很少被平面設計師提及,它們是遊戲開發者開源素材庫。這類庫內的素材一定是透明底居多,尺寸大小適合手機展示,只是大多數設計師沒有想到可以往這個方向搜索▼

长长长长长长长卷一图流新媒体设计指南(专业教程警告)

而對於動態素材,在製作上可以基於視頻轉制,點擊閱讀《如何把視頻變成 GIF?》瞭解教程。或如果有紮實的動畫軟件基礎,可以基於 C4D、AE 等產生。不過由於新媒體領域尤其圖文對 GIF 有相對大的限制,所以壓縮 GIF 的過程十分考究,否則會產生明顯色差或失真。如果你是在沒有足夠的能力解決 GIF 壓縮問題,可以點擊閱讀《教程|突破2M,公眾號上傳超大GIF!》。

腦洞文案

長卷設計中,腦洞文案往往有奇效。以“故宮淘寶”為例,它的文案到底是怎麼構思的?各位讀者可以把我們出版的圖書《硬核運營》翻到第 112-115 頁,其中詳細說明了這類長卷文案的寫作要領▼

而傳統產品文案,位於圖書《硬核運營》第 220-232 頁,它比較適合更傳統的如星巴克、AdidasOriginal、Apple 製作的長圖廣告。

產品長圖設計

我們在《超高顏值圖文排版完全指南》中已經詳細介紹過企業品牌超長圖的視覺設計專業規範,另外請結合最近我們發佈的《教程|圖文排版入門指南(內含一組小測試喔!)》進行學習。

近期,JZ 則將進一步為各位品牌主帶來 Case Study,挑選若干頭部品牌大號進行詳細的長卷一圖流分析,敬請期待。

那麼,你還在為 2019 年的品牌新媒體運營犯愁嗎?有時間犯愁,不如紮實學習平面設計。這個准入門檻過低的行業正在面臨大洗牌,

所謂的小程序、裂變、交互、長卷等新媒體制勝秘籍,歸根結底只和技術+設計有關。能笑到最後的,一定包括開發者和設計師。

最後,如果你的企業品牌對製作這類長圖有些力不從心,則歡迎與我們 JZ 多媒體解決方案接洽,獲得專業的視覺設計支持。

长长长长长长长卷一图流新媒体设计指南(专业教程警告)


分享到:


相關文章: