首页 | 源码下载 | 网站模板 | 网页特效 | 广告代码 | 网页素材 | 字体下载 | 书库 | 站长工具
会员投稿 投稿指南 RSS订阅
当前位置:主页>设计在线>网页设计>资讯:解析韩国NAVER网站用户体验设计:页面的栅格化

解析韩国NAVER网站用户体验设计:页面的栅格化

www.jz123.cn  2012-09-06   来源:   站长家园    责任编辑(袁袁)    我要投递新闻

  

 

  NAVER(네이버)是NHN公司下韩国著名门户/搜索引擎网站,其Logo为一顶草帽,于1999年6月正式投入使用。

  

 

  http://shopping.naver.com/ 在前不久对页面整体进行了改版,改版后的页面较之以前的更加整洁,增加了层次感,张驰有度,将页面整体的品质感也做大的提升,从本期开始,我们将对韩国网站的一些细节进行部分研究和学习,也做为和大家的一个讨论,希望能够一起从网站本身的视觉细节上多做研究,在设计时,能让页面更有节奏感

  第一期 栅格

  我们先来看一下shopping.naver的首页

  

 

  从上面可以看出来,naver是按照一个固定的栅格来进行扩展的,那么他的区块为多大呢?

  对各个区块进行测量:

  

 

  从上面测量出来的区块大小来看,他都是按照一个210x290为标准的栅格块来对各个版块进行区分

  

 

  分为块状结构后,不仅使整个页面的区块更加明显,内容更有条理和清晰外,同时还平衡了每块内容区的比重,无论在哪一屏,都拥有了强烈的一致性,同时,还有一个非常明显的好处 ,那就是……

上一篇:设计:谈用户体验趋势和抄袭就是拍马屁 下一篇:网站Favicon创建的方法汇总

评论总数:0 [ 查看全部 ] 网友评论


关于我们隐私版权广告服务友情链接联系我们网站地图