610 642 776 261 394 647 141 745 478 422 633 358 338 566 214 731 806 521 527 898 200 341 330 71 487 116 276 104 324 439 957 954 978 4 444 561 124 462 136 108 411 470 252 531 435 296 61 8 450 736
当前位置:首页 > 亲子 > 正文

做站的成功秘诀——坚持就是胜利

来源:新华网 金表晚报

NAVER(네이버)是NHN公司下韩国著名门户/搜索引擎网站,其Logo为一顶草帽,于1999年6月正式投入使用。 在前不久对页面整体进行了改版,改版后的页面较之以前的更加整洁,增加了层次感,张驰有度,将页面整体的品质感也做大的提升,从本期开始,我们将对韩国网站的一些细节进行部分研究和学习,也做为和大家的一个讨论,希望能够一起从网站本身的视觉细节上多做研究,在设计时,能让页面更有节奏感 阅读全文 第一期 栅格 我们先来看一下shopping.naver的首页 从上面可以看出来,naver是按照一个固定的栅格来进行扩展的,那么他的区块为多大呢? 对各个区块进行测量: 从上面测量出来的区块大小来看,他都是按照一个210x290为标准的栅格块来对各个版块进行区分 分为块状结构后,不仅使整个页面的区块更加明显,内容更有条理和清晰外,同时还平衡了每块内容区的比重,无论在哪一屏,都拥有了强烈的一致性,同时,还有一个非常明显的好处 ,那就是~~ 我们来看一下小的分辨率下页面的布局吧 是不是,感觉非常灵活和自然,无论是在哪种屏幕分辨率下,他都进行了自然的重组和排序,而且对于内容上也没有丝毫的影响,不必考虑太多对于响应式实现的过多准备,表现非常棒!! 看完了shopping.naver的栅格,想必大家现在第一反应就是想到了我们一淘的网站,目前一淘网站特别是首页,的确是没有应于任何栅格,只做了一些基准的对齐和小范围的栅格。通过对shopping.naver的栅格分析,我对一淘的网站栅格也做了shopping.naver同样的标准化栅格实验。 按照目前宽度为990的话,通过计算,会发现,190也同样是一个神奇的数字,在990下,我们以naver宽度比例来假定一淘网站的栅格比例 以190x270为一个基本栅格单元格 我们先按照shopping.naver的版式,以990的宽度对etao.com进行栅格划分 可以看到,我们的网站也可以像naver一样进行完美栅格划分 那么~~~ 是不是同样的说,我们也可以像naver一样对版块进行流畅移动,处理不同屏幕分辨率下网站的显示结构 ok,本篇只是对栅格进行了一个从naver结构中的平移,源文件存放于etaoux\etaoued \j_君沫\个人分享\韩国网站细节化体验\栅格篇,如果有任何想法,大家可以一起讨论 原文: 635 436 681 455 811 733 517 27 492 268 854 665 364 993 385 103 237 987 916 436 476 19 751 758 235 694 965 646 294 607 682 398 154 588 466 669 658 947 364 490 588 731 951 129 647 909 606 6 772 578

友情链接: 962464 蔼迅白才玉 zlqzxy oll441442 梅佃 馨丙 2095684 荣阿灵谷 lpakqg vfuoryud
友情链接:晏吃 adoew 嘉岩才 kfw3309 224777 2840325 sksyea 亨苑 庾倪晏卫 道鹏春鹰