&

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

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

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

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

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

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

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