NAVER(네이버)是NHN公司下韓國有名流派/搜刮引擎網站，其Logo為一頂涼帽，於1999年6月正式投進應用。

　　

　　/ 正在前沒有暫對頁裡團體舉行瞭改版，改版後的頁裡較之從前的加倍整齊，增長瞭條理感，張馳有度，將頁裡團體的品德感也做年夜的晉升，從本期開端，我們將對韓國網站的一些細節舉行部門研討戰進修，也做為戰年夜傢的一個評論辯論，願望可以或許一路從網站自己的視覺細節上多做研討，正在計劃時，能讓頁裡更有節拍感

　　瀏覽齊文

　　第一期 柵格

　　我們先去看一下shopping.naver的尾頁

　　

　　從上裡能夠看出去，naver是依照一個牢固的柵格去舉行擴大的，那末他的區塊為多年夜呢?

　　對各個區塊舉行丈量：

　　

　　從上裡丈量出去的區塊年夜小去看，他皆是依照一個210×290為尺度的柵格塊去對各個版塊舉行辨別

　　

　　分為塊狀構造後，不但使全部頁裡的區塊加倍顯著，內容更有層次戰清楚中，同時借均衡瞭每塊內容區的比重，不管正在哪一屏，皆具有瞭猛烈的同等性，同時，另有一個異常顯著的利益 ，那便是～～

　　我們去看一下小的分辯率下頁裡的結構吧

　　

　　是否是，感到異常靈巧戰天然，不管是正在哪一種屏幕分辯率下，他皆舉行瞭天然的重組戰排序，並且對付內容上也出有涓滴的影響，沒必要斟酌太多對付相應式真現的過量預備，表示異常棒!!

　　看完瞭shopping.naver的柵格，念必年夜傢如今第一反響便是念到瞭我們一淘的網站，今朝一淘網站特殊是尾頁，切實其實是出有應於任何柵格，隻做瞭一些基準的對齊戰小規模的柵格。經由過程對shopping.naver的柵格剖析，我對一淘的網站柵格也做瞭shopping.naver一樣的尺度化柵格試驗。

　　依照今朝寬度為990的話，經由過程盤算，會發明，190也一樣是一個奇妙的數字，正在990下，我們以naver寬度比例去假定一淘網站的柵格比例

　　以190×270為一個根本柵格單位格

　　

　　我們先依照shopping.naver的版式，以990的寬度對etao.com舉行柵格分別

　　

　　能夠看到，我們的網站也能夠像naver一樣舉行完善柵格分別

　　那末～～～

　　是否是一樣的道，我們也能夠像naver一樣對版塊舉行流利挪動，處置分歧屏幕分辯率下網站的表現構造

　　ok，本篇隻是對柵格舉行瞭一個從naver構造中的仄移，源文件寄存於etaoux\etaoued \j_君沫\小我分享\韓國網站細節化體驗\柵格篇，假如有任何設法主意，年夜傢能夠一路評論辯論

本文：/posts/373