面試問題,視頻橫屏與豎屏的設計差異?我是這樣回答的

2020-12-25 人人都是產品經理

編輯導讀:視頻豎屏和橫屏是一個很常見的交互操作,那你有想過這兩種設計有什麼區別嗎?當面試時候被問到這個問題,你會怎麼回答?本文作者從自身工作實踐出發,對這個問題進行了了梳理分析,並分享了他的幾點看法,希望對大家有所幫助。

最近在群裡看到一位同學提問,在面試的時候被問到視頻橫屏與豎屏的設計差異,討論還挺火熱。正好我之前做過一個從豎屏到橫屏轉型的短視頻App項目,有一些設計思考,我把它分享出來,跟大家一起探討學習。

視頻豎屏和橫屏是一個很常見的交互操作,那大家有沒有想過:為什麼會有橫豎屏的設計以及背後會有怎樣的邏輯呢?我想從以下幾點來分析:

橫豎屏設計的源頭橫豎屏設計的差異橫豎屏對內容生產的影響小結

01 橫屏豎屏設計的源頭

橫豎屏切換策略最早應用於QWERTY側滑全鍵盤按鍵設計的手機上(早期塞班S60與Windows Mobile等智能操作平臺),用戶在使用鍵盤輸入時須把手機轉90度來使用,因而屏幕內容也要隨之切換。

從這裡可以看出,早期的橫豎屏設計是為了適應硬體的變化。但如今隨著硬體的升級,外置鍵盤的設計早已不成為主流,現在的橫豎屏選擇更多的是為了服務於內容

02 橫豎屏設計的差異

先給大家來一張我做的思維導圖,橫屏與豎屏的差異對比,

1. 橫屏的優勢

1)橫屏具有更強的沉浸感

大家平時用的電腦,電視,基本上都是橫屏的設計,為啥會設計成橫屏也是有原因的,因為人眼在生理上的視野範圍跟平時見到的橫屏設計的比例是比較相符的。所以,橫屏相較於豎屏來說,能有更好的沉浸感體驗,這就是為什麼一些長視頻應用,比如騰訊視頻,優酷之類的,一般會設計成橫屏的原因。

如果在這個視野範圍內都是屏幕,那麼就會給我們一種身臨其境的感覺。這就是為什麼角色扮演類遊戲需要做橫屏設計,電影的熒幕是21:9的原因。

2)橫屏閱讀效率更高

水平方向閱讀更符合人體生理,眼球橫向來回掃視比較方便,所用時間也較短。如果是豎屏的,可能會需要低頭才能掃視完整塊屏幕。從所用時間和角度來看,橫屏的閱讀效率相對較高。

3)橫屏更偏向於看內容

由於具有很強的沉浸感,也就意味著需要觀看者接受更高密度的信息量,使得橫屏下更適合深度看內容,更適合PGC內容形態。當時我們想要做的是知識型短視頻內容,橫屏狀態可以讓用戶有更高的專注度

4)橫屏短視頻體驗新奇

想要獲得比較好的傳播,亮點很重要。目前市面上大多數短視頻應用都是基於豎屏來做的,橫屏短視頻設計相對較少,做成橫屏會比較有特點,能讓人產生記憶點。

5)保護視力

橫屏下的內容其實跟書本寬度比較接近,閱讀屏幕內容時眼珠子會橫向掃動,而在豎屏下眼球基本上不動。所以,還能起到一定的保護視力作用。

2. 豎屏的優勢

1)豎屏更偏看人及互動

因為豎屏的構圖關係,豎屏視頻相較於橫屏視頻畫面中容納的人數更少,所以它更容易給人帶來一對一的交流感,具有很強的互動性。在你來我往的互動過程中所帶來的信息密度一般相對較低,內容屬性更偏娛樂化,淺知識,所以可以看到在很多的直播設計中,都是採用的豎屏設計。

2)便於碎片化場景

豎屏下單手持握更加方便,同時因為沒有太強的沉浸感,目光容易發散,所以更適合碎片化場景。

3)豎屏能使得拍攝重點更為突出

由於尺寸和人眼視野的問題,豎屏會讓畫面重點更為聚焦。

