中国B2B研究网
联系我们 | 付款方式
首页 资讯 研究 推荐网站 人物 B2B策划 B2B开发 B2B推广 B2B销售
当前位置:首页 > B2B研究文库 > B2B网站建设 > B2B行业网站页面元素之间的对齐标准
B2B行业网站页面元素之间的对齐标准
来源:中国B2B研究网 发布时间:2013/9/21  浏览:
      网页里各种元素水平方向的对齐方式主要有:左对齐、右对齐、居中对齐和两端对齐等4种方式,常用的为左对齐、居中对齐,右对齐和两端对齐基本很少使用,尤其是两端对齐,本文作者李学江认为一般只在平面设计的时候会使用。
   
1、页面各种元素对齐方式的基础知识

      A、左对齐在网站布局中是最常见的对齐方式:它整齐一致并且安全,因为大家对这种对齐方式很熟悉并且也乐意接受,所以对任何设计来说,左对齐都是最保险的对齐方式。
      B、在高品质网页设计中,好的对齐方式占了很大的比重:当物品排成一行时,通常看上去感觉更好。因此,使用不同的对齐方式来建立对比是较难的而且要更谨慎的使用,但是如果做的好的话是非常有效的。比如:在文章中,我们常常是用左对齐的文本段落和居中对齐的标题来混合起来,这是使用不同的对齐方式建立对比的最好例子。
      C、从用户视线行为来分析对齐方式:用户的视线常常是从上到下,从左到右,那么框架之间最好的就要左右对齐,上下对齐,让视线更流畅。导航页的内容链接,当用户看完一个链接后,会接着看下一个链接,左对齐仍然是最好的方式。
 
2、框架与框架之间的对齐方式

      第一部分讲了,用户的视线常常是从上到下,从左到右,那么框架之间最好的就要左右对齐,上下对齐,让视线更流畅。但是有时左边框架的内容更高,右边要放2个模块才可能和左边一样多,这个时候我们必须要确保右边2个模块或多个模块刚好和左边的一个框架对齐,这样看起来才更统一。
 
3、内容与小图标之间的对齐方式

      标题栏上的小图标与标题栏名称、内容链接左边的小图标等,都是采用上下居中对齐,左边左对齐的方式,一般内容链接左边都有一个小图标,小图标右边的标题也要左对齐。而且整站上下不同的框架之间,也要上下对齐。
 
4、产品图片、人物图片等与内容的对齐方式

      这种方式分为两种,水平对齐方式与居中对齐方式。
      A 文字放图片下方:这种方式一般为居中对齐,因为如果左对齐,文字如果少了,会显的比较难看,尤其是人物图片,只有一个人名。
      B 文字放图片右边:文字水平方向要左对齐,因为用户看了图片,就要看图片周围的文字,如果采用右对齐或居中对齐,都会使视线不连贯。垂直方向要两端对齐,看起来更规整,一般是标题和导读内容与图片两端对齐。
      更多的对齐方式在《B2B行业门户网站设计开发实战研究报告》第四章第四节里做了详细阐述。
 
5信息录入提交表单页面

      在表单页面使操作区域对齐,将大大提升用户完成任务的效率,所以输入框左对齐是必须的,当用户输入完一个框后,接着往下一个框,可以节省用户的时间。但是作为提示输入内容的文字,则要右对齐最好,因为提示语言有的多有的少,会造成提示语言和输入框之间产生空白区域,加重了用户的认知负担,用户必须花相当多的时间以便在标签和输入框之间移动视线。
      操作过程中,用户更关注输入框本身,而不是标签。用户眼睛关注点的转移速度是非常快的,并且即使不从头阅读标签也能明白它的意思,对于用户的行为分析,本文作者在《B2B行业门户网站策划实战研究报告》里做了详细的阐述。
 
  本文原创作者:李学江,先后从事程序开发、网站策划、项目经理、策划总监、销售总监等职,从事B2B行业门户网站研究8年多,现致力于B2B行业网站的策划、建设、推广、销售及运营研究研究,著有 《B2B行业门户网站策划实战研究报告》《B2B行业门户网站推广实战秘籍》《B2B行业门户网站设计开发实战研究报告》《B2B行业门户网站销售实战攻略》 ,欢迎交流指导咨询,交流QQ:1580658565


    《B2B行业网站策划实战研究报告》  
 构建成功商业模式,找准方向,超越对手!        永久接受免费咨询服务!

    《B2B行业网站设计开发实战研究报告》  
