網(wǎng)頁(yè)設(shè)計(jì)，也叫Web-UI設(shè)計(jì)，是UI設(shè)計(jì)行業(yè)中重要的一部分，也是我們UI設(shè)計(jì)師學(xué)習(xí)的重點(diǎn)之一
網(wǎng)頁(yè)設(shè)計(jì)規(guī)范相關(guān)的知識(shí)，是每一個(gè)設(shè)計(jì)師都要牢記于心的，簡(jiǎn)單的了解下網(wǎng)頁(yè)設(shè)計(jì)規(guī)范中的重點(diǎn)
首先肯定是網(wǎng)頁(yè)的尺寸以及布局
現(xiàn)在屏幕技術(shù)越來(lái)越先進(jìn)，不僅外觀尺寸做的越來(lái)越大，里面的分辨率也是越來(lái)越高，我們?cè)谶M(jìn)行布局的時(shí)候首先就要考慮到讓自己的作品能夠盡可能的適應(yīng)的所有型號(hào)的屏幕
而布局的話就比較靈活了，可以分為左右布局，居中布局等等
這些布局一是要考慮到適配，二是要考慮到我們網(wǎng)站的主題，突出網(wǎng)站的重點(diǎn)內(nèi)容
比如我們看到的各種購(gòu)物網(wǎng)站，它們的布局都有相似之處，也是由于網(wǎng)站類型所決定的
在這里提一個(gè)比較特殊的網(wǎng)頁(yè)布局設(shè)計(jì)，叫做響應(yīng)式布局設(shè)計(jì)
這個(gè)指的是針對(duì)不同的設(shè)備、屏幕、分辨率等，能夠讓各種網(wǎng)站信息在不同環(huán)境下表現(xiàn)一致，同時(shí)讓頁(yè)面可交互也能正常操作
比如在電腦這種比較寬的設(shè)備上我們可以用很寬的條幅來(lái)展示比較多的信息，但是對(duì)于平板或是手機(jī)上這種比較窄的設(shè)備上，就把這些變成以豎列的形式進(jìn)行展示，這就是響應(yīng)式網(wǎng)站的好處

以下案例部分配圖素材均來(lái)自網(wǎng)絡(luò)，禁止商用