這裡稍微介紹下理論依據:人眼視度即指人的肉眼可視角度的度數。人類通常是124度,當集中注意力時約為五分之一,即25度。人兩眼重合視域為124度,單眼舒適視域為60度。所以在小角度視野下,畫面的重點會更加突出

03 橫豎屏對內容生產的影響

大家平時看的電影和電視一般都是16:9的寬屏設計,是因為這種寬幅的視覺比例有利於利用景深鏡頭打造畫面的空間感,有利於通過前後景的融合營造更多想像空間,從而使故事內容更富有深意。

而要理解這種深意,觀眾往往需要投入很多精力,也就更加獲得更好的沉浸感。

如今短視頻時代,人們的耐心變得非常稀缺,更希望看到的內容簡單直接,這就要求短視頻製作要儘量前置主體,使傳達的信息更加明確、直接。

相比擅長沉浸感更強,需要更多思考的橫屏內容,豎屏視頻內容更能迎合這一要求,它能更多聚焦在主體人物本身,從而更適合以人為主體的直播等內容。

總結

橫屏和豎屏是我們日常見到的最普遍的一種交互形式了,因為見慣了,所以我們很多時候對這些設計會覺得理所當然,卻忽視了背後的設計邏輯。

為什麼短視頻會以豎屏居多,為什麼長視頻大多數都是橫屏展現,為什麼電視和電影的設計比例是寬屏而非豎屏等等。很多優秀的設計背後都是有原因的,沒有無緣無故的成功。

多一點思考,再小的點也有大的學問。

以上內容,就是彩雲關於橫豎屏設計問題的思考,不一定都對,大家參考看看,有不同見解,歡迎溝通討論。

#專欄作家#

本文原創發布於人人都是產品經理。未經許可,禁止轉載

題圖來自Unsplash,基於CC0協議

