華文網

錘子科技犯過的構圖錯誤,你一定也犯過

一、從錘子科技的一張配圖說起

而這本是能夠防止的,假設把這張圖換成豎版設計,效果就會立馬變得不一樣。假如只看手機呈現的面積,足足是橫幅員片的六倍,其視覺衝擊感用一個天上一個公開來形容也不為過。

小米MIX2和華為Mate10發佈會官微的配圖

很多互聯網人並沒有認識到橫豎屏問題的重要性,

有些人會下認識的反駁:你把手機橫過來不就完了嘛!不過,看完下面的剖析你或許就不會這麼以為了。

二、從橫屏到豎屏:潮水的方向是如何改動的?

要解答這個問題,我們先看來人眼是如何工作的?由於生理構造的緣由,人的雙眼在大腦前呈橫向排列,這樣招致的結果就是我們的視場角橫向要大於豎向。科學家曾對人類視場角做了一項著名研討,研討結果顯現人類的視野大致如下圖,

能夠明顯看到,整個人類的視場角明顯呈橫向散佈。

即便是單眼,我們眼珠的左右活動範圍也要大於上下活動範圍,因而必定了我們一眼看過去左右的視場角要大於上下的視場角,為了順應人眼的生理構造。

簡直我們能看到的一切視覺場景的設計都是橫版的:從古代的劇場到現代的電影,

從客廳的電視機到臺式個人電腦,這樣的設計確實能更契合我們的視覺直覺,橫屏無疑能讓我們的眼睛更舒適。

眼睛視場角是橫的,這一點毫無疑問,但是我們會發現一個明顯的悖論:為什麼從東方到西方的書籍都是豎版的呢?從畢昇的印刷術產生的《資治通鑒》到古騰堡印出的《聖經》都是清一色的豎版,

這只是一種巧合嗎?

不,這恰恰闡明了一個重要的人體工程學準繩:當我們雙手的溫馨性和雙眼的溫馨性呈現抵觸的時分,雙手的溫馨性的優先順序要高於雙眼,即首先要保證我們拿著舒適,然後才是我們看得舒適。

這也解釋了同屬微軟Office的辦公軟體,為什麼Word默許是豎版排列而PPT是橫版排列。由於Office剛降生的時分,PC和互聯網還遠沒有今天提高,電腦從某種意義上就是一台打字機,Word檔的典型運用場景是:用電腦輸入、用印表機列印出來雙手查看,而PPT就不存在這個問題。

手機的呈現讓這一趨向疾速加劇,精確地說是智慧手機的呈現,功用機時期很多螢幕都是橫版的。智慧機是增長最疾速的豎屏設備,我們隨時隨地能消費資訊的前提是我們能拿住它,因而單手操作的豎屏就成為我們和手機日常接觸最契合人體工程學的姿態。

有些人一定會反駁說,你把手機橫過來不就完了嘛!沒錯,我們確實是能夠把手機橫過來,但是我們疏忽了運用頻率的問題,我們看電影或玩大型遊戲的時分,橫屏的運用頻率其實是很低的。我們運用橫屏能夠看一個小時,但讓我們一分鐘切換橫屏五次,我們就瘋了。

當一個電商產品在第一眼沒有用充溢整個螢幕的豎版構圖吸收用戶的時分,用戶為什麼要橫過來?數聽說明瞭一切:英國一家調研機構Unruly的一項調查顯現,52%的手機使用者習氣將螢幕方向鎖定為豎向;MOVR Mobile的報告也顯現,智慧手機用戶有94%的時間將手機豎著持握而非橫著。

記住,用智慧手機的是人類開展到今天最為懶散的一代人:“橫過來,太費力了!”,假如說互聯網行業有一條必需遵照的鐵律,那麼這條鐵律八成是:縱容人類的懶散,而不是改動它。

三、視頻的狀況也好不到哪裡去

它們都是中美互聯網市場上的國民應用,它們在過去兩年推出的短視頻功用,採用的都是豎版視頻的呈現方式。在整個挪動互聯網的內容開端趨向於視頻化的大背景下,從長視頻到短視頻的進化是一個明顯的趨向,從橫版視頻向豎版視頻的轉變卻很少有人留意到。

