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

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

1. 屏幕分辨率寬度

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

2. 柵格與響應式設計

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

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

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

http://ezekroy.com/wangzhansheji/3681.html 深圳網(wǎng)站設計：淺談網(wǎng)頁(yè)設計規范