面性 icon 一般看起来比较“重”,以至于当你把 icon 放到文本旁边时, icon 比文本显眼得多,看起来很不平衡。 不同于字体,icon 没有“字重”(除非你在用 SF Symbols),你也很难去精确调整 icon 的粗细。 这时候,一个简单有效的办法是用浅一点的颜色降低 icon 的对比度。这个方法可以广泛运用在需要平衡两个元素的重量的场景。 <img src="https://imagedelivery.net/phxEHgsq3j8gSnfNAJVJSQ/NODE2_F042113C-C07F-48F5-9660-7CB7CAD491A9/public" style="background-color:initial;max-width:min(100%,360px);max-height:min(195px);;background-image:url(https://imagedelivery.net/phxEHgsq3j8gSnfNAJVJSQ/NODE2_F042113C-C07F-48F5-9660-7CB7CAD491A9/public);height:auto;width:100%;object-fit:cover;background-size:cover;display:block;" width="360" height="195"> <img src="https://imagedelivery.net/phxEHgsq3j8gSnfNAJVJSQ/NODE2_301112C5-86CE-4A84-8A66-32139DFA1FAA/public" style="background-color:initial;max-width:min(100%,360px);max-height:min(190px);;background-image:url(https://imagedelivery.net/phxEHgsq3j8gSnfNAJVJSQ/NODE2_301112C5-86CE-4A84-8A66-32139DFA1FAA/public);height:auto;width:100%;object-fit:cover;background-size:cover;display:block;" width="360" height="190">