當我們在拿著手機在橫屏下看一個小時的《權益的遊戲》,這一點問題都沒有。但是當你一分鐘內看四個藐視頻,你不可能把手機橫過來四次,從長視頻到短視頻,從橫版視頻到豎版視頻,背後的邏輯是統一的。

敏銳感知到這一潮流的APP曾經嘗到了甜頭,比方短視頻範疇近年疾速崛起的快手和Snapchat:Snapchat在視頻範疇提出了3V準繩:即Video、Vertical、View,即視頻化、豎屏化及可看性,即你假如不是豎版的視頻素材,那麼你就無法在這個全球風頭正勁的應用上投放廣告。

無獨有偶,快手合夥人曾光明也對媒體說:“快手的大資料系統對每天6000萬使用者的每一個行為停止判別歸結,在當前的用戶行為、技術和市場下,‘豎屏’、‘57秒’可能是短視頻行業的工業規範。”

但是,當整個短視頻內容都在向挪動轉型的時分,我們很多內容提供者和廣告主卻還沒有疾速轉變過來。到Instagram的故事頁看一看,會發現我們很多熟習的知名媒體並沒有那麼多豎版視頻填充,於是他們只能用橫版視頻拼湊,或者用豎版的圖片拼接成一個幻燈在放映。下面是美國著名的脫口秀節目艾倫秀的官方帳號在Instagram的豎屏頁面:

我們再來看一個典型的例子,下圖是六神花露水投放的應用開屏廣告,直接把一個視頻放到了素材的頂部。我不曉得大家看到這個創意是什麼感受,這顯然是直接把在電視上的橫版視頻素材直接搬到了開屏廣告上,六神這個廣告,從某種意義上來說就是國內品牌行銷觀念滯後的一個縮影。

四、用戶曾經變了:橫版設計結果很嚴重

這實質上是一個理念滯後的問題,挪動互聯網開展得如此疾速,以致於我們很難在短時間之內轉變理念、更新思想,由於PC工業的烙印深深地刻在了我們的腦中,橫版構圖實質上就是一個PC思想。

我們的用戶曾經發作了深入的變化,主要表現在:

閱讀時間和場景的碎片化,使用者在看頁面的時分可能在地鐵、餐廳,也可能是在馬桶上,它的留意力被嚴重分散。

資訊的消費者早已發作了變化,但是資訊的消費者卻沒有轉變思想。由於過去我們在PC上投了太多資源與精神,我們的設計師都是從PC時期過來的,即便是在今天,設計師運用的電腦螢幕仍然是橫版。

假如仍然用PC的橫版思想來作圖,結果十分嚴重,特別是對投入產品請求特別高的廣告行業來說,橫版和豎版的效果可能千差萬別。Snapchat的副總裁在坎城創意節上通知媒體,經過他們測試,橫版視頻廣告的播放完成率是豎版廣告的1/9。正由於豎版效果立竿見影,微信的朋友圈採用豎版視頻的廣告在2016年增長了46%。

橫版構圖關於內容消費者來說是一個表現力的問題,關於商家和廣告主而言來說就是ROI的問題了:一家每天流水10萬的電商店鋪,假如應用豎版構圖去做資訊流廣告提升20%的轉化,每天的營收就能增加2萬,電商從業者會明白我說這句話的意義。

五、我們應該如何做?

明白了豎屏是趨向以及它的重要意義之後,我們能做什麼呢?

我們能夠從以下方面注重橫豎屏的問題:

首先,從“道”層面,我們需求從理念上認識到豎屏的意義,從思想上徹底和PC時期說拜拜。重新梳理我們關於手機頻幕和手機使用者的認識,這需求整個團隊一同轉變思想。

其次,從“術”的層面:

1.學習豎版構圖。橫版更合適全域性,大局面的敘事方式,豎版更合適去表達個體,專注於人物和事情自身等等。基於這一點,豎版素材製造中需求重新思索內容的重點、畫面的構圖等等,比方PC時期常見的圖片和文字,左右構造能夠修正成上下構造,原本是橫著擺放的拍攝能夠豎著擺放。

