开心婷婷五月综合亚洲-国产薄丝脚交视频在线观看-亚洲一本之道在线无码-在线亚洲高清揄拍自拍一品区

網(wǎng)站分析:韓國網(wǎng)站細節(jié)化體驗

發(fā)布于:2024-04-15 09:42:33

  第一期 柵格

  我們先來看一下shopping.naver的首頁

  

 

  從上面可以看出來,naver是按照一個固定的柵格來進行擴展的,那么他的區(qū)塊為多大呢?

  對各個區(qū)塊進行測量:

  

 

  從上面測量出來的區(qū)塊大小來看,他都是按照一個210x290為標準的柵格塊來對各個版塊進行區(qū)分

  

 

  分為塊狀結(jié)構(gòu)后,不僅使整個頁面的區(qū)塊更加明顯,內(nèi)容更有條理和清晰外,同時還平衡了每塊內(nèi)容區(qū)的比重,無論在哪一屏,都擁有了強烈的一致性,同時,還有一個非常明顯的好處 ,那就是~~

  我們來看一下小的分辨率下頁面的布局吧

  

 

  是不是,感覺非常靈活和自然,無論是在哪種屏幕分辨率下,他都進行了自然的重組和排序,而且對于內(nèi)容上也沒有絲毫的影響,不必考慮太多對于響應(yīng)式實現(xiàn)的過多準備,表現(xiàn)非常棒!!

  看完了shopping.naver的柵格,想必大家現(xiàn)在第一反應(yīng)就是想到了我們一淘的網(wǎng)站,目前一淘網(wǎng)站特別是首頁,的確是沒有應(yīng)于任何柵格,只做了一些基準的對齊和小范圍的柵格。通過對shopping.naver的柵格分析,我對一淘的網(wǎng)站柵格也做了shopping.naver同樣的標準化柵格實驗。

  按照目前寬度為990的話,通過計算,會發(fā)現(xiàn),190也同樣是一個神奇的數(shù)字,在990下,我們以naver寬度比例來假定一淘網(wǎng)站的柵格比例

  以190x270為一個基本柵格單元格

  

 

  我們先按照shopping.naver的版式,以990的寬度對etao.com進行柵格劃分

  

 

  可以看到,我們的網(wǎng)站也可以像naver一樣進行完美柵格劃分

  那么~~~

  是不是同樣的說,我們也可以像naver一樣對版塊進行流暢移動,處理不同屏幕分辨率下網(wǎng)站的顯示結(jié)構(gòu)



上一篇:北京網(wǎng)站建設(shè)一開始就對網(wǎng)站設(shè)計和布局進行了SEO優(yōu)化的考慮 對后期搜索引擎優(yōu)化有很好的幫助

下一篇:PC網(wǎng)站、手機網(wǎng)站、微網(wǎng)站、APP網(wǎng)站、分別有哪些區(qū)別?

資訊 觀察行業(yè)視覺,用專業(yè)的角度,講出你們的心聲。
MORE

I NEED TO BUILD WEBSITE

我需要建站

*請認真填寫需求信息,我們會在24小時內(nèi)與您取得聯(lián)系。