網(wǎng)頁設(shè)計，也叫Web UI設(shè)計，是UI設(shè)計行業(yè)中重要的一部分，也是我們UI設(shè)計師學(xué)習(xí)重點之一，而網(wǎng)頁設(shè)計的相關(guān)規(guī)則，是每一位設(shè)計師都要謹(jǐn)記于心的，筆者今天來簡單的聊一下對于這些布局的理解。

網(wǎng)頁設(shè)計第一點要考慮的，無疑就是網(wǎng)頁的尺寸以及布局。隨著科技的不斷發(fā)展，我們的屏幕技術(shù)也是跨越式進步，不僅僅是外觀尺寸的持續(xù)變大，它的的分辨率清晰度也是越來越高。因此我們的設(shè)計師在進行網(wǎng)頁布局的時候，首先就要考慮到讓自己的作品能夠盡可能的適應(yīng)的所有型號的屏幕。然而從布局來講的話又比較靈活，它可以分是交叉布局，左右布局，也可以居中布局等等。但是不管是什么樣的網(wǎng)頁布局，一是要考慮到適應(yīng)匹配，二是要緊扣網(wǎng)站的主體，突出網(wǎng)站的重點內(nèi)容。例如我們所能見到的各種購物網(wǎng)站，他們的布局都有相似之處，這是由于它本身的網(wǎng)站類型來決定的，考慮到用戶的習(xí)慣與體驗！

當(dāng)然也是因為屏幕、設(shè)備的多樣性，而提出了一種比較特殊的網(wǎng)頁布局設(shè)計，叫做響應(yīng)式布局設(shè)計。它就是指針對不同的設(shè)備、屏幕、分辨率等，能讓網(wǎng)站信息在不同環(huán)境下表現(xiàn)一致，同時讓頁面可交互也能正常操作。比如在PC端這種比較大的設(shè)備上，可以用比較寬的設(shè)計來展示較多的信息，但對于移動端的平板或是手機這種相對較小的設(shè)備上，就把這些變成以豎列的形式進行展示。這樣做的好處就是保持網(wǎng)站在各種設(shè)備上的統(tǒng)一性，方便管理等等。這是他的好處。

但是有好處就肯定有不好的一面，沒有哪一種布局你能說他是十全十美的。只能說我們根據(jù)自身的需求，喜好來決定。讓設(shè)計師來盡量去完善它，去創(chuàng)造不一樣！

隨著互聯(lián)網(wǎng)的不斷發(fā)展，越來越多的客戶想要通過互聯(lián)網(wǎng)來推廣自己的產(chǎn)品。于是通過搜索引擎關(guān)鍵詞來展示自己