深圳網(wǎng)站設計：淺談網(wǎng)頁設計規(guī)范，網(wǎng)頁設計也叫Web UI設計，是UI設計行業(yè)中重要的一部分，也是我們UI設計師培訓中的學習重點之一，而網(wǎng)頁設計規(guī)范相關的知識，是每一個設計師都要牢記于心的，今天我們就來簡單的了解這些規(guī)范中的重點。

首先肯定是網(wǎng)頁的尺寸以及布局。現(xiàn)在我們的屏幕技術是越來越先進，不僅外觀尺寸做的越來越大，里面的分辨率也是越來越高，所以我們在進行布局的時候首先就要考慮到讓自己的作品能夠盡可能的適應的所有型號的屏幕。而布局的話就比較靈活了，可以分為左右布局，居中布局等等，這些布局一是要考慮到適配，二是要考慮到我們網(wǎng)站的主題，突出網(wǎng)站的重點內(nèi)容。比如我們看到的各種購物網(wǎng)站，他們的布局都有相似之處，也是猶豫網(wǎng)站類型所決定的。

1. 屏幕分辨率寬度

我們只看 PC 端，根據(jù)現(xiàn)在屏幕大小的分布統(tǒng)計。絕大多數(shù)屏幕的分辨率已經(jīng)超過 1366*768，這是個屏幕逐漸變大的趨勢，幾年前我們還需要考慮在 1024* 768 這個非常普遍的分辨率下的顯示效果，現(xiàn)在基本上不需要單獨對其做處理了。這個分辨率值只是上限參考，你不可能把頁面的實際顯示內(nèi)容區(qū)（或者叫安全區(qū)）搞到這個值，因為在 Windows 等部分瀏覽器上，滾動條等也要占據(jù)寬度，同時過分的貼邊在設計上是不被推薦的。理解了這個我們就能清楚的知道一個基準值的參考范圍。

2. 柵格與響應式設計

這里需要理解一個概念，通常為了布局方便我們將內(nèi)容區(qū)域劃分為12或者24格，并在柵格間增加通用間距來處理絕大多數(shù)情況下的垂直排列問題，12或24的好處是能夠被2、3、4整除，更方便來處理2：1，1：2：1等常見間距。

在這里提一個比較特殊的網(wǎng)頁布局設計，叫做響應式布局設計。這個指的是針對不同的設備、屏幕、分辨率等，能夠讓各種網(wǎng)站信息在不同環(huán)境下表現(xiàn)一致，同時讓頁面可交互也能正常操作。比如在電腦這種比較寬的設備上我們可以用很寬的條幅來展示比較多的信息，但是對于平板或是手機上這種比較窄的設備上，就把這些變成以豎列的形式進行展示，這就是響應式網(wǎng)站的好處。

礙于網(wǎng)頁設計的規(guī)范太多了，深圳網(wǎng)站設計小編今天只介紹一些簡單的，以后會多多給大家講解的。要知道，只有牢記住各種網(wǎng)頁設計規(guī)范，我們才能在做作品的時候熟練上手。

http://www.bangwork.net/wangzhansheji/3681.html 深圳網(wǎng)站設計：淺談網(wǎng)頁設計規(guī)范