帮企翼网

关注公众号

当前位置: 首页 » AI学苑 » 营销学苑 » 正文

网页配色之黄金分割法

放大字体  缩小字体 发布日期:2020-04-28 10:46:56    浏览次数:403    评论:0
导读

众所周知,数学上有一个黄金分割点–0.618。据说用次比例数分割是最具美感的,从美眉身材到高楼建筑,从艺术到绘画无不出其之左,因此被称为”神奇的”黄金分割点。如此万能的黄金分割点是否可以利用在网站建设的制作过程中呢?接下来为大家分享网页配色之黄金分割法。诸位制作过烘培鸡(Homepage)的大虾们都知道,制作网

众所周知,数学上有一个黄金分割点–0.618。据说用次比例数分割是最具美感的,从美眉身材到高楼建筑,从艺术到绘画无不出其之左,因此被称为”神奇的”黄金分割点。如此万能的黄金分割点是否可以利用在网站建设的制作过程中呢?接下来为大家分享网页配色之黄金分割法。


诸位制作过烘培鸡(Homepage)的大虾们都知道,制作网页时网页背景与前景的字体配色比较麻烦的。如果背景颜色与字体颜色的搭配不合理,就会使网页效果大打折扣。如果背景色与字体色的对比度太大,就会显得太刺眼;如果对比度太小,就会使网页风格变得过于沉闷。要达最佳配色实在是麻烦之至,自定义-〉观看效果-〉不合适-〉从头来……,到最后发现我们大部分宝贵的Time都花在了上面。


黄金分割法的基本原理是这样的:把颜色的对比度(背景与前景)调节在0.618比例附近的位置上。下面我以FrontPage2000为例来讲解一下具体操作。


1.选择背景色(记住颜色的亮度值)。打开FrontPage2000以后单击鼠标右键,选择”网页属性”,弹出”网页属性”对话框后选择”背景”单元(或”格式”菜单下的”背景”选项),然后在背景色选项中选取你想要的任意背景色,然后确定(本例中选取橄榄绿RGB:0,128,0亮度:60)。


2.选择前景色。选择格式-〉字体,在字体颜色中选取”其他颜色”。弹出颜色对话框后选择”自定义”,弹出Windows的标准颜色对话框


3.计算亮度值。若背景色的亮度值为0-92时,将上述对话框中的亮度确定为X+148;若在148-240之间则定为X-148。然后选择任何你认为搭配合理的颜色(亮度值不变)作为前景色。选择原理如下:亮度的最大值是240,黄金分割值为240×0.618≈148,即亮度差为148为最佳对比度,因此选取的前景色与背景色亮度值至少有一位于0-92或148-240之间,其他亮度值不一选取(强烈建议)。


以上便是带来的网页设计中黄金分割法的利用,希望可以为更多的网页设计师们带来帮助!


文章转至网络,如有版权问题请联系删除

 
(文/小编)
打赏
免责声明
• 
本文为帮企翼发布作品,作者: 帮企翼。来源标注为“帮企翼bangqiyi.com”的作品版权归帮企翼所有,经本站授权后欢迎转载,转载请注明出处:https://www.bangqiyi.com/news/show.php/itemid-5842/ 。来源标注为“***(非帮企翼)”的作品版权归来源网站/作者,转载目的在于传递资讯,不代表本站赞同其观点和对其内容真实性负责。如若文中涉及有违公德、触犯法律的内容,一经发现,立即删除,作者需自行承担相应责任。涉及到版权或其他问题,请及时联系我们bangqiyi@qq.com。
0相关评论
 

2010-2020 bangqiyi.com All Rights Reserved 网监备案号:37021302000522

鲁ICP备19020323号-1

青岛企业网站建设,青岛网络推广运营,营销型网站建设,B2B全网营销,B2B企业电子商务,山东企业网站建设,企业服务平台,产品推广,企业服务,全网营销套餐