? ? 對(duì)于網(wǎng)頁(yè)設(shè)計(jì)師來(lái)說(shuō)如何用好圖片已經(jīng)成為了一項(xiàng)成熟、完善而又講究的技巧，而在高清屏幕無(wú)處不在的今天，稍有瑕疵的圖片都在高密度的像素下無(wú)所遁形，而不合理的圖片設(shè)計(jì)也不會(huì)逃過(guò)訪客的雙眼。那么網(wǎng)頁(yè)設(shè)計(jì)與制作中圖片有哪些常見(jiàn)的使用技巧呢？

? ? 1、讓首圖成為核心

? ? 網(wǎng)頁(yè)對(duì)于用戶的第一印象是非常重要的，而網(wǎng)頁(yè)給用戶的第一印象很大程度上取決于網(wǎng)頁(yè)的視覺(jué)設(shè)計(jì)。現(xiàn)在的網(wǎng)頁(yè)雖然多種多樣，但是出于視覺(jué)化設(shè)計(jì)的目的，大多會(huì)使用大圖背景，或者超大尺寸的Banner。當(dāng)用戶一打開(kāi)網(wǎng)頁(yè)的時(shí)候，映入用戶眼簾的Banner ，是影響視覺(jué)設(shè)計(jì)的關(guān)鍵因素，我們通常稱之為首圖。

? ? 首圖是承載內(nèi)容的重要容器。你想要讓內(nèi)容不同凡響，又能夠從整個(gè)設(shè)計(jì)中脫穎而出，那么就要用好首圖。在視覺(jué)上設(shè)計(jì)優(yōu)秀的首圖能夠讓用戶每次打開(kāi)網(wǎng)站的時(shí)候都為之駐足。

? ? 2、色彩圖層疊

? ? 這里說(shuō)的色彩疊加值得是用半透明的色彩圖層疊加在圖片上，這種手法通常能夠讓圖片更加匹配品牌色，或者視覺(jué)設(shè)計(jì)的需求。所疊加的色彩能夠讓圖片更容易引起用戶的情緒反應(yīng)。

? ? 3、文字和圖片不對(duì)稱布局

? ? 不對(duì)稱布局本身也是一種流行的設(shè)計(jì)手法。許多網(wǎng)頁(yè)設(shè)計(jì)師尤其喜歡這種有趣的排版布局方式。這種布局非常適合用來(lái)引導(dǎo)用戶的視覺(jué)，因?yàn)轫?yè)面有了輕重對(duì)比，所以它可以以合乎邏輯的方式引導(dǎo)用戶的眼睛逐步瀏覽頁(yè)面內(nèi)容。

? ? 文字和圖片的視覺(jué)輕重不同，你可以讓兩者分別置于頁(yè)面的對(duì)稱位置，視覺(jué)重量上的不對(duì)稱就由此形成。結(jié)構(gòu)上的對(duì)稱讓頁(yè)面足夠平衡，而視覺(jué)上的差異則讓頁(yè)面顯得參差有趣。

? ? 4、圖片的兼顧不同的屏幕尺寸

? ? 如今的內(nèi)容都需要考慮跨平臺(tái)、跨設(shè)備、跨平臺(tái)的兼容和適配性，當(dāng)你的圖片出現(xiàn)在不同尺寸的屏幕上的時(shí)候，它是否能夠正常顯示，正確顯示，并且符合不同平臺(tái)、不同屏幕的顯示需求。

? ? 5、圖一定要高清

? ? 圖片一定不要出現(xiàn)模糊或者像素化的情況，雖然這是一個(gè)低級(jí)錯(cuò)誤，但是很多時(shí)候還是難以避免。低素質(zhì)的圖片是非常容易讓人產(chǎn)生疏離感的，在高清屏幕到處都是的今天，模糊不清的圖片是無(wú)法接受的。