&

網(wǎng)站全屏banner幻燈片制作要遵循“將banner圖片主體內(nèi)容設(shè)計到居中960像素位置”這一要點。

目前市場上顯示器的尺寸多種多樣，常見的有 1920、1680、1600、1440、1366、1360、1280、1152、1024等等。如果粗暴的將設(shè)計的全屏圖片自適應(yīng)為100%寬度展示，則圖片會被大幅度的壓縮或拉伸，失去了原先設(shè)計時預(yù)定的內(nèi)容傳達效果，如將1920寬度的圖片壓縮在1024下100%展示的話就等于被壓縮了將近3分之1，也就是原先設(shè)計的14像素的文字會顯示成8像素（人眼識別起來非常吃力）。為了解決這種問題，以達到設(shè)計元素的最大化保真，傳統(tǒng)網(wǎng)站上的全屏圖片展示都會設(shè)計成“自適應(yīng)居中展示”的方式，也就是在不同的分辨率顯示器下根據(jù)顯示器的寬度從圖片的兩邊平均向中心進行裁切，這樣就能保證圖片中間部分數(shù)據(jù)的傳達效果。所以在設(shè)計全屏展示圖片的時候務(wù)必要注意這個特征，“將banner圖片主體內(nèi)容設(shè)計到居中960像素位置”。這樣不論在什么分辨率情況下都能很好的傳達圖片內(nèi)容了。

除了顯示器分辨率的因素外，“將banner圖片主體內(nèi)容設(shè)計到居中960像素位置”的另一個更加重要的原因是基于客戶體驗考慮的。訪客在快速瀏覽網(wǎng)頁的時候往往只會最先關(guān)注眼睛正前方的內(nèi)容，確定感興趣后再進一步操作，如果需要訪客轉(zhuǎn)動腦袋從左到右來閱讀一張圖片以此理解圖片要傳達的意思，無疑這個設(shè)計絕對就是失敗的。恰巧絕大部分訪客也不愿意這么做。所以，如果一個設(shè)計師還固執(zhí)的要在1920寬度的圖片上將內(nèi)容設(shè)計的滿滿的一整張圖都是，這樣忽視客戶體驗的設(shè)計師絕對是一個不合格的設(shè)計師，至少從網(wǎng)頁展示角度來說是這樣的。

有設(shè)計師就會問了，如果這么說的話設(shè)計圖片時候就只能設(shè)計居中960位置，其他地方都留白嗎？

說到這一點的時候，我們就要注意了，這里說的是“主體內(nèi)容”居中960像素位置，而不是只設(shè)計居中960像素的位置?！?strong>主體內(nèi)容”指的是我們必須要表達給訪客，希望訪客快速知道這張圖片的意思的內(nèi)容，如人物、文字、標語等。相對于主體內(nèi)容”之外的“背景元素”則就起到的是裝飾作用，在某些窄版的顯示器下會被不同程度的裁切掉也沒關(guān)系了。

再一次強調(diào)：一味只按照自己的想法在一直糾結(jié)設(shè)計了滿屏的圖片在小屏幕顯示器下裁剪掉了部分，而不考慮自己的設(shè)計方向方法是否正確，是否有顧及到網(wǎng)站預(yù)定好的客戶體驗的設(shè)計師，一定不是一個合格的網(wǎng)頁內(nèi)容設(shè)計師。不要把目光只停留在自己工作的顯示器上。

為了方便充分理解“主體內(nèi)容”的概念，這里上傳幾張圖片示意下：