浅谈韩国网站细节化体验
NAVER()是NHN公司下韩国著名门户搜索引擎网站,其Logo为一顶草帽,于1999年6月正式投入使用。
http:shopping。naver。com在前不久对页面整体进行了改版,改版后的页面较之以前的更加整洁,增加了层次感,张驰有度,将页面整体的品质感也做大的提升,从本期开始,我们将对韩国网站的一些细节进行部分研究和学习,也做为和大家的一个讨论,希望能够一起从网站本身的视觉细节上多做研究,在设计时,能让页面更有节奏感
第一期栅格
我们先来看一下shopping。naver的首页
从上面可以看出来,naver是按照一个固定的栅格来进行扩展的,那么他的区块为多大呢?
对各个区块进行测量:
从上面测量出来的区块大小来看,他都是按照一个210290为标准的栅格块来对各个版块进行区分
分为块状结构后,不仅使整个页面的区块更加明显,内容更有条理和清晰外,同时还平衡了每块内容区的比重,无论在哪一屏,都拥有了强烈的一致性,同时,还有一个非常明显的好处,那就是~~
我们来看一下小的分辨率下页面的布局吧
是不是,感觉非常灵活和自然,无论是在哪种屏幕分辨率下,他都进行了自然的重组和排序,而且对于内容上也没有丝毫的影响,不必考虑太多对于响应式实现的过多准备,表现非常棒!!
看完了shopping。naver的栅格,想必大家现在第一反应就是举个我们中国网站的例子。那就拿一淘网站来做例子,目前一淘网站特别是首页,的确是没有应于任何栅格,只做了一些基准的对齐和小范围的栅格。通过对shopping。naver的栅格分析,一淘的网站栅格也做了shopping。naver同样的标准化栅格实验。
按照目前宽度为990的话,通过计算,会发现,190也同样是一个神奇的数字,在990下,我们以naver宽度比例来假定一淘网站的栅格比例
以190270为一个基本栅格单元格
我们先按照shopping。naver的版式,以990的宽度对etao。com进行栅格划分
可以看到,一淘的网站可以像naver一样进行完美栅格划分
那么~~~
是不是同样的说,我们也可以像naver一样对版块进行流畅移动,处理不同屏幕分辨率下网站的显示结构
面部按摩手法教程经常去做美容的朋友,都比较了解美容的护理流程,美容院的护理流程,顺序为:卸妆洁面aclasstaghrefwiki10081IQXfrXd。html按摩a仪器护理补水保湿。今天……
派克服可以干洗吗派克服能干洗。派克服内胆一般是皮草制成的,所以不能直接水洗,需要拆卸下来进行干洗,送到专业的皮草护理店保养。派克服的外衣可以根据材质选择手洗或者干洗。如果派克服粘上脏东西,可以……
跳槽可以但请保持正确姿势为什么跳槽跳槽可以,但请保持正确姿势!从前老一辈人,几乎都是一项工作一个职位做一辈子,而如今,跳槽似乎已经成了职场人的家常便饭。跳槽的理由也是多种多样,大部分人因为薪水而跳槽,有的是因为……
浅谈微商如何重塑信任感和客户认可度假如微商没有发生毒面膜等事件,或许微商不会在互联网上如此具有争议。但如今,年初还风风火火的微商,自遭央视曝光以来变得萎靡不振,面临严重的消费信任危机。很多微商在很大程度上也受到……
淘宝限制和禁止发布的商品有哪些淘宝网限制发布的商品有哪些?淘宝卖家只有了解哪些商品是淘宝网限制销售的商品,才能够更好的掌握淘宝规则,才能够不触犯淘宝规则的底线。一、淘宝网限制发布的商品主要有以下商品:……
手脚冰凉痛经怎么办教你招有效缓解它在月经期时,你有没有过这些感受呢?感觉下腹涨涨的,还有一点坠落感。有的人还会感到疼痛,想要用手去捶打腰部在月经期的这些不适感,我们通常称之为痛经。在中医里,痛经并不是一种病而是……
如何轻松写好文案称霸朋友圈你觉得应该怎么做呢很多微商都抱怨过,自己辛辛苦苦写好的朋友圈文案,竟然没有评论和点赞,于是,他们得出一个结论:发朋友圈没有效果了。真的是这样吗?我认识的一个微商姐姐,她的一条互动能够至少吸……
喜荣华正好恨无常又到红楼梦本旨{三}红学研究子系中山狼,得志便猖狂。今闺花柳质,一载赴黄梁。这首判词说的是明朝第十一位皇帝朱厚熜。1507至1566。朱厚熜是一只忘恩负义的……
历史武大郎和武松是什么关系两人真的情同手足么可能很多人都怀疑武大郎和武松怎么会是亲兄弟,因为两人不管是相貌还是外形都完全不像。不过根据《水浒传》当中的设定,两人的确是亲兄弟,而且关系非常密切,武大郎就像武松的爹,是被武大……
拯救你的发际线推荐生发养生粥亲爱的小伙伴们,是不是发现自己的发际线越来越高了呢?有调查显示,越来越多的90后妹子出现了严重的脱发现象,随着脱发的增多,发际线也是高出了天际。究竟拿什么拯救这该死的发际线呢?……
宝典拜见准父母大人的上门细节上门细节之1注重仪表、装束也许有人会说,这还用提醒,现在的年轻人哪个肯邋遢着见人啊?特别是在这种关键时刻,谁不想给对方的家人留一个好印象啊?!可事实证明,好多人都是在仪表……
奇老人服饰与心理健康心理学家认为,良好的穿衣打扮,一是能提高自己的自信心,二是能够体现出个人对自己的看重以及对周围人的尊重。那么,老年人穿衣打扮应注重些什么呢?1。舒适性:老年人早、晚穿上一……
浅析初中语文教学中的美学教育摘要:美能启真、美能导善、美能移情、美能怡性。初中生大多处于青少年时期,他们的人生观、世界观处于构建时期,在语文教学中加强美学教育,对他们树立正确的审美观十分重要。关键词……
融创中国买买买背后的市场逻辑距离动用631。7亿元的巨额资本买下万达集团13个文旅项目和76个酒店项目只有月余,地产狂人孙宏斌挂帅的融创中国日前又大口吃进了广东广弘房地产有限公司50的股权,同时有关融创参……
新时代加强和改进党的作风建设的理论与实践【摘要】新时代增强党的作风建设的出发点是增强执政能力,满足群众诉求,认清局势。以思想建设、增强干部队伍建设、保持党同人民群众的血肉联系、建设学习型政党作为主要思路。这既是对马克……
浅析偷换二维码的法律定性摘要:如今科技飞速发展,许多新兴事物应运而生,很多新型化犯罪手段也随之产生。由于这些新型犯罪手段比较新奇少见,人们虽然容易辨识其违法犯罪的本质,但却很难对该犯罪行为作出明确认识……
某高速铁路钢轨断裂失效分析摘要:某高速铁路采用U71MnG热轧钢轨,在常规质量检查时发现钢轨断裂。文中运用金相显微镜及扫描电子显微镜等手段对钢轨断口的宏微观形貌、断裂处材料的显微组织和夹杂物成分进行了观……
压力面前你最需要什么在成功背后、压力面前,你最需要的是什么?不妨做一做如下测试:如果本世纪最壮观的流星雨将会来临,你会选择在哪里看这场流星呢?A海边B山上C草地上D屋顶……
余华为什么中国人如此焦虑文余华这四十年来中国人的心理变化就像社会的变化那样天翻地覆。当社会面目全非之后,我们还能认识自己吗?我想,没有一个人在心理上是完全健康的,起码不可能一生都健康,心理……
定期存款中途转高收益理财未必划算市民李大婶致电咨询称,存一年定期利率才3。25,上浮到顶也就3。3,而最近银行理财产品收益率猛涨,57天期的短期理财产品收益率都能达到6以上。提前把定存取出来购买理财产品是否能……
空间朋友留言短句一、不做批判者,不做卫道士。只是凝固每一个鲜活,卑微的生命,和自己一样的生命。如何生活,如何欢声哭泣,如何美好,如何浑浊,如何真实存在,作为一个人。二、很讨厌这种明明没睡……
最新早安说说正能量励志简短的早安心语一、睡意正浓时,手机震动了,朦胧中,拿起手机一看,醒了:笑脸问候全都来了,精神早餐我送上第一道问候的菜,亲爱的,早安!二、当你不去旅行,不去冒险,不去谈一场恋爱,不过没试……
我的梦想在何方我的梦在何方我的梦在何方,我在哈尔滨的雪夜静静地问自己。我曾遗憾过去的堕落,我还在后悔现在的颓废,但是我却不知明日我是什么模样。所以我会想,我会想自己未来会是……
感悟生活的句子说说心情一、对过去恋恋不舍的人,成就不了未来。这个世界上唯一不会变的,就是这个世界随时都在变。你必须相信时间的力量,所以,请尽快从过去中走出来,释怀过去,总结过去,而不是一天到晚地琢磨……