CSS 设计中的黄金分割率应用

首页> 缘震优势

缘震优势

2015-11-13 00:00:00

希腊Web 设计师Christos Chiotis 发表在 CssGlobe 的一篇文章，讲述了黄金分割率在 CSS 中的应用。黄金分割率是一个应用广泛的数学常数，大约为 1.6180339887。黄金分割率用在 Web 设计中，可以为设计带来更多视觉上的和谐。

在一个简单的两栏式页面布局中，使用两个容器，第一个容器用来显示主要内容，第二个容器显示侧条。比如，页面宽度为 960 px，使用黄金分割率，主内容容器的宽度应该为 960 / 1.62 = 593 px，而侧条的宽度为 960-593=367 px。

作者建议，在 Web 排版与布局中可以使用以下基本 CSS 设置

line-height = font-size * 1.62

paragraph margin = paragraph line-height * 1.62 / 2

header’s margin-top = headers line-height * 1.62

不过对中文而言，至少 font-size 和 line-height 之间使用黄金分割率是不适合的，假如中文字体使用 12px 的话，最佳行高是 22px，如果字体使用 14px 的话，行高应该使用 24px 。

另一个例子，在表单中，输入框的宽度应该是标签文字的宽度乘以 1.62。而对于显示在 Web 上矩形来说，它的宽度应该是高度乘以 1.62。

这样一来，Web 设计师同时需要很好的计算能力，至少要在旁边放一台计算器，为了节省时间，作者建议在设计中随时记住一个 62/38 原则，在任何需要分割的地方，都使用 62% 和 38% 作比例。

对于需要分割成三份的场合，可以先按 62%，38%原则分成两份，再将那份大的按 62% 和 38% 的比例分割。（来源：cssglobe.com翻译：OMSHARP CMS）

网站建设：做网站的收费为何不同？差异在哪里？

网站建设的公司形形色色，有些报价很高的公司自称是高端网站建设，有些做网站的公司报价却相对较低。难道高端与普通，只能通过报价来确定吗？读完这篇文章，让你识破“伪高端”网站制作公司，少花冤枉钱！真正高端的网站建设公司，在以下几点上和普通的网站制作公司有着显著差异。

一、不同的存储空间

空间是企业网站建设时必须购买的，普通的网站建设和高端的网站建设公司所购买的空间的质量是不一样的。相对来说，高端网站建设会选购大品牌的空间，虽然价格更高，但是空间存储质量更高，企业网站的数据更安全。

二、不同的网站建设规划

企业网站建设规划是网站建设的重要前置条件。普通的网站建设通常只会简单倾听企业客户的需求；而高端的网站建设则会从整体着手，用科学的市场调研来指导企业网站建设的策划。因此，高端的网站建设在规划阶段的耗时可能更长，但是做出来的网站效果也更好。

三、不同的网站开发框架

网站开发框架的选择决定了企业网站质量的好坏。普通的网站建设为了省事、省成本，会直接套用模板框架。这样做网站虽然交付快，但是网站效果不佳。而高端的网站制作公司则会根据企业的需求搭建网站开发框架，虽然成本稍高，但是实现的效果更佳。

四、不同的网站优化推广服务

高端网站建设由于在规划阶段和网站开发框架的选择上都比普通网站建设更好，因此在网站后期优化上，高端网站建设也会更省事、更省时。
本文由上海缘震网络科技有限公司（http://www.shyuanzhen.cn/）原创编辑，转载请注明！

网站制作网站建设网站建设公司网站开发网站设计网站开发公司企业网站建设上海网站建设上海网站制作上海网站开发小程序开发公众号代运营公众号推广