響應(yīng)式網(wǎng)站可以說是現(xiàn)階段比較主流的一種網(wǎng)站建設(shè)。響應(yīng)式網(wǎng)站設(shè)計過程中，圖片的顯示問題是一直討論的熱們話題。響應(yīng)式網(wǎng)站中的圖片到底要怎樣展示出來呢？應(yīng)該怎樣設(shè)計圖片呢？響應(yīng)式網(wǎng)站建設(shè)又有哪些規(guī)則和小技巧呢？

　　一、輪播幻燈片，隱藏導(dǎo)航。電腦網(wǎng)站建設(shè)的時候，導(dǎo)航的顯示問題并不大，但是想要在移動端查看導(dǎo)航，就比較麻煩，所以，要隱藏起來，當(dāng)用戶需要的時候再展示出來。例如左右切換的按鈕，或者是設(shè)計一些小圓點來說明所在的位置。這樣就不會分散用戶的注意力，同時還可以避免導(dǎo)航和內(nèi)容之間的沖突，讓整個網(wǎng)站更簡潔有序。

　　二、響應(yīng)式網(wǎng)站設(shè)計應(yīng)該支持手勢操作。響應(yīng)式網(wǎng)站建設(shè)在設(shè)計圖片的時候，對滑動操作等等一些手勢操作要給用戶更多的便利，讓移動體驗更生動。僅僅是使用箭頭作為導(dǎo)航的話，就太枯燥呆板了，可以加入一些手勢操作，這樣可以更自然地讓用戶與網(wǎng)站有良好的交互。

　　三、分清圖片和視頻元素。一般來說，類型不一樣的多媒體一起使用是沒有問題的，不過當(dāng)用戶在瀏覽圖片的時候，點擊下一張的時候卻是視頻，就會不適應(yīng)。而且視頻消耗的流量比較大，這是用戶不想面對的。所以，圖片和視頻元素一定要分清楚，這樣才可以讓用戶更順暢地瀏覽完網(wǎng)站。

　　四、保證圖片所顯示的尺寸不能超過原始圖片的尺寸。這一方面在響應(yīng)式網(wǎng)站設(shè)計中是非常重要的。使用圖片的時候，不能讓圖片去填充更大的空間。否則圖片就會失真，像素也比較低，影響用戶體驗。五、圖片縮放功能。響應(yīng)式網(wǎng)站設(shè)計圖片的時候，往往會遇到縮放效果。在縮小圖片的時候，我們通過百分比來控制大小。

　　響應(yīng)式網(wǎng)站建設(shè)在設(shè)計的時候，常常會遇到一些小問題，圖片的設(shè)計就是一個常見且重要的部分。本文主要是通過五個方面分析了圖片設(shè)計的規(guī)則和一些小技巧，希望可以幫助站長快速設(shè)計出優(yōu)秀的響應(yīng)式網(wǎng)站。