相关文章
网页设计分析总结一下＜li＞和＜hr＞的样式定义
企通互联解决form撑大表格一法
网站制作构建Blog全程实录-Dreamweaver构建Blog
北京网站建设了解学习网页中背景图片CSS实现方法
网站建设谈Flash脚本与时间轴动作的执行顺序
企通互联网页设计配色基础 色彩三属性与实例剖析
网站制作HTML语言剖析（十四）特殊字符
北京网站设计网页特效：随滚动条移动的DIV层
北京网站设计如何设计人性化的登录界面
北京网页设计细谈网页优化和网站优化的几种方式
品牌理念
北京网站建设最佳合作伙伴
北京网站建设专家企通互联
竭诚为您提供网站建设服务!
友好连接
文章搜索
你的位置：首页 >> 网页设计 >> 网站制作网站制作从实际的应用角度来说说布局
网站制作网站制作从实际的应用角度来说说布局
下图就是网页布局的四种基本型与十二种简单混合布局。 站.长站
通过上面的十六个布局我们可以扩展出更多的布局形式。比如通过增加区块、通过不同的区块比例关系，来产生不同的布局应用。 中.国.站长站
布局绝对影响网站的整体效果 北京网站建设 Chinaz^com
北京网站制作其中最重要的因素就在于布局这些区块的比例上。 北京网站设计“黄金分割比”、“九宫格”，通常黄金分割计算起来比较麻烦，我个人是比较喜欢用九宫格，因为只要基本符合九宫的四个核心点就可以了，不必要深究。
上图的左右布局如果是平分的话很显然就不明重心
中.国.站长站 网站建设
而我们通常的做法是一边大一边小 Chinaz^com
而这个大小的比例一般是不超过1:3的，一般是在1:1.5以上与 网站制作1:3之间。在内容页的布局中比例一般都比较大，为的就是让内容阅读更容易，但是内容的宽度也应该有一个度，不能很宽，一般在25~30个汉字或是40~45个字母为比较合适。过宽或是过过窄都会让阅读者产生视觉疲劳。 Www~Chinaz~com
如果是左中右的结构，那么这个比例关系就更为有意思 Www^Chinaz^com
在大布局中一般不会采用三等份的布局，而在于小布局中会常常使用，用等宽来表示内容是同级的或是相似的。那么在大布局中，随着1024分辨率的普及，左中右结构也可以扩展成为四栏甚至是五栏。在多栏的布局中，可以使用一个大栏二到三个同宽小栏的布局方式，这里的同宽小栏的总宽要可以比大栏的宽度大一点或是小一点，或是等宽。当然也会有一些其它的布局比例，大家可以在具体的形式可以在实践中自行的调整看一下感觉。 中国站长_站, 网站设计为中文网站提供动力
上下或是上中下的比例就比较特别，与左右或是左中右的有很大的不同。
上下的比例需要考虑到第一屏的显示效果问题，现在 网页设计1024分辨率的普及使得网站的高度显示被拉长。原来800下的显示高度大约在450PX左右，而现在已经可以达到620PX左右。所以我们需要在第一屏显示什么样的内容?一般最重要，最想要浏览者注意的当然要在第一屏显示出来。而一般来讲上中下的比例就是在这么长的屏中的比例。在大布局中的下面基本上是版权信息之类的，而上面主要是标志与导航或是BANNER所以上下的所占的比重不应很大，而重点是在页面的中间。
Www^Chinaz^com
布局并不单是在图纸上画上几条线分出几个区这么简单
企通互联需要充分考虑每个区的内容形式，比如上面所提到的文本的宽度是否适合阅读等问题就会直接影响到布局的形式。而在首页的布局上，也会有很多不同的内容来影响布局。比如图片的分布是否过于集中，或是过于松散。还有就是上面所提到的通过等比的方式来表示内容是同级或是相似。
北京网站建设
上一篇：网站建设5种Web图像格式简述
下一篇：网站设计从实际的应用角度来说说布局