解析韓國NAVER網站使用者體驗設計:頁面的柵格化

來源:互聯網
上載者:User

文章描述:韓國網站細節化體驗.

NAVER(네이버)是NHN公司下韓國著名門戶/搜尋引擎網站,其Logo為一頂草帽,於1999年6月正式投入使用。

http://shopping.naver.com/ 在前不久對頁面整體進行了改版,改版後的頁面較之以前的更加整潔,增加了層次感,張馳有度,將頁面整體的品質感也做大的提升,從本期開始,我們將對韓國網站的一些細節進行部分研究和學習,也做為和大家的一個討論,希望能夠一起從網站本身的視覺細節上多做研究,在設計時,能讓頁面更有節奏感

第一期 柵格

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

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

對各個區塊進行測量:

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

分為塊狀結構後,不僅使整個頁面的區塊更加明顯,內容更有條理和清晰外,同時還平衡了每塊內容區的比重,無論在哪一屏,都擁有了強烈的一致性,同時,還有一個非常明顯的好處 ,那就是……

[1] [2]  下一頁



相關文章

Beyond APAC's No.1 Cloud

19.6% IaaS Market Share in Asia Pacific - Gartner IT Service report, 2018

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。