上海網(wǎng)站建設(shè)?上海網(wǎng)站設(shè)計(jì)（calnewiltshire.com）

自適應(yīng)網(wǎng)頁(yè)設(shè)計(jì)很受歡迎，它絕對(duì)沒(méi)有隱藏。這是專(zhuān)家們呼吁，很多品牌正在轉(zhuǎn)換的一種形式。讓同一張網(wǎng)頁(yè)自動(dòng)適應(yīng)不同大小的屏幕，根據(jù)屏幕寬度，自動(dòng)調(diào)整布局，無(wú)論是通過(guò)電腦，平板或智能手機(jī)。下面有一些關(guān)于自適應(yīng)網(wǎng)頁(yè)設(shè)計(jì)的建議。

1?使用優(yōu)秀的排版

自適應(yīng)設(shè)計(jì)的網(wǎng)站，你要考慮的是怎么在一個(gè)小屏幕上很好看。良好的排版是任何好的網(wǎng)頁(yè)設(shè)計(jì)的主食，但它在自動(dòng)適應(yīng)網(wǎng)頁(yè)中是必要的。隨著屏幕尺寸的減少，大部分的元素應(yīng)該改變，縮小或移動(dòng)。首先，你的排版應(yīng)該有這個(gè)能力。

其次，你應(yīng)該在文本中使用不同的標(biāo)題和各種尺寸?，F(xiàn)在，我們通常會(huì)在我們的臺(tái)式機(jī)上設(shè)計(jì)的非常大型的頭條新聞和標(biāo)題。這個(gè)應(yīng)該停止，因?yàn)槟阈枰紤]較小尺寸。

史密斯使用許多不同的字體來(lái)創(chuàng)建一個(gè)非常有趣的外觀和感覺(jué)。他們?cè)谡麄€(gè)站點(diǎn)還改變這些字體的大小。在桌面模式下有有趣的，是對(duì)文字和段落在不同的列一字排開(kāi)的方式。當(dāng)窗口縮小，文字縮成一列。幸運(yùn)的是，文本仍然保持相同的規(guī)模和風(fēng)格。

Smashing?magazine趨向于一樣的方式。他們擺脫右側(cè)設(shè)計(jì)（廣告），當(dāng)窗口完全被縮小。然而，文本窗口里面的樣式，顏色和大小都保持一致。

2?使用大圖片

圖片，如排版，在網(wǎng)站設(shè)計(jì)上是非常重要的。如在自適應(yīng)網(wǎng)頁(yè)設(shè)計(jì)排版一樣，當(dāng)您在小屏幕上查看一個(gè)網(wǎng)站，你的照片也應(yīng)該顯得更小或縮小。有數(shù)以萬(wàn)計(jì)的不同的布局和不同的圖像大小可應(yīng)用于自適應(yīng)網(wǎng)頁(yè)設(shè)計(jì)，重要的是要注意你選擇的圖像和你如何使用它們，因?yàn)樗麄儫o(wú)疑將需要改變。屏幕變得更大或更小，影像改變形狀，并揭示或裁剪圖像的某些部分。

理想情況下，你要確保大的攝影圖片，沒(méi)有圖形的內(nèi)容，他們可以在裁剪窗口時(shí)改變大小。此外，當(dāng)你創(chuàng)建圖形圖像，你得確保你創(chuàng)建一個(gè)圖像加載，在一個(gè)較小的屏幕將是可見(jiàn)的。這就是為什么設(shè)計(jì)師已經(jīng)接受了扁平式設(shè)計(jì)。它只是更容易。

在Pandiscio，首先您不得不注意到，頭較大的圖像看起來(lái)在桌面上。這是完整的，延伸到兩側(cè)都有相當(dāng)高的質(zhì)量。當(dāng)你縮小窗口的大小，圖像變得更小，改變形狀（矩形廣場(chǎng)）和裁剪。當(dāng)屏幕改變大小時(shí)他們已經(jīng)發(fā)現(xiàn)好看的圖像。

KinHR是一個(gè)網(wǎng)站，使用很多不同的圖形元素，以及照片。請(qǐng)注意，當(dāng)大，小的時(shí)候，頭圖像像在Pandiscio網(wǎng)站變得更小。然而，在體內(nèi)與圖形元素的圖像變得越來(lái)越小，同時(shí)保持它們的形狀和不瀏覽裁剪。

3?不要忽略導(dǎo)航

空白點(diǎn)，如果人們沒(méi)有任何線索如何獲得瀏覽你的網(wǎng)站，那么他們將不會(huì)瀏覽。在自適應(yīng)網(wǎng)頁(yè)設(shè)計(jì)中，導(dǎo)航是更難處理，因?yàn)槲覀兘?jīng)常是用來(lái)創(chuàng)建導(dǎo)航是為了美化設(shè)計(jì)。現(xiàn)在，我們已經(jīng)創(chuàng)建了導(dǎo)航，可以很容易收縮，以適合橫向尺寸。

這不是一個(gè)很大的問(wèn)題，當(dāng)你只有少數(shù)幾個(gè)鏈接的時(shí)候。您可以讓您的菜單小于或簡(jiǎn)明的頂部附近，或?yàn)橛^眾，你可以創(chuàng)建一個(gè)下拉菜單。非常重要的是你如何處理與更重內(nèi)容的網(wǎng)站導(dǎo)航。

Mashable有許多鏈接，因?yàn)樗麄冇泻芏嗟念?lèi)別和甚至更多的文章。最重要的是，他們有自己的公司為中心的網(wǎng)頁(yè)被鏈接。Mashable的決定為規(guī)模較小的瀏覽器創(chuàng)建一個(gè)彈出式菜單在屏幕的左側(cè)。

Monocle雜志有兩個(gè)頂級(jí)層次豐富他們的網(wǎng)站導(dǎo)航。對(duì)于較小的瀏覽器，他們已經(jīng)創(chuàng)造了最大限度的內(nèi)容菜單滑下，收縮導(dǎo)航的二級(jí)菜單。

未完待續(xù).....