网页中黄金比例的两种方法
来源:互联网 发布:m2最新数据 编辑:程序博客网 时间:2024/04/28 02:20
黄金分割和使用网格(Grids)
几千年来,艺术家,设计师,建筑师等都有意无意的在使用了一个共同的比例来增加他们作品的美感。这个神奇的数字是什么呢? 1.62 (实际是 1.618…) 我不会说这个数字的起源,但是我会告诉你如何使用它。
使用黄金分割是非常简单的。比如你像找到你主要内容和sidebar列表的宽度。你将使用你内容区域总的宽度除以 1.62.然后得到555.55px.我们不需要那么精确,所以我们就用555px。现在你就知道你的主要内容元素是555px的宽度,你的sidebar是345px。看看多么容易?!
但是等等先,乐趣不止于此!你也可以应用黄金分割到其他元素的宽度和高度。
Using Grids
如果你和大多数的人一样,不想每次都抱着个计算器来计算这个黄金比率。那么最简单的方法就是用grid。所以你需要做的就是把你的宽度或是高度分成三分。
要产生更详细的gird,只需要继续三等分就行。如果你读了前一篇文章“与BlueprintCSS框架的亲密接触”的话,你会看到Blueprint CSS框架用了一个详细的gird系统。不仅仅是gird设计更容易更快,而且它也创建了一个美观的布局。如果你还没有使用gird设计,那么这是一个很好的尝试机会。你可以为fireworks,photoshops或者其他软件从 http://960.gs下载grid模板。
- 网页中黄金比例的两种方法
- 自然界中神奇的秘密,黄金比例的应用
- 现货黄金和TD黄金的比例
- 网页中控制是否打印元素的两种方法
- 在网页中实现细线边框的两种方法
- 网页中实现Flash透明的两种方法
- android 中打开一个网页的两种方法
- 网页中图标的两种创建方法
- 切割网页的两种方法
- 赞扬和批评的黄金比例
- 黄金比例在设计上的应用
- 在网页中使用.ascx用户控件的两种方法
- 使用jquery获取网页中图片高度的两种方法
- java程序打开本地文件程序的两种方法,以及java程序中打开网页
- 男女搭配黄金比例
- 黄金比例函数习题
- 网页中文本复制的两种方法
- 提高网页下载速度的两种方法
- showModalDialog()、showModelessDialog()方法
- C#.net 关于xpath对xml的解析语法
- WinDBG 技巧:显示操作系统信息 (vertarget 命令)
- Socket状态变迁图
- PE文件结构
- 网页中黄金比例的两种方法
- WinDBG 技巧:如何生成Dump 文件(.dump 命令)
- css手册下载地址
- NetBeans插件Portal Pack 3.0 发布
- 黑客基地
- Fedora10下Mysql的安装与启动
- abstract class和interface有什么区别(一)
- WPF WebBrowser DataGrid
- 科研人员必须知道的SCI知识