网站设计布局的黄金分割法

2024-05-01    分类: 网站建设

视觉的吸引力往往是基于比例的。几千年来,艺术家,设计师,建筑师等都有意无意的在使用了一个共同的比例来增加他们作品的美感。而网站设计布局对网站整体来说也很重要,布局太凌乱让很不舒服,布局太整齐又无法突出网站的特色,那么网站设计应该如何布局呢?应该遵循怎样的比例呢?成都网站设计主要介绍网站设计布局黄金分割的方法。

什么是黄金分割

黄金分割又称黄金律,是指事物各部分间一定的数学比例关系,即将整体一分为二,较大部分与较小部分之比等于整体与较大部分之比,其比值为1∶0.618或1.618∶1,即长段为全段的0.618。0.618被公认为最具有审美意义的比例数字。

网站设计布局黄金分割法公式

内容区域总宽度/1.62=内容宽度

比如主要内容和sidebar列表的宽度是899。使用内容区域总的宽度899除以1.62. 然后得到555px. 所以主要内容元素是555px的宽度,你的sidebar是344px。

尝试Grids

如果你和大多数的人一样,不想每次都抱着个计算器来计算这个黄金比率。那么最简单的方法就是用grid。所以你需要做的就是把你的宽度或是高度分成三分。要产生更详细的gird,只需要继续三等分就行。Blueprint CSS框架用了一个详细的gird系统。不仅仅是gird设计更容易更快,而且它也创建了一个美观的布局。

笔者建议:要想设计出好的网站,就要不断的参考(优秀的网站设计)+实践(使用黄金分割法),在加上gird的完美配合,相信你一定可以创建一个美观的网页布局。

网页标题:网站设计布局的黄金分割法
本文链接:https://www.cdcxhl.com/news39/327239.html

成都网站建设公司_创新互联,为您提供网站制作云服务器做网站标签优化静态网站网站内链

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

微信小程序开发