錘子科技的PC網站和挪動網站其實曾經留意到了這個問題

3.注重視頻的豎屏化,整個內容趨向都在向視頻轉型,我們需求對這個趨向堅持敬畏,不論你是做內容還是做廣告,豎版的視頻都能更好地在挪動設備上展現。當相機廠商和視訊短片軟體還沒有轉過灣來的時分,你能夠從手機拍攝開端,手機自然是一個豎屏拍攝工具,你做電商,能夠讓你的模特拍兩個豎版視頻;你做APP,直接上錄屏應用的操作介面。

事實上,Facebook上超越三分之一以上的應用廣告都是直接放應用錄屏畫面。同時豎版構圖的一個簡單適用的技巧,就是把鏡頭對準單一的個人,哪怕你只對準他的頭部,挪動直播如此火爆不是沒有緣由的。

不要怕增加本錢,這些本錢將以更多倍的方式返回。

人是任何產業的中心,而人恰恰是豎版的,很難說這是一種巧合還是一種宿命。

為什麼Word默許是豎版排列而PPT是橫版排列。由於Office剛降生的時分,PC和互聯網還遠沒有今天提高,電腦從某種意義上就是一台打字機,Word檔的典型運用場景是:用電腦輸入、用印表機列印出來雙手查看,而PPT就不存在這個問題。

手機的呈現讓這一趨向疾速加劇,精確地說是智慧手機的呈現,功用機時期很多螢幕都是橫版的。智慧機是增長最疾速的豎屏設備,我們隨時隨地能消費資訊的前提是我們能拿住它,因而單手操作的豎屏就成為我們和手機日常接觸最契合人體工程學的姿態。

有些人一定會反駁說,你把手機橫過來不就完了嘛!沒錯,我們確實是能夠把手機橫過來,但是我們疏忽了運用頻率的問題,我們看電影或玩大型遊戲的時分,橫屏的運用頻率其實是很低的。我們運用橫屏能夠看一個小時,但讓我們一分鐘切換橫屏五次,我們就瘋了。

當一個電商產品在第一眼沒有用充溢整個螢幕的豎版構圖吸收用戶的時分,用戶為什麼要橫過來?數聽說明瞭一切:英國一家調研機構Unruly的一項調查顯現,52%的手機使用者習氣將螢幕方向鎖定為豎向;MOVR Mobile的報告也顯現,智慧手機用戶有94%的時間將手機豎著持握而非橫著。

記住,用智慧手機的是人類開展到今天最為懶散的一代人:“橫過來,太費力了!”,假如說互聯網行業有一條必需遵照的鐵律,那麼這條鐵律八成是:縱容人類的懶散,而不是改動它。

三、視頻的狀況也好不到哪裡去

它們都是中美互聯網市場上的國民應用,它們在過去兩年推出的短視頻功用,採用的都是豎版視頻的呈現方式。在整個挪動互聯網的內容開端趨向於視頻化的大背景下,從長視頻到短視頻的進化是一個明顯的趨向,從橫版視頻向豎版視頻的轉變卻很少有人留意到。

當我們在拿著手機在橫屏下看一個小時的《權益的遊戲》,這一點問題都沒有。但是當你一分鐘內看四個藐視頻,你不可能把手機橫過來四次,從長視頻到短視頻,從橫版視頻到豎版視頻,背後的邏輯是統一的。

敏銳感知到這一潮流的APP曾經嘗到了甜頭,比方短視頻範疇近年疾速崛起的快手和Snapchat:Snapchat在視頻範疇提出了3V準繩:即Video、Vertical、View,即視頻化、豎屏化及可看性,即你假如不是豎版的視頻素材,那麼你就無法在這個全球風頭正勁的應用上投放廣告。

無獨有偶,快手合夥人曾光明也對媒體說:“快手的大資料系統對每天6000萬使用者的每一個行為停止判別歸結,在當前的用戶行為、技術和市場下,‘豎屏’、‘57秒’可能是短視頻行業的工業規範。”

