很多人做网站图文设计的时候，总觉得自己的作品不够美观、不够协调，其实问题可能就出在这个“比例”商，而黄金分割，就是帮你搞定比例的“万能工具”，大家不用懂复杂的公式，简单的套用就能让图文搭配更舒服、更显专业。今天就带大家一起来详细的了解一下。
先简单说下黄金分割：核心就是把一个整体分成两部分，较大的部分和整体的比例，等于较小部分和较大部分的比例，这个比值比值大概是0.618。咱们不用死记数值，记住“6:4”左右的比例感就行，这个比例通常会比较符合人的视觉习惯，看久了不疲劳，还会觉得协调自然。
1. 图片尺寸与布局：
按照黄金分割比例，网站里的Banner图、产品图、资讯配图，都能用到黄金分割。
比如首页Banner，不用做死板的正方形或1:1比例，按16:9（接近黄金分割衍生比例）来做，这样视觉延伸感更强；
如果是图文搭配区域，比如资讯详情页，图片占比60%-70%，文字占比30%-40%，重点图片突出，文字辅助说明，用户一眼就能抓住核心信息。
还有产品列表页的卡片设计，图片区域和文字描述区域也可以按黄金分割划分，图片区域稍大，文字区域紧凑，这样既不遮挡产品细节，还能让卖点清晰可见。
2. 文字排版：
用黄金分割找节奏，文字是网站的核心信息载体，排版乱了用户就不想看。比如标题和正文的大小比例，标题字号如果是24px，正文就用14-16px，这个比例接近0.618，层级感很明显，用户能快速区分标题和内容；还有行间距，正文行间距设为字号的1.5-1.6倍，也是黄金分割的延伸应用，读起来不拥挤、不费力。
另外，页面文字区域的宽度，也可以按黄金分割来定，比如页面总宽度1200px，文字区域就设为740px左右（1200×0.618），剩下的空间留作边距，避免文字拉得太宽导致阅读疲劳。
3. 图文组合：
按黄金分割定焦点。有时候网站需要在一张图上叠加文字或按钮，这时候黄金分割能帮你找对“视觉焦点”。
比如在产品宣传图上放卖点文字，别放在正中间，而是放在图片的黄金分割点上：比如左上、右下这两个位置（把图片想象成一个矩形，画两条横线和两条竖线，按黄金分割比例划分，交叉点就是焦点）。这样的布局能引导用户的视线先落到核心卖点上，再扩散到整个图片，让信息传递更高效。
最后提醒一下大家：
黄金分割是参考，不是硬规定，咱们也不用精准到小数点后三位去计算，只要把握“6:4”的比例感就行。比如有时候也要根据内容需求，把比例调整成7:3，只要视觉上协调，也完全可以。主要就是用户体验好就行。
其实黄金分割的本质，就是让设计“顺应视觉规律”。不管是图片尺寸、文字排版，还是图文组合，按这个思路来设计，相信都能帮助网站提升质感，用户浏览起来也更舒服。
