編輯導(dǎo)讀：視頻豎屏和橫屏是一個(gè)很常見的交互操作，那你有想過這兩種設(shè)計(jì)有什么區(qū)別嗎？當(dāng)面試時(shí)候被問到這個(gè)問題，你會(huì)怎么回答？本文作者從自身工作實(shí)踐出發(fā)，對(duì)這個(gè)問題進(jìn)行了了梳理分析，并分享了他的幾點(diǎn)看法，希望對(duì)大家有所幫助。

最近在群里看到一位同學(xué)提問，在面試的時(shí)候被問到視頻橫屏與豎屏的設(shè)計(jì)差異，討論還挺火熱。正好我之前做過一個(gè)從豎屏到橫屏轉(zhuǎn)型的短視頻App項(xiàng)目，有一些設(shè)計(jì)思考，我把它分享出來，跟大家一起探討學(xué)習(xí)。

視頻豎屏和橫屏是一個(gè)很常見的交互操作，那大家有沒有想過：為什么會(huì)有橫豎屏的設(shè)計(jì)以及背后會(huì)有怎樣的邏輯呢？我想從以下幾點(diǎn)來分析：

1. 橫豎屏設(shè)計(jì)的源頭
2. 橫豎屏設(shè)計(jì)的差異
3. 橫豎屏對(duì)內(nèi)容生產(chǎn)的影響
4. 小結(jié)

01 橫屏豎屏設(shè)計(jì)的源頭

橫豎屏切換策略最早應(yīng)用于QWERTY側(cè)滑全鍵盤按鍵設(shè)計(jì)的手機(jī)上（早期塞班S60與Windows Mobile等智能操作平臺(tái)），用戶在使用鍵盤輸入時(shí)須把手機(jī)轉(zhuǎn)90度來使用，因而屏幕內(nèi)容也要隨之切換。

從這里可以看出，早期的橫豎屏設(shè)計(jì)是為了適應(yīng)硬件的變化。但如今隨著硬件的升級(jí)，外置鍵盤的設(shè)計(jì)早已不成為主流，現(xiàn)在的橫豎屏選擇更多的是為了服務(wù)于內(nèi)容。

02 橫豎屏設(shè)計(jì)的差異

先給大家來一張我做的思維導(dǎo)圖，橫屏與豎屏的差異對(duì)比，

1. 橫屏的優(yōu)勢(shì)

1）橫屏具有更強(qiáng)的沉浸感

大家平時(shí)用的電腦，電視，基本上都是橫屏的設(shè)計(jì)，為啥會(huì)設(shè)計(jì)成橫屏也是有原因的，因?yàn)槿搜墼谏砩系囊曇胺秶綍r(shí)見到的橫屏設(shè)計(jì)的比例是比較相符的。所以，橫屏相較于豎屏來說，能有更好的沉浸感體驗(yàn)，這就是為什么一些長視頻應(yīng)用，比如騰訊視頻，優(yōu)酷之類的，一般會(huì)設(shè)計(jì)成橫屏的原因。

如果在這個(gè)視野范圍內(nèi)都是屏幕，那么就會(huì)給我們一種身臨其境的感覺。這就是為什么角色扮演類游戲需要做橫屏設(shè)計(jì)，電影的熒幕是21:9的原因。

2）橫屏閱讀效率更高

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

3）橫屏更偏向于看內(nèi)容

由于具有很強(qiáng)的沉浸感，也就意味著需要觀看者接受更高密度的信息量，使得橫屏下更適合深度看內(nèi)容，更適合PGC內(nèi)容形態(tài)。當(dāng)時(shí)我們想要做的是知識(shí)型短視頻內(nèi)容，橫屏狀態(tài)可以讓用戶有更高的專注度。

4）橫屏短視頻體驗(yàn)新奇

想要獲得比較好的傳播，亮點(diǎn)很重要。目前市面上大多數(shù)短視頻應(yīng)用都是基于豎屏來做的，橫屏短視頻設(shè)計(jì)相對(duì)較少，做成橫屏?xí)容^有特點(diǎn)，能讓人產(chǎn)生記憶點(diǎn)。

5）保護(hù)視力

橫屏下的內(nèi)容其實(shí)跟書本寬度比較接近，閱讀屏幕內(nèi)容時(shí)眼珠子會(huì)橫向掃動(dòng)，而在豎屏下眼球基本上不動(dòng)。所以，還能起到一定的保護(hù)視力作用。

2. 豎屏的優(yōu)勢(shì)

1）豎屏更偏看人及互動(dòng)

因?yàn)樨Q屏的構(gòu)圖關(guān)系，豎屏視頻相較于橫屏視頻畫面中容納的人數(shù)更少，所以它更容易給人帶來一對(duì)一的交流感，具有很強(qiáng)的互動(dòng)性。在你來我往的互動(dòng)過程中所帶來的信息密度一般相對(duì)較低，內(nèi)容屬性更偏娛樂化，淺知識(shí)，所以可以看到在很多的直播設(shè)計(jì)中，都是采用的豎屏設(shè)計(jì)。

2）便于碎片化場(chǎng)景

豎屏下單手持握更加方便，同時(shí)因?yàn)闆]有太強(qiáng)的沉浸感，目光容易發(fā)散，所以更適合碎片化場(chǎng)景。

3）豎屏能使得拍攝重點(diǎn)更為突出

由于尺寸和人眼視野的問題，豎屏?xí)尞嬅嬷攸c(diǎn)更為聚焦。

這里稍微介紹下理論依據(jù)：人眼視度即指人的肉眼可視角度的度數(shù)。人類通常是124度，當(dāng)集中注意力時(shí)約為五分之一，即25度。人兩眼重合視域?yàn)?24度，單眼舒適視域?yàn)?0度。所以在小角度視野下，畫面的重點(diǎn)會(huì)更加突出。

03 橫豎屏對(duì)內(nèi)容生產(chǎn)的影響

大家平時(shí)看的電影和電視一般都是16:9的寬屏設(shè)計(jì)，是因?yàn)檫@種寬幅的視覺比例有利于利用景深鏡頭打造畫面的空間感，有利于通過前后景的融合營造更多想象空間，從而使故事內(nèi)容更富有深意。

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

如今短視頻時(shí)代，人們的耐心變得非常稀缺，更希望看到的內(nèi)容簡單直接，這就要求短視頻制作要盡量前置主體，使傳達(dá)的信息更加明確、直接。

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

總結(jié)

橫屏和豎屏是我們?nèi)粘Ｒ姷降淖钇毡榈囊环N交互形式了，因?yàn)橐姂T了，所以我們很多時(shí)候?qū)@些設(shè)計(jì)會(huì)覺得理所當(dāng)然，卻忽視了背后的設(shè)計(jì)邏輯。

為什么短視頻會(huì)以豎屏居多，為什么長視頻大多數(shù)都是橫屏展現(xiàn)，為什么電視和電影的設(shè)計(jì)比例是寬屏而非豎屏等等。很多優(yōu)秀的設(shè)計(jì)背后都是有原因的，沒有無緣無故的成功。

多一點(diǎn)思考，再小的點(diǎn)也有大的學(xué)問。

以上內(nèi)容，就是彩云關(guān)于橫豎屏設(shè)計(jì)問題的思考，不一定都對(duì)，大家參考看看，有不同見解，歡迎溝通討論。

#專欄作家#

彩云sky，公眾號(hào)：彩云譯設(shè)計(jì)

本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

題圖來自Unsplash，基于CC0協(xié)議