起點(diǎn)課堂會(huì)員權(quán)益
職業(yè)體系課特權(quán)
線下行業(yè)大會(huì)特權(quán)
個(gè)人IP打造特權(quán)
30+門專項(xiàng)技能課
1300+專題課程
12場(chǎng)職場(chǎng)軟技能直播
12場(chǎng)求職輔導(dǎo)直播
12場(chǎng)專業(yè)技能直播
會(huì)員專屬社群
榮耀標(biāo)識(shí)韓國(guó)網(wǎng)站研究-柵格與網(wǎng)格設(shè)計(jì)
第一期 柵格
我們先來(lái)看一下shopping.naver的首頁(yè)
對(duì)各個(gè)區(qū)塊進(jìn)行測(cè)量：
我們來(lái)看一下小的分辨率下頁(yè)面的布局吧
看完了shopping.naver的柵格，想必大家現(xiàn)在第一反應(yīng)就是想到了我們一淘的網(wǎng)站，目前一淘網(wǎng)站特別是首頁(yè)，的確是沒(méi)有應(yīng)于任何柵格，只做了一些基準(zhǔn)的對(duì)齊和小范圍的柵格。通過(guò)對(duì)shopping.naver的柵格分析，我對(duì)一淘的網(wǎng)站柵格也做了shopping.naver同樣的標(biāo)準(zhǔn)化柵格實(shí)驗(yàn)。
按照目前寬度為990的話，通過(guò)計(jì)算，會(huì)發(fā)現(xiàn)，190也同樣是一個(gè)神奇的數(shù)字，在990下，我們以naver寬度比例來(lái)假定一淘網(wǎng)站的柵格比例
以190×270為一個(gè)基本柵格單元格
那么……
是不是同樣的說(shuō)，我們也可以像naver一樣對(duì)版塊進(jìn)行流暢移動(dòng)，處理不同屏幕分辨率下網(wǎng)站的顯示結(jié)構(gòu)
ok，本篇只是對(duì)柵格進(jìn)行了一個(gè)從naver結(jié)構(gòu)中的平移，源文件存放于etaoux\etaoued \j_君沫\個(gè)人分享\韓國(guó)網(wǎng)站細(xì)節(jié)化體驗(yàn)\柵格篇，如果有任何想法，大家可以一起討論
下一篇，字體細(xì)節(jié)化，隨后發(fā)出……
文章來(lái)源：一淘體驗(yàn)中心
橫屏和豎屏的拓展應(yīng)用 很好
碉堡了！