但是,當整個短視頻內容都在向挪動轉型的時分,我們很多內容提供者和廣告主卻還沒有疾速轉變過來。到Instagram的故事頁看一看,會發現我們很多熟習的知名媒體並沒有那麼多豎版視頻填充,於是他們只能用橫版視頻拼湊,或者用豎版的圖片拼接成一個幻燈在放映。下面是美國著名的脫口秀節目艾倫秀的官方帳號在Instagram的豎屏頁面:

我們再來看一個典型的例子,下圖是六神花露水投放的應用開屏廣告,直接把一個視頻放到了素材的頂部。我不曉得大家看到這個創意是什麼感受,這顯然是直接把在電視上的橫版視頻素材直接搬到了開屏廣告上,六神這個廣告,從某種意義上來說就是國內品牌行銷觀念滯後的一個縮影。

四、用戶曾經變了:橫版設計結果很嚴重

這實質上是一個理念滯後的問題,挪動互聯網開展得如此疾速,以致於我們很難在短時間之內轉變理念、更新思想,由於PC工業的烙印深深地刻在了我們的腦中,橫版構圖實質上就是一個PC思想。

我們的用戶曾經發作了深入的變化,主要表現在:

閱讀時間和場景的碎片化,使用者在看頁面的時分可能在地鐵、餐廳,也可能是在馬桶上,它的留意力被嚴重分散。

資訊的消費者早已發作了變化,但是資訊的消費者卻沒有轉變思想。由於過去我們在PC上投了太多資源與精神,我們的設計師都是從PC時期過來的,即便是在今天,設計師運用的電腦螢幕仍然是橫版。

假如仍然用PC的橫版思想來作圖,結果十分嚴重,特別是對投入產品請求特別高的廣告行業來說,橫版和豎版的效果可能千差萬別。Snapchat的副總裁在坎城創意節上通知媒體,經過他們測試,橫版視頻廣告的播放完成率是豎版廣告的1/9。正由於豎版效果立竿見影,微信的朋友圈採用豎版視頻的廣告在2016年增長了46%。

橫版構圖關於內容消費者來說是一個表現力的問題,關於商家和廣告主而言來說就是ROI的問題了:一家每天流水10萬的電商店鋪,假如應用豎版構圖去做資訊流廣告提升20%的轉化,每天的營收就能增加2萬,電商從業者會明白我說這句話的意義。

五、我們應該如何做?

明白了豎屏是趨向以及它的重要意義之後,我們能做什麼呢?

我們能夠從以下方面注重橫豎屏的問題:

首先,從“道”層面,我們需求從理念上認識到豎屏的意義,從思想上徹底和PC時期說拜拜。重新梳理我們關於手機頻幕和手機使用者的認識,這需求整個團隊一同轉變思想。

其次,從“術”的層面:

1.學習豎版構圖。橫版更合適全域性,大局面的敘事方式,豎版更合適去表達個體,專注於人物和事情自身等等。基於這一點,豎版素材製造中需求重新思索內容的重點、畫面的構圖等等,比方PC時期常見的圖片和文字,左右構造能夠修正成上下構造,原本是橫著擺放的拍攝能夠豎著擺放。

錘子科技的PC網站和挪動網站其實曾經留意到了這個問題

3.注重視頻的豎屏化,整個內容趨向都在向視頻轉型,我們需求對這個趨向堅持敬畏,不論你是做內容還是做廣告,豎版的視頻都能更好地在挪動設備上展現。當相機廠商和視訊短片軟體還沒有轉過灣來的時分,你能夠從手機拍攝開端,手機自然是一個豎屏拍攝工具,你做電商,能夠讓你的模特拍兩個豎版視頻;你做APP,直接上錄屏應用的操作介面。

事實上,Facebook上超越三分之一以上的應用廣告都是直接放應用錄屏畫面。同時豎版構圖的一個簡單適用的技巧,就是把鏡頭對準單一的個人,哪怕你只對準他的頭部,挪動直播如此火爆不是沒有緣由的。

不要怕增加本錢,這些本錢將以更多倍的方式返回。

人是任何產業的中心,而人恰恰是豎版的,很難說這是一種巧合還是一種宿命。