浅谈韩国网站细节化体验.pdf

浅谈韩国网站细节化体验 NAV ER （네이버）是NHN公司下韩国著名门户/有哪些信誉好的足球投注网站引擎网站 ，其Logo为一顶草 ，于1999年6月 正式投入使用。 ht t p://sho pping.naver.co m/ 在前不久对页面整体进行了改版 ，改版后的页面较之以前的更加整洁 ， 增加了层次感 ，张驰有度 ，将页面整体的品质感也做大的提升 ，从本期开始 ，我们将对韩国网站的 一些细节进行部分研究和学习 ，也做为和大家的一个讨论 ，希望能够一起从网站本身的视觉细节上 多做研究 ，在设计时 ，能让页面更有节奏感 ………………………………………………………………………………………………………………………………… … 第一期 栅格 我们先来看一下sho pping.naver的首页 从上面可以看出来 ，naver是按照一个固定的栅格来进行扩展的 ，那么他的区块为多大呢 ？ ………………………………………………………………………………………………………………………………… … 对各个区块进行测量 ： 从上面测量出来的区块大小来看 ，他都是按照一个210 290为标准的栅格块来对各个版块进行区分 分为块状结构后 ，不仅使整个页面的区块更加明显 ，内容更有条理和清晰外 ，同时还平衡了每块内 容区的比重 ，无论在哪一屏 ，都拥有了强烈的一致性 ，同时 ，还有一个非常明显的好处 ，那就是 ～ ～ ………………………………………………………………………………………………………………………………… … 我们来看一下小的分辨率下页面的布局吧 是不是 ，感觉非常灵活和自然 ，无论是在哪种屏幕分辨率下 ，他都进行了自然的重组和排序 ，而且 对于内容上也没有丝毫的影响 ，不必考虑太多对于响应式实现的过多准备 ，表现非常棒 ！！ ………………………………………………………………………………………………………………………………… … 看完了sho pping.naver的栅格 ，想必大家现在第一反应就是举个我们中国网站的例子。那就拿一淘 网站来做例子 ，目前一淘网站特别是首页 ，的确是没有应于任何栅格 ，只做了一些基准的对齐和小 范围的栅格。通过对sho pping.naver的栅格分析 ，一淘的网站栅格也做了sho pping.naver同样的标 准化栅格实验。 按照目前宽度为990的话 ，通过计算 ，会发现 ，190也同样是一个神奇的数字 ，在990下 ，我们 以naver宽度比例来假定一淘网站的栅格比例 ………………………………………………………………………………………………………………………………… … 以190 270为一个基本栅格单元格 我们先按照sho pping.naver的版式 ，以990的宽度对et ao .co m进行栅格划分 可以看到 ，一淘的网站可以像naver一样进行完美栅格划分 ………………………………………………………………………………………………………………………………… … 那么 ～～～ 是不是同样的说 ，我们也可以像naver一样对版块进行流畅移动 ，处理不同屏幕分辨率下网站的显 示结构 o k ，本篇只是对栅格进行了一个从naver结构中的平移 ，如果有任何想法 ，大家可以一 讨论哦 ！ 来源于 ：阿里妈妈UED 人人都是产品经理 （woshipm.co m ）中国最大最活跃的产品经理学习、交流、分享平台