助您建设一流网站,为成功奠定坚实基础!        永久接受免费咨询服务!


    《B2B行业网站推广实战秘籍》   
 即学即用推广宝典,助您网站流量大幅提升!     永久接受免费咨询服务!

    《B2B行业网站销售实战攻略》   
 系统阐述销售知识, 汇聚销售技巧,提升销售额!   永久接受免费咨询服务! 



优惠219元,看得见的交易、真实评价,收到书,才打款,安全!


编辑:B2Byj
加入收藏 】 【 字体: 】【 打印 】 【 关闭
 相关文章
本文关键词:页面元素  对齐标准  B2B行业网站  
龚女*,您订购的《B2B行业网站策划研究报告》已发货,单号:1201833057889 2015/9/8
彭*,您订购的《B2B行业网站设计开发实战研究报告》已发货,单号:600049541131 2015/5/5
B2B行业网站如何优化运营使网站开始盈利挣钱 2015/3/31
B2B行业网站采购栏目用户需求 2015/3/30
如何做好B2B行业网站页面内容设计留住用户 2015/3/27
杨*,您订购的《B2B行业网站策划研究报告》已发货,单号:560032492102 2015/1/17
 B2B网站系列研究报告
B2B行业网站策划实战研究报告 B2B行业网站设计开发研究报告 B2B行业门户网站推广实战秘籍 B2B行业门户网站销售实战攻略
 热门资讯
一直做着很“2B”事情的B2B,为什么直到今天才火起来582次
B2B的春天来了 你还在C端市场打拼吗?102次
万亿级B2B市场风口来临 创投机构争相布局94次
医学领域B2B电商供应室获数千万A轮融资62次
慧聪网郭江:巨头无法阻止技术型B2B创新者46次
 热门研究
免费赠送工具书、期刊提升B2B网站销售额366次
慧聪网CEO郭江:B2B2.0产业互联网创业良机110次
以太资本卞恺灵:B2B创业的N个坑62次
阿里刘辉:阿里对“互联网+”的五个思考62次
万亿级B2B市场“风口”来临 创投机构争相布局62次
B2B人物资讯 更多
慧聪网郭江:在B2B领域激进并购
  国内B2B电商平台慧聪网最近消息不断,由香港创业板转到香港联交...  阅读全文>>
李军保:中国网库将开启B2B电商3.0时代
     9月26日,由商务部中国国际电子商务中心指导...  阅读全文>>
51BOOK陈鹏:拓展航旅行业 打造航旅B2
  51book董事长陈鹏近日在2014劲旅峰会“旅游BtoB分销...  阅读全文>>
郭江指路:B2B式的京东和天猫都有戏
  9月26日消息,慧聪网CEO郭江在“2014中国(常州)电子商...  阅读全文>>
B2B人物专栏 更多
慧聪网CEO郭江:B2B2.0产业互联网创业
9月11日消息,在2015亿邦电子商务应用发展年会上,慧聪网CEO...  阅读全文>>
做好B2B网站“网站介绍”栏目,提高可信度、
1、B2B网站“网站介绍”相关栏目的重要性   网站介绍的相...  阅读全文>>
imo云办公室乔月猛:B2B营销方式的变革
  10月23-24日,由艾瑞咨询集团主办的“2014上海艾瑞互联...  阅读全文>>
敦煌网王树彤:跨境电商也要玩转移动端
  在创办十年之际,敦煌网收到了时隔三年多的第四轮融资。敦煌网创始...  阅读全文>>
热门图片资讯
B2B的春天来了 你还在C端市场打拼吗?
万亿级B2B市场风口来临 创投机构争相布局
关于我们 | 网站导航 | 积分赚取 | 积分兑换 | 付款方式 | 联系我们
手机:0515-85457789 客服邮件:1580658565@qq.com
在线服务 QQ:1580658565 地址:江苏省东台市三灶大街19号
Copyright@2007-2014 b2byj.com All Rights Reserved 苏ICP备14051972号