昭歌信息网站建设观点作者头像
Cyrus/前端工程师/2015.08.04

网页里各种元素水平方向的对齐方式主要有:左对齐、右对齐、居中对齐和两端对齐等4种方式,常用的为左对齐、居中对齐,右对齐和两端对齐基本很少使用,尤其是两端对齐,

上海网站制作

公司

认为一般只在平面设计的时候会使用。

 

1、页面各种元素对齐方式的基础知识

 

A、左对齐在网站建设布局中是最常见的对齐方式:它整齐一致并且安全,因为大家对这种对齐方式很熟悉并且也乐意接受,所以对任何设计来说,左对齐都是最保险的对齐方式。

 

B、在高品质网站设计中,好的对齐方式占了很大的比重:当物品排成一行时,通常看上去感觉更好。因此,使用不同的对齐方式来建立对比是较难的而且要更谨慎的使用,但是如果做的好的话是非常有效的。比如:在文章中,我们常常是用左对齐的文本段落和居中对齐的标题来混合起来,这是使用不同的对齐方式建立对比的最好例子。

 

C、从用户视线行为来分析对齐方式:用户的视线常常是从上到下,从左到右,那么框架之间最好的就要左右对齐,上下对齐,让视线更流畅。导航页的内容链接,当用户看完一个链接后,会接着看下一个链接,左对齐仍然是最好的方式。

 

2、框架与框架之间的对齐方式

 

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

 

3、内容与小图标之间的对齐方式

 

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

 

4、产品图片、人物图片等与内容的对齐方式

 

这种方式分为两种,水平对齐方式与居中对齐方式。

 

文字放图片下方:这种方式一般为居中对齐,因为如果左对齐,文字如果少了,会显的比较难看,尤其是人物图片,只有一个人名。

 

文字放图片右边:文字水平方向要左对齐,因为用户看了图片,就要看图片周围的文字,如果采用右对齐或居中对齐,都会使视线不连贯。垂直方向要两端对齐,看起来更规整,一般是标题和导读内容与图片两端对齐。

 

本文章由http://www.zhaoge.cc上海网站制作公司昭歌信息整理发布

(本文出自上海网站建设公司昭歌信息编辑WWW.ZHAOGE.CC,转载时请注明出处) 喜爱 0 分享 0
< 网站策划推广的小技巧 如何做好网站优化 >
昭歌信息网站建设微信二维码

WEB-ZHAOGE

网络微信账号

地址:上海长宁区中山西路179号虹桥世家商务楼12M

邮箱:zgdedei-ihiddennfdedefe[email protected]defehaoge.cc

电话:4001101606 18502147668

[email protected] zhaoge.cc All rights reserved
版权所有:上海昭歌信息技术有限公司 沪ICP备13032954号

服务热线:4001101606业务咨询:1850214766824小时在线客服:地址:上海长宁区中山西路179号虹桥世家商务楼12M
昭歌信息网站建设

输入您的电话,我们即刻给您回电

您也可以咨询我们的在线客服

关闭

请输入验证码

确定
关闭