右側(cè)內(nèi)容尺寸為1126px即1366px設(shè)計(jì)稿_200px側(cè)導(dǎo)航_40px內(nèi)容左右兩邊20的間距搜索輸入框尺寸160px*32px，表單輸入框320px*32px按鈕80px*32px或者64px*32px 圖標(biāo)小圖標(biāo)16px*16px 三組件間距頁(yè)面元件間。

CSS3Ps是一款PS圖層轉(zhuǎn)換軟件，可以將圖層轉(zhuǎn)換為能在瀏覽器中查看的CSS3代碼，方便直接在設(shè)計(jì)軟件中添加相關(guān)的設(shè)計(jì)程序其操作過(guò)程很簡(jiǎn)單，通過(guò)鼠標(biāo)簡(jiǎn)單的操作就能完成轉(zhuǎn)換任務(wù)轉(zhuǎn)換的時(shí)候，可以選擇單個(gè)或多個(gè)圖層，并通過(guò)點(diǎn)擊轉(zhuǎn)換實(shí)現(xiàn)批量處理。

所針對(duì)網(wǎng)頁(yè)設(shè)計(jì)，要求你熟悉和掌握Web端設(shè)計(jì)的規(guī)范，了解網(wǎng)站基本架構(gòu)和柵格化布局，重點(diǎn)掌握企業(yè)站界面設(shè)計(jì)規(guī)范和輸出規(guī)范，且能夠根據(jù)企業(yè)真實(shí)需求設(shè)計(jì)頁(yè)面掌握網(wǎng)頁(yè)中的版式設(shè)計(jì)構(gòu)圖排版網(wǎng)頁(yè)中的色彩文字圖片搭配，掌握企業(yè)站首焦圖的設(shè)計(jì)。

據(jù)統(tǒng)計(jì)，目前 PC 端用戶屏幕分辨率占比排名前三的是 1920*10801366*7681440*900，以 1440 來(lái)設(shè)計(jì)的話，向上適配或者向下適配誤差會(huì)比較小 適配方案面向多個(gè)客戶，后臺(tái)產(chǎn)品設(shè)計(jì)功能型頁(yè)面的尺寸統(tǒng)一為 1440*900，按照柵格系統(tǒng)原則向上。

減掉左右兩邊7px的邊框，網(wǎng)頁(yè)的實(shí)際大小為上圖中的紅色部分，高寬為 960 x 650 有趣的960就這樣出現(xiàn)了是的，可以認(rèn)為一切就這么簡(jiǎn)單柵格系統(tǒng)最早出現(xiàn)在平面設(shè)計(jì)領(lǐng)域，設(shè)計(jì)師們愛(ài)用蘋果，蘋果下瀏覽器的默認(rèn)寬度為960px， 于是960就。

雙欄布局，三欄布局在網(wǎng)頁(yè)設(shè)計(jì)中，分欄布局是常用的布局手法，一般有雙欄布局，三欄布局這其中又以部分欄固定，部分欄自適應(yīng)的方式最為常見(jiàn)雙欄布局是最常見(jiàn)的布局之一，三欄布局最常見(jiàn)的就是左右定寬，中間自適應(yīng)的。

做界面設(shè)計(jì)會(huì)先依附于一個(gè)尺寸，由于內(nèi)容的多少是不確定的，所以高度我們沒(méi)有辦法定死，但內(nèi)容區(qū)的寬度是可以定的，sketch給我們的默認(rèn)屏幕寬度是960，網(wǎng)頁(yè)設(shè)計(jì)中最受歡迎的一個(gè)尺寸簡(jiǎn)單來(lái)說(shuō)就是整個(gè)界面縱向被分為幾欄。

bootstrap 柵格化，具體去bootstrap官網(wǎng)全局css樣式查查，導(dǎo)航欄也有。

網(wǎng)頁(yè)柵格系統(tǒng)研究4技術(shù)實(shí)現(xiàn) experience239html 參考資料html？si=1。