上海網(wǎng)站設(shè)計(jì)：淺談網(wǎng)頁設(shè)計(jì)規(guī)范，網(wǎng)頁設(shè)計(jì)也叫Web UI設(shè)計(jì)，是UI設(shè)計(jì)行業(yè)中重要的一部分，也是我們UI設(shè)計(jì)師培訓(xùn)中的學(xué)習(xí)重點(diǎn)之一，而網(wǎng)頁設(shè)計(jì)規(guī)范相關(guān)的知識(shí)，是每一個(gè)設(shè)計(jì)師都要牢記于心的，今天我們就來簡單的了解這些規(guī)范中的重點(diǎn)。
首先肯定是網(wǎng)頁的尺寸以及布局?，F(xiàn)在我們的屏幕技術(shù)是越來越先進(jìn)，不僅外觀尺寸做的越來越大，里面的分辨率也是越來越高，所以我們?cè)谶M(jìn)行布局的時(shí)候首先就要考慮到讓自己的作品能夠盡可能的適應(yīng)的所有型號(hào)的屏幕。而布局的話就比較靈活了，可以分為左右布局，居中布局等等，這些布局一是要考慮到適配，二是要考慮到我們網(wǎng)站的主題，突出網(wǎng)站的重點(diǎn)內(nèi)容。比如我們看到的各種購物網(wǎng)站，他們的布局都有相似之處，也是猶豫網(wǎng)站類型所決定的。
1. 屏幕分辨率寬度
我們只看 PC 端，根據(jù)現(xiàn)在屏幕大小的分布統(tǒng)計(jì)。絕大多數(shù)屏幕的分辨率已經(jīng)超過 1366*768，這是個(gè)屏幕逐漸變大的趨勢，幾年前我們還需要考慮在 1024* 768 這個(gè)非常普遍的分辨率下的顯示效果，現(xiàn)在基本上不需要單獨(dú)對(duì)其做處理了。這個(gè)分辨率值只是上限參考，你不可能把頁面的實(shí)際顯示內(nèi)容區(qū)（或者叫安全區(qū)）搞到這個(gè)值，因?yàn)樵?Windows 等部分瀏覽器上，滾動(dòng)條等也要占據(jù)寬度，同時(shí)過分的貼邊在設(shè)計(jì)上是不被推薦的。理解了這個(gè)我們就能清楚的知道一個(gè)基準(zhǔn)值的參考范圍。
2. 柵格與響應(yīng)式設(shè)計(jì)
這里需要理解一個(gè)概念，通常為了布局方便我們將內(nèi)容區(qū)域劃分為12或者24格，并在柵格間增加通用間距來處理絕大多數(shù)情況下的垂直排列問題，12或24的好處是能夠被2、3、4整除，更方便來處理2：1，1：2：1等常見間距。
在這里提一個(gè)比較特殊的網(wǎng)頁布局設(shè)計(jì)，叫做響應(yīng)式布局設(shè)計(jì)。這個(gè)指的是針對(duì)不同的設(shè)備、屏幕、分辨率等，能夠讓各種網(wǎng)站信息在不同環(huán)境下表現(xiàn)一致，同時(shí)讓頁面可交互也能正常操作。比如在電腦這種比較寬的設(shè)備上我們可以用很寬的條幅來展示比較多的信息，但是對(duì)于平板或是手機(jī)上這種比較窄的設(shè)備上，就把這些變成以豎列的形式進(jìn)行展示，這就是響應(yīng)式網(wǎng)站的好處。
礙于網(wǎng)頁設(shè)計(jì)的規(guī)范太多了，
上海網(wǎng)站設(shè)計(jì)小編今天只介紹一些簡單的，以后會(huì)多多給大家講解的。要知道，只有牢記住各種網(wǎng)頁設(shè)計(jì)規(guī)范，我們才能在做作品的時(shí)候熟練上手。
滬公網(wǎng)安備 31011702004659號(hào)
標(biāo)識(shí)編號(hào)2021111009083918