響應(yīng)式網(wǎng)站設(shè)計(jì)中的長(zhǎng)寬比問(wèn)題淺析

  屏幕、圖像和框架都具有可識(shí)別的形狀，高寬比是用來(lái)描述這些形狀的固定比例的術(shù)語(yǔ)。簡(jiǎn)單地說(shuō)，一個(gè)圖像的高寬比是它的寬度和高度之間的關(guān)系。高寬比通常表示為兩個(gè)數(shù)字，由冒號(hào)分隔，如X:Y或4:3。
  什么是高寬比?
  首先，讓我們介紹一下基本知識(shí)：寬高比是指圖像的寬度與高度的比較，不需要附加任何像素或單位。雖然圖像的高寬比將幫助理解其形狀，但它并不決定圖像的實(shí)際大小。對(duì)于X:Y長(zhǎng)寬比，X是圖像的寬度，Y是圖像的高度。 長(zhǎng)寬比以寬高公式的形式寫(xiě)出來(lái)，例如3:2。重要的是要記住，雖然兩個(gè)圖像可以有相同的長(zhǎng)寬比，但它們可以有不同的圖像大小。
  因此，舉例來(lái)說(shuō)，1:1的正方形比例意味著圖像的寬度和高度是相同的。無(wú)論圖像的尺寸是320 X 320像素還是1080 X 1080像素，長(zhǎng)寬比仍然是1:1。另一個(gè)例子，一個(gè)圖像可以是1920 X 1080像素或1280 X 720像素，但兩者都有一個(gè)16:9的寬屏幕寬比。
  這里是最常見(jiàn)的高寬比:
  圖像與1:1的長(zhǎng)寬比有相同的寬度和高度，并且是正方形。這種高寬比通常用在智能手表上，你可能會(huì)注意到社交媒體網(wǎng)站，如微博照片上的高寬比是1:1。
  3:2的高寬比是由35毫米電影普及的，它仍然在今天的相機(jī)攝影流行。3:2的比例也在一些早期型號(hào)的iphone上使用。
  4:3的比例會(huì)形成一個(gè)長(zhǎng)方形，這在一些電腦顯示器和電視顯示器上很常見(jiàn)。舊電視機(jī)通常是按這個(gè)尺寸制作的。
  一個(gè)更長(zhǎng)的矩形形狀，你會(huì)發(fā)現(xiàn)16:9的高寬比在演示幻燈片，寬屏電視，電腦顯示器。這是視頻的標(biāo)準(zhǔn)寬屏比例。大多數(shù)智能手機(jī)和單反相機(jī)拍攝視頻的分辨率都是1920 x 1080像素，也就是16:9的高寬比。
  長(zhǎng)寬比在設(shè)計(jì)中的應(yīng)用
  如前所述，長(zhǎng)寬比在電影中最常用。然而，設(shè)計(jì)師可能偶爾會(huì)遇到這個(gè)詞。
  雖然響應(yīng)式設(shè)計(jì)可以考慮組件如何在不同大小的屏幕上顯示，但在某些情況下，響應(yīng)式設(shè)計(jì)可能會(huì)切斷靜態(tài)圖像(特別是那些帶有文本的圖像)。因此，重要的是要注意具有特定長(zhǎng)寬比的圖像將如何在不同屏幕尺寸上裁剪和顯示，并詢(xún)問(wèn)協(xié)作者響應(yīng)式設(shè)計(jì)將如何影響預(yù)期的使用。
  許多常見(jiàn)設(shè)備具有相似的長(zhǎng)寬比，即使它們具有不同的尺寸。例如，蘋(píng)果手表的屏幕寬高比為5:4，而ipad的屏幕寬比為4:3,MacBook Pros根據(jù)不同版本的不同，屏幕寬比為16:9和16:10。
  綜上所述，設(shè)計(jì)師在設(shè)計(jì)響應(yīng)式網(wǎng)站的時(shí)候，需要使用特定的計(jì)算器，結(jié)合像素來(lái)計(jì)算呈現(xiàn)的圖像的長(zhǎng)寬比，只有這樣，才能讓響應(yīng)式網(wǎng)站獲得更好的展現(xiàn)。