网页配色之黄金分割法

Phimatrix 黄金分割分析屏尺,设计配色的利器 Phimatrix是一款非常好用的屏尺,可以选择多种黄金分割比例,平面设计,网页设计的最佳帮手。这款工具不仅有格式化功能,甚至带有黄金分割配色的色盘,多语言,无论操作方式还是功能,都远远超过Atrise Golden Section。 立即下载
  众所周知,数学上有一个黄金分割点--0.618。据说用次比例数分割是最具美感的,从美眉身材到高楼建筑,从艺术到绘画无不出其之左,因此被称为"神奇的"黄金分割点。与此同时,人们也对其进行了大量的研究,研究结果更是大量的"神奇"说法。不过,我辈是现实主义者,"神奇"就不谈了,还是看看咋用它的"神奇"解决我的问题吧--网页配色之黄金分割法。
  诸位制作过烘培鸡(Homepage)的大虾们都知道,制作网页时网页背景与前景的字体配色比较麻烦的。如果背景颜色与字体颜色的搭配不合理,就会使网页效果大打折扣。如果背景色与字体色的对比度太大,就会显得太刺眼;如果对比度太小,就会使网页风格变得过于沉闷。要达最佳配色实在是麻烦之至,自定义-〉观看效果-〉不合适-〉从头来……,
  
  到最后发现我们大部分宝贵的Time都花在了上面。不过别急,有了我的"网页配色之黄金分割法"之后,就可以大大节省你的时间了。别打!别打!我马上就进入正题了(呜……呜……)。
  
  黄金分割法的基本原理是这样的:把颜色的对比度(背景与前景)调节在0.618比例附近的位置上。下面我以FrontPage 2000为例来讲解一下具体操作。
  
  1.选择背景色(记住颜色的亮度值)打开FrontPage 2000以后单击鼠标右键,选择"网页属性",弹出"网页属性"对话框后选择"背景"单元(或"格式"菜单下的"背景"选项),然后在背景色选项中选取你想要的任意背景色,然后确定(本例中选取橄榄绿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之间,其他亮度值不一选取(强烈建议)。
  
   Ok,确定,输入几个字符看看效果,是不是要好一点呢?^_^。
黄金分割工具 PS黄金分割工具 Divine Proportions Toolkit.zxp 立即下载

相关推荐

Springboot(五十六)SpringBoot3集成SkyWalking

Dskywalking.collector.backend_service:表示skywalking的collector服务的IP及端口。注意上图中红框标注的位置,我们可以根据启动Springboot项目启动时候控制台输出的ID进行筛选。注意上图中红框标注的位置,我们可以根据启动Springboot项目启动时候控制台输出的ID进行筛选。其他的版本的 APM 地址(这个我不需要,我们是在docker中部署的,留给有需要的同学)其他的java 版本的 Agents 地址。

camellia的博客 2600

网页前台配色秘诀-黄金分割配色法

如果您喜欢这些文章,欢迎点击此处订阅本Blog<!--google_ad_client = "pub-7343546549496470";google_ad_width = 468;google_ad_height = 60;google_ad_format = "468x60_as";google_ad_type = "image";//2

小李专栏 2172

Nginx国密HTTPS实战:SM2双证书部署与TongSuo编译指南

HTTPS作为保障网络通信安全的基石,其核心在于SSL/TLS协议与公钥基础设施(PKI)。它通过非对称加密实现身份认证与密钥交换,再结合对称加密确保数据传输的机密性与完整性。在金融、政务等对自主可控有严格要求的领域,采用符合国家密码管理局标准的国密算法(SM2/SM3/SM4)替代国际通用算法(如RSA/SHA-256/AES),已成为满足安全合规要求的关键技术路径。国密SSL不仅是一套算法替换,更涉及从底层密码库到上层应用服务的完整技术栈改造。其核心价值在于实现密码技术的自主可控,提升特定场景下的安全防

weixin_29323365的博客 496

黄金分割——设计师的设计利器

设计师在设计的时候,总会遇到这样那样的问题,和人PK不断,修改不断。界面区域多大合适呢?ICON多大?颜色区间多少?为什么这么定义?什么是普世的美?很多UIer都说,50%靠设计,50%靠交流,那么在交流的时候如何说服别人呢?ADS定位、用户群、用户环境、调研都可以作为参考的依据,在这里再向大家介绍一下我们身边存在的黄金分割,希望作为设计的利器,或创作或PK。 一.植...

weixin_33834628的博客 208

DeepFashion 服装识别:基于 YOLOv10 的深度学习实现与 UI 界面开发

随着深度学习的发展,目标检测算法在服装识别任务中表现出色,特别是 YOLO(You Only Look Once)系列模型。服装识别(Fashion Recognition)是计算机视觉领域的重要任务,广泛应用于。已提供,可用于服装分类、款式识别、虚拟试衣等应用。训练服装识别模型,并开发。

YOLO 802

财务惊呼“不可能”!Python 自动识别 PDF 发票,数据秒级录入系统

电子发票(原生 PDF):这种最爽,文字是可以选中的。我们用 PyPDF2 直接提取文本,速度快,准确率 100%。 纸质扫描/拍照发票:这种是图片。必须上 OCR(光学字符识别)。我们要用百度开源的 PaddleOCR,这是目前中文识别效果最好的开源库之一,吊打早已过气的 Tesseract。

BUG猿的博客 1024

网页配色之黄金分割法[转载]

众所周知,数学上有一个黄金分割点--0.618。据说用次比例数分割是最具美感的,从美眉身材到高楼建筑,从艺术到绘画无不出其之左,因此被称为"神奇的"黄金分割点。与此同时,人们也对其进行了大量的研究,研究结果更是大量的"神奇"说法。不过,我辈是现实主义者,"神奇"就不谈了,还是看看咋用它的"神奇"解决我的问题吧--网页配色之黄金分割法。  诸位制作过烘培鸡(Homepage)的大虾们都知道,制作网页...

weixin_34281537的博客 267

C#图像处理:OpenCVSharp实现简单人脸识别

人脸识别是计算机视觉领域中的一个重要研究方向,它可以通过分析和比对人脸图像,实现识别和验证的功能。希望通过这篇文章的学习,你对OpenCVSharp和人脸识别有了初步的了解,并能够运用这些知识进行自己的项目开发。当我们运行程序时,它会加载人脸识别模型并读取待识别的图像,然后进行人脸检测并在图像上标记出检测到的人脸位置。当然,这只是一个入门级的示例,实际的人脸识别系统还需要更加复杂的算法和大量的训练数据来提高准确性和鲁棒性。最后,我们遍历检测到的人脸,并在原始图像上绘制矩形框,标记出检测到的人脸位置。

WELL_CODER的博客 1129

网页配色之黄金分割法 优漫动游

妇孺皆知,数学上有一个黄金分隔点--0.618。传闻用次比率数分隔是最具美感的,从美眉身体到高楼兴办,从事艺术工作术到美术无不出其之左,所以被称为"神秘的"黄金分隔点。

UIKKA的博客 1713

从入门到精通!Arduino 全栈开发深度指南

本文围绕 Arduino 开发撰写全攻略,从基础入门到高级应用层层递进。开篇介绍 Arduino 概念、优势及硬件家族,引导读者完成开发环境搭建与首个 LED 闪烁项目;深入讲解编程语法、I/O 控制及通信协议;详细阐述传感器、模块应用与调试优化技巧;最后以自定义库开发、低功耗设计等高级内容收尾,并给出综合项目案例与产品化思路。无论新手入门,还是开发者进阶,均可从中系统学习 Arduino 知识,掌握从理论到实践的全流程开发技能。

邓邓子的博客 2754

01-系统技术架构师必备——软件架构设计基础与核心概念

摘要 本文系统阐述了软件架构设计的核心概念与方法论,重点涵盖以下内容:1)软件架构的四大要素(构件、连接件、约束、配置)及其边界划分;2)Garlan & Shaw五大架构风格(数据流、调用/返回、独立构件、虚拟机、仓库)的典型应用场景;3)基于电商库存系统的架构选型实战案例,展示如何根据业务需求(高并发、最终一致性)选择事件驱动架构配合Saga模式;4)介绍ABSD、DSSA等主流架构方法论及ISO/IEEE标准体系。文章融合金融与互联网领域的架构实践经验,为技术架构师提供系统性的知识框架和决策参考。

