一只人的异想世界:关注生活,关注网络

门户型网站的模块间距分析2010-12-19

分类:前端开发 3,031次浏览 12条评论

网页设计,尤其是门户型网站设计,国内的与国外的不同,国内的内容较多,为了不影响网站视觉效果,往往网页的合理布局与适当的间距是非常重要的!布局跟间距混乱的话 ,整个页面就看起来一团糟,要么一眼看去整个网站非常空荡,要么一眼看去密密麻麻的,要么一眼看去“绿肥红瘦”的,容易引起视觉疲劳,用时髦的话来讲,是非常不好的用户体验!

前段时间在站酷上看到有人分析网站界面设计的一些小规则,于是连忙整理三个门户型网站的模块间距,来学习一下!(其实个人学习最好的方法就是关注各大门户型网站,经常看看并学习他们的页面设计与代码书写以及新技术的应用,因为毕竟他们有实力,所应用的技术也应该是最新的或者是相当好用的!)

下面开始看图(点击看大图):

腾讯模块间距分析

腾讯模块间距分析

netease网易模块间距分析

netease网易模块间距分析

yahoo英文网站模块间距分析

yahoo英文网站模块间距分析

各大门户型网站的间距大同小异,这说明这些并非固定的死规则,但是大概都在10px附近!所以在自己进行界面设计的时候可以以10px为基准点,根据合适的需求进行间距的设定!当然这只是一点,重要的是对整个页面的间距的把握,让整体看起来更协调更舒服才是最重要的!认真看一下,相信你会有收获的!

更多
转载文章请保留博客名称及本文链接,谢谢合作!转载已注明非原创文章请注明原文地址及本博客相关信息。

相关日志 »

12条评论 »

  1. 深圳翻译公司 说道:

    10px还是比较好的,看舒服,也常用5px

  2. 博客之家 说道:

    预祝博主圣诞快乐

  3. 青岛达丰 说道:

    博主总结的很好,进来学习了。】

  4. 左坤 说道:

    难道作者是做UI的

  5. 股票入门知识 说道:

    这个也很有研究嘛

  6. 好好学习 天天向上

  7. 卢松松 说道:

    确实 有收获

  8. 哈尔滨团购 说道:

    博主这个说的真不错!

  9. 博客之家 说道:

    还是好好地写我的小博客吧,呵呵

  10. 精油品牌 说道:

    博主是这方面的专家,学习了

  11. 广州SEO 说道:

    好像是沙发,呵呵。先坐着。
    门户网站的结构和站内优化策略都值得借鉴。

  12. 98优惠网 说道:

    博主总结的太好了,网页美观设计是吸引读者的重要方面啊!

发表评论 »