相關焦點

  • 橫屏豎屏在哪裡設置
    橫屏豎屏的設置方法不難,通常的設置方法都是直接打開下拉任務欄,找到「自動旋轉」或「屏幕旋轉」或「豎屏鎖定」的選項,點擊變灰關閉,變色則開啟。這裡我也以各加手機品牌為例,給大家介紹一下。華為手機在華為手機桌面上,手指下滑打開下拉任務欄,找到「自動旋轉」點擊打開,這時候就可以根據自己需求來設置橫屏豎屏的操作了。
  • 教你如何下載無水印視頻及批量將豎屏視頻更改為橫屏視頻
    豎屏改橫屏怎麼操作?像西瓜、騰訊、美拍的視頻都是橫屏的視頻,而抖音、火山、快手上傳的視頻都是豎屏的,所以我們需要運用軟體將我們的視頻批量進行轉換,怎麼操作快捷呢?這裡給大家介紹一下詳細的過程。今天我們以下載抖音豎屏視頻為例,批量轉換成橫屏視頻。
  • 用戶橫屏豎屏都需要怎麼破?愛奇藝的答案:AI任你橫豎
    在愛奇藝探索成功後,騰訊視頻推出《我的男友力姐姐》《萌寵君》等豎屏短劇,火鍋視頻提出打造「全網第一豎屏劇場」的目標,優酷在今年8月啟動《加油吧思思》項目。還有越來越多的內容創作者,不再糾結做橫屏還是豎屏,而是一個視頻內容製作橫豎兩個版本,以同時滿足用戶不同觀看需求,然而這樣做,增加了拍攝製作成本和拉長了拍攝製作周期。
  • PR學習之旅:如何利用pr將視頻橫屏轉為豎屏(無黑邊)
    許多人遇到一個困惑,就是如何將原本是橫屏的視頻轉換為豎屏,或者是豎屏轉換為橫屏。本文通過Pr視頻剪輯軟體,在處理後可以輕鬆將視頻從橫屏轉為豎屏。工具/原料Adobe Premier需要清楚原視頻的長寬比這樣處理後效果更好方法/步驟1.1
  • VideoScribe 3.6.11-69 Win最新橫屏豎屏四合一漢化中文專業版
    音樂庫 重新設計了音樂庫界面,現在可以顯示更多信息。2. 新用戶引導 新用戶必須完成創建一個新項目,添加圖片到畫布,預覽視頻,訪問幫助和支持等四個新手入門步驟。3. 用戶界面調整 用戶界面一直在小修小改,使軟體更加易用。4. 問題修復。修復舊版本遺留問題。
  • 如何製作豎屏視頻?簡單幾步,打造豎屏全屏觀感!
    小夥伴們,大家好,今天分享如何製作豎屏視頻。除了詳細講解基本操作外,還會講到一些創意小技巧的應用,教大家把視頻畫面做得更加美觀。一、創建豎屏解析度,導入視頻1、製作豎屏視頻,第一步就是創建豎屏解析度。點擊帶「New」字樣的新建按鈕,彈出「新建」對話框,在視頻大小下拉框中選擇豎屏解析度,例如1080*1920(1080P豎屏)。
  • 豎屏時代:視頻新聞的畫面革新與沉浸傳播
    本文以「人民日報」抖音號為研究對象,通過分析其作品內容、形式等,觀察傳統媒體如何適應當下的短視頻平臺新形態,試圖探究豎屏給視頻新聞帶來的巨大變化,以及背後的問題與挑戰,並為未來豎屏視頻新聞的發展方向給出建議。
  • 全媒派 | 視頻的另一種革命:關於「豎屏時代」,我們該知道些什麼?
    自視頻誕生之日起,從電影到電視,橫屏影像一直是主流,直到2012年智慧型手機大規模問世,與之相適配的豎屏視頻逐漸風靡。從一個不被看好的業餘設計到如今各家媒體的必爭之地,豎屏視頻如何一步步發展至今,又有著怎樣的前景?本期全媒派(ID:quanmeipai)帶來編譯文章,與你一起回溯豎屏的發展歷程,探索其流行的緣由和未來的走向。
  • 如何剪輯豎屏視頻?黑邊要這樣去除才對
    隨著短視頻的日漸流行,在手機上觀看豎屏視頻已經成為了常態。但是,創作者在剪輯豎屏視頻時,往往會遇到黑邊的問題,如果沒有很好的解決方法,視頻的最終呈現效果一定是大打折扣的。所以,今天主要講解剪輯豎屏視頻時,完美去除黑邊,同時讓視頻畫面更好看的方法。
  • VideoScribe 3.5.2-18 macOS蘋果橫屏豎屏漢化中文版支持10.15
    課優課美網原創定製VideoScribe 3.5.2-18 macOS蘋果橫屏豎屏漢化中文版,支持輸入中文漢字,輸出視頻無水印,支持最新的macOS 10.15,不白屏,永久使用!具體定製項目如下:1.界面漢化2.支持輸入中文,支持在輸入完成時檢測不在字庫中的字符並列出,方便擴充字庫3.送8款字體,默認內置黑體簡體,外置7款字體包括宋體,楷體,幼圓,娃娃體,翩翩體,方正黑體繁體和騰祥伯當行楷繁體4.送8套中文視頻課程
  • 獨家專題|豎屏翻紅
    豎屏短劇,長視頻平臺的自我進化去年,一檔豎屏短劇《生活對我下手了》在愛奇藝平臺上線,該劇每一集的時間只有3~5分鐘,五分鐘之內講一個喜劇故事。用豎屏形式做專業化的精品短劇,對於習慣橫屏看劇的觀眾來說,這樣的形式很新鮮,該劇也獲得了不錯的網絡關注度。
  • 張藝謀豎屏微電影推薦:還在拍搞笑段子?別人都用豎屏拍電影了!
    曾幾何時,抖音似乎就變成了短視頻的替代品。很多人都有一個困惑,就是需要橫屏看電影。因此我們在手機抖音上看電影時,畫面縱使那樣小,即使是10寸大屏手機,電影播放的範圍也僅僅3寸。如今人人都有手機,每部手機的像素都可以匹敵無數專業相機。
  • 蘋果「可立拍」 3.0 發布:支持豎屏視頻,更多好玩濾鏡
    三年前,蘋果就推出了「可立拍」這款針對視頻製作的創意剪輯 App,不同於自家的 iMovie,「可立拍」誕生於短視頻時代,用戶界面和操作邏輯都是為移動端設備而生,使用起來門檻更低,而且還擁有擬我表情、動畫字幕等等好玩的特效可選,而 iMovie 更像是 FCP 的功能簡化版本,兩者面向的用戶還是有所不同
  • 漫動畫:一次「漫畫+豎屏+短視頻」的實驗
    這一過程中,抖音、快手等平臺以更短的時長、更快的節奏和豎屏觀看模式重新定義著新的內容形態,並迅速收割用戶。長視頻平臺也熱情高漲地迎接著這一改變。   2018年,愛奇藝上線豎屏短劇《生活對我下手了》,並專門開設「豎屏控劇場」,首批內容有網劇、自製綜藝周邊豎版視頻等25個項目;在更早的2017年,騰訊視頻曾上線豎屏訪談節目《不要和陌生人說話》、豎屏劇集《我的男友力姐姐》;此外,優酷也曾推出豎屏資訊欄目《優酷辣報》,並於2018年秋集宣布發力豎屏內容。
  • VideoScribe 3.5.2-18 Win 橫屏豎屏雙屏中文版送字體教程素材
    課優課美網經過近兩個月的打磨製作了VideoScribe 3.5.2-18 Windows 64位橫屏,豎屏和雙屏中文版,以滿足製作不同平臺視頻的需求。三個版本共有的特點:1.默認內置黑體,額外送5款中文字體,6款字體不夠用可以聯繫作者定製。
  • 新媒體直播時代,豎屏切換臺你聽過嗎?
    近年來,隨著抖音(Tiktok)、twitch、鬥魚、B站、虎牙等手機直播app風行整個網絡,豎屏直播成為了新媒體時代的主播們越來越需要的核心功能,為了適應新時代新媒體視頻直播的需要,洋銘推出了兩款帶豎屏切換功能(洋銘首創哦)的神器,助力每一個有夢想的主播成為新興的網紅。
  • 在車裡做個可旋轉大屏,真的有必要嗎?
    由於歷史沿革等原因,以前傳統車企是堅定的橫屏派,但是從特斯拉開始,豎向大屏給我們打開了一個新世界。自此之後,車載大屏的橫豎之爭就有愈演愈烈的趨勢,其中還混雜著各種各樣的模仿、抄襲。那麼問題來了:究竟是橫屏好還是豎屏好?
  • VideoScribe 3.6.6-01 Win 64位橫屏豎屏雙屏中文版送教程素材
    課優課美網第一時間跟進位作了VideoScribe 3.6.6-01 Windows64位橫屏,豎屏和雙屏中文版,以滿足製作不同平臺視頻的需求。三個版本共有的特點:1.現在開始僅提供一機一碼版,之前購買過的用戶去原文章下載即可,修復了很多問題。
  • 橫屏視頻添加上下背景教學,奇思妙想就在這裡!
    今天教大家用愛剪輯給橫屏視頻添加上下背景,創意十足又新奇有趣~一起來學吧!一、新建豎屏解析度點擊視頻預覽框下方帶「New」字樣的新建按鈕,彈出「新建」對話框,在視頻大小下拉框中選擇豎屏解析度。二、導入橫屏視頻點擊視頻列表下方的「添加視頻」按鈕,在彈出的對話框中選中視頻文件,點擊打開,就完成了視頻的添加。
  • 怎麼錄製王者榮耀視頻?錄屏app哪個好用?
    其實錄製王者榮耀視頻這個想法,也不是小峰想到的,而是一個一起玩遊戲的朋友想到的,他說現在這樣的小視頻非常的紅火,經營得好的話,還能賺錢呢!小峰想想,反正也是不需要花錢的投資,做就做吧!這不,和朋友一合計,兩個人就開始準備了,朋友負責去註冊帳號,填寫資料什麼的,小峰這邊就著手開始準備要用的工具,那麼問題來了,王者榮耀視頻如何錄製呢?一、錄製工具要錄製手機屏幕,自然需要使用錄製工具,別說,一搜手機錄屏工具,網上還真能找到不少,小峰這裡挑選的是一款叫做迅捷錄屏大師的工具。