模界 | AI工程化实践者 181

VS Code Remote-SSH远程开发实战:环境一致与原子化开发

远程开发本质上是解决本地与服务器间环境不一致和操作割裂的核心问题。其原理基于SSH协议建立安全隧道,在远端运行VS Code Server,将编辑、调试、终端等能力下沉至目标环境,实现代码即写即跑的原子化闭环。技术价值在于消除‘本地写→远程部署’的冗余环节,保障Python解释器版本、系统路径、依赖库等全栈一致性,显著提升Docker、Flask等云原生场景下的调试效率与协作可靠性。本文聚焦VS Code连接SSH远程服务器的完整链路,涵盖密钥配置、SSH Config优化、Server安装故障排查及多环境

weixin_34290631的博客 417

大中型超市收银系统(可直接运行)

光步前台收银系统系统功能:商品销售、商品退货、挂单、收银员权限、会员销售、单品取消、整单取消、商品查询、脱机销售、脱机数据上传,基本资料下载,开钱箱、小票打印、收款结算,支持多币种付款方式(现金、储值卡、礼券、微信等),支持多种促销。运行环境:.net 4.0登陆信息用户名:1001 密码:123456内置商品信息,商品编码可输入00001000 - 00010000,测试效果相关功能键F5 结算 F9挂单 F11商品查询 F8退货 Insert单品取消 Del整单取消 F12开钱箱F2 会员 Ctrl+Z退出系统 Home 锁屏 相关源码待公开

