欢迎光临中国网站建设网
加入收藏夹 | English
当前位置:主页>网站设计原则>
网页艺术设计之网页布局对齐方式(下)
来源:  作者:本站
居中对齐很容易做到。用CSS就可以把你网页上的各种元素对齐。利用CSS你既可以居中对齐固定宽度的设计,也可居中对齐没有固定宽度高度的设计。在使用居中对齐方式的时候有一点要记住:把大块的文字居中对齐,那么网站设计的浏览者在阅读文字的时候会感到很费劲。所以,如果没有万无一失的把握,那么就不要使用居中对齐的方式来进行网页元素的排版。

分散对齐
示例网站对齐方式:



分散对齐
分散对齐的页面布局跟居中对齐的页面布局很相似,只不过页面左右两边都是整齐划一的,而不像居中对齐那样左右两边参差不齐。分散对齐的页面布局比单纯居中对齐的页面方式更正式,让人感觉更正规。分散对齐的操作方法跟居中对齐是一样的,但是在对齐文字部分时也添加了文字对齐样式属性。

这里出现什么问题了?



这张图片跟居中对齐的那张图片有些微小的差别。在这个例子中,图片和标题都是严格居中的,但是文字是左对齐的。因为文字与网页其他部分不协调,所以整个页面让人看起来有点不专业。

你能想出其他改进页面布局的方法吗?
改进



这份设计主要适用了居中对齐方式,但是并没有依靠文字来形成视觉上的居中效果。而是在文字边上加了一个可视性的边框。这就解决了我们在前一个例子中出现的问题。这份设计还解决了文字居中阅读困难的问题。你可以把大段的文字在居中的文字框中左对齐。为使文字部分阅读起来方便,你能想到其他好的办法吗?

混合对齐比较好用



这份设计跟其他设计中的对齐方式看起来不太一样,但是它仍然使用了对齐方式。它使用了多种对齐方式来创建网页结构的。例如,标题与图片底部对齐。文字段落与标题垂直对齐。大多数网站设计者都青睐这种设计布局类型,因为这可以给设计带来很多乐趣。它没有左对齐、右对齐那么保守也没有居中对齐那么呆板。
关于本站 | 会员服务 | 隐私保护 | 法律声明 | 站点地图 | RSS订阅 | 友情链接
免责声明:凡本站注明来源为xx所属媒体的作品,均转载自其它媒体转载目的在于传递更多信息,并不代表本站赞同其观点和对其真实性负责。