青岛网站建设公司,青岛网站制作公司-奈薇建站网
建站咨询热线:0532-8878113113165158935 
知识普及 » 网页设计技巧系列之三再谈布局

网页设计技巧系列之三再谈布局

网页设计师 2020-01-06 14:20发表
阅读次数 1339
  上次在“浅谈布局”中只是大概的说了一下布局的相关知识,在本文中就从实际的应用角度来说说布局。“浅谈布局”中就有提到网页的布局有一个基本型(上下、上中下、左右、左中右),通过基本型可以扩展出更多的布局形式。下图就是布局四种基本型与十二种简单混合布局。

  通过上面的十六个布局我们可以扩展出更多的布局形式。通过增加区块、通过不同的区块比例关系,来产生不同的布局应用。而布局绝对影响网站的整体效果,而最重要的因素就在于布局这些区块的比例上。我在上次的“浅谈布局”谈到“黄金分割比”、“九宫格”通常黄金分割计算起来比较麻烦,我个人是比较喜欢用九宫格,因为只要基本符合九宫的四个核心点就可以了,不必要深究。所以我们看,上图的左右布局如果是平分的话很显然就不明重心,而我们通常的做法是一边大一边小,而这个大小的比例一般是不超过1:3的,一般是在1:1.5以上与1:3之间。在内容页的布局中比例一般都比较大,为的就是让内容阅读更容易,但是内容的宽度也应该有一个度,不能很宽,一般在25~30个汉字或是40~45个字母为比较合适。过宽或是过过窄都会让阅读者产生视觉疲劳。(关于文本排版的细节可以参见:“浅谈文本排版”)如果是左中右的结构那么这个比例关系就更为有意思,在大布局中一般不会采用三等份的布局,而在于小布局中会常常使用,用等宽来表示内容是同级的或是相似的。那么在大布局中,随着1024分辨率的普及,左中右结构也可以扩展成为四栏甚至是五栏。在多栏的布局中,可以使用一个大栏二到三个同宽小栏的布局方式,这里的同宽小栏的总宽要可以比大栏的宽度大一点或是小一点,或是等宽。当然也会有一些其它的布局比例,大家可以在具体的形式可以在实践中自行的调整看一下感觉。

  而上下或是上中下的比例就比较特别,与左右或是左中右的有很大的不同。上下的比例需要考虑到第一屏的显示效果问题,现在1024分辨率的普及使得网站的高度显示被拉长。原来800下的显示高度大约在450PX左右,而现在已经可以达到620PX左右。所以我们需要在第一屏显示什么样的内容?一般最重要,最想要浏览者注意的当然要在第一屏显示出来。而一般来讲上中下的比例就是在这么长的屏中的比例。在大布局中的下面基本上是版权信息之类的,而上面主要是标志与导航或是BANNER所以上下的所占的比重不应很大,而重点是在页面的中间。

  布局并不单是在图纸上画上几条线分出几个区这么简单,需要充分考虑每个区的内容形式,比如上面所提到的文本的宽度是否适合阅读等问题就会直接影响到布局的形式。而在首页的布局上,也会有很多不同的内容来影响布局。比如图片的分布是否过于集中,或是过于松散。还有就是上面所提到的通过等比的方式来表示内容是同级或是相似。

网页设计技巧系列之三再谈布局相关标签:企业做网站网站开发企业网站制作网络公司
相关热点推荐
网页设计技巧系列之三再
迅速提高网站流量的方法
新手站长易犯的九大毛病
按照Web标准,是否有
设计兼容性好的Web页
从市场的角度思考网站建
网站推广技巧8则(一)
网站建设与设计应掌握的
SE0作弊是短视行为,
搜索引擎是如何判断新闻
营销型网站功能设计的几
我们还需要“面包屑”吗
企业建站如何才能够赚钱
关键词排名快速上升的手
企业建站的内容建设
允许网页可以访问剪切板
青岛网站建设之SEO优
网站建设UI设计六大要
全屏自适应网站设计特点
互联网设计敏捷迭代
网站推广秘籍
行业网站的设计心得
常见的排版方式与表现类
企业建站应做好内容规划
罕见网站设计心得
企业网络营销的成功策略
企业建站后进行网站推广
新手建站要注意的几个关
网站优化技巧大全
网页设计中的版式原理-
怎样设计首页?
交叉设计促进网站风格统
老站长谈站长建网站应该
网站页面设计中的问题分
做网站优化之前的分析工
9个让你成为更牛网页设
分析网站流量统计对于站
目前个性化搜索的不足点
网站优化并不难
个人站长建站失败的几种
奈薇建站网青岛网站建设公司/青岛网站制作公司,专业提供"气质"型网站建设及精美网站制作服务,同时欢迎各地网站建设公司、网站制作公司代理我们的奈薇建站系统共同发展

热点地区:青岛网站建设价格 青岛即墨网站制作公司 开发区信息港 山东在线门户
  • 备案号
  • 鲁ICP备13010283号
建站咨询热线0532-88781131 15166683288 13963906391
版权所有© BangJianZhan.Com & Nev.Cn 青岛网站建设/网站制作公司
青岛雨后网络科技有限公司 - 青岛市市北区福州北路90号,景泰尚都6层
已经为您服务了
160个月 3