网页配色方案及方法[网上配色文章集合

网页配色方案及方法[网上配色文章集合]  网页配色方案及方法大全,从网上收集的,陆续加入中,如果大家有好的,欢迎跟贴……  网友豆豆猫的网站里也有比较全的配色文章,建议去看看。网址是:http://color.ddcat.net  论坛里面已有的配色帖子(只找了精华帖)点击打开 [用WEB标准设计网站]颜色表 Color Table

3822

假人有限元模型

假人模型,车辆碰撞假人有限元模型,适合做乘员安全的研究者利用

IDEA的使用指南

IDEA基于java的使用手册,可以最快速的上手,在使用中不断的丰富自己的使用技巧.

关于网页配色

1。几个有用的网页 http://www.webjx.com/htmldata/2005-05-07/1115432686.html中英文颜色代码对照 http://www.zhaozi.cn/color.htm颜色代码选择器 http://www.cccen.com/javascript/dai/dai4.htm颜色代码直观感觉生成器 2。黄金分割法 众所周知,数学上有一个黄金分割点-...

weixin_30572613的博客 113

lwip-2.0.3

lwip是瑞典计算机科学院(SICS)的Adam Dunkels 开发的一个小型开源的TCP/IP协议栈。实现的重点是在保持TCP协议主要功能的基础上减少对RAM 的占用。

网页配色之黄金分割的方法

  看到“黄金分割网页配色的方法”不要感觉到奇怪,不要配色怎么黄金分割呢?其实,这个黄金分割,并不是数学上的专利。  众所周知,数学上有一个黄金分割点--0.618。据说用次比例数分割是最具美感的,从美眉身材到高楼建筑,从艺术到绘画无不出其之左,因此被称为"神奇的"黄金分割点。与此同时,人们也对其进行了大量的研究,研究结果更是大量的"神奇"说法。不过,我辈是现实主义者,"神奇"就不谈了,还是看看咋

南三方---网站设计开发录 661

网页背景色设计全攻略

  众所周知,数学上有一个黄金分割点——0.618.据说用次比例数分割是最具美感的,从美眉身材到高楼建筑,从艺术到绘画无不出其之左,因此被称为"神奇的"黄金分割点。与此同时,人们也对其进行了大量的研究,研究结果更是大量的"神奇"说法。不过,我辈是现实主义者,"神奇"就不谈了,还是看看咋用它的"神奇"解决我的问题吧——网页配色之黄金分割法。   诸位制作过烘培鸡(Homepage)的大虾们都知道,制

南三方---网站设计开发录 824

HTML5如何把圆分成六等分,Photoshop怎么把一个圆64等分?

回答:利用黄金分割法。先做五等分,然后用圆内接正五边形的方法将圆二十等分。准备材料圆规,直尺。具体方法如下:方法一:先用圆半径大小在圆周上分六等份,再将相邻两等分点均分(具体方法为:分别用相邻两点画圆,将两圆的交点连线并交要等分的圆于一点,这点就是等分点)方法二:①以O为圆心,定长R为半径画圆,并作互相垂直的直径MN和AP。②平分半径ON,得OK=KN。③以点K为圆心,KA为半径画弧与OM交于点H...

weixin_42522400的博客 2841

联盟网站制作与后台开发版

《中国PHOTOSHOP联盟网站制作与后台开发版------&gt;新手必读》网页设计之设计之前篇||国际网页Web设计流程 ||主页制作全攻略||怎样设计网页||网页上的视觉传达与艺术表现||主页的艺术处理||网站开发项目需求分析||网站的整体风格和创意设计||主页的艺术处理||漫谈网站开发规范||简明 HTML CSS 开发规范 || 怎样树立网站的风格||网站设计65条原则||网页美术基础|...

happmaoo的专栏 140
上一篇: 搜索引擎优化工具-网站优化工具
下一篇: jscript错误代码及相应解释
HPsoft
博客等级 码龄23年 3粉丝 19原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值