有没有注意过，当文字放在填充形状旁边时，其颜色看起来会变浅？
这就是字体平滑效果，它使文字感觉比原来的颜色浅，字体越小，这种视觉效果就越强烈。
左边的绿色文字似乎比绿色按钮的颜色浅。
右图--通过使用稍微深一点的绿色，这个问题就解决了。
有些字体使用过小字号会使文字感觉太细（又是字体平滑）。优秀的微文案可以提高产品的转化率，因此这些标签需要看起来更完美！
使用粗体字体-设计保持简洁，标签仍然很小，但更明显，也更容易阅读。
在背景图片上放置文字是一种常见的设计，如果图像是动态变化的，则需要一种方法来确保无论背景颜色如何变化，文字都能保持可读性。
可以通过使用渐变背景色来确保足够的对比度来实现：
处理经验：将行距设置比字号大 2pt-5pt。
将不同形状的物体放在一起，会产生一些意想不到的视觉错觉。
下面是称为 “穆勒-莱尔错觉”（Müller-Lyer illusion）的例子：
前两个形状感觉不对齐，尽管它们完全对齐。
两个箭头虽然线条完全相同，但感觉它们的长度不同。
这些视错觉会让你的设计感觉不准确，在这种情况下，你可能需要做一些调整，消除视觉错觉，让东西看起来对齐：
这是一个典型问题：
左边是按钮的圆形边缘造成的光学错位效果。
右边是解决这一问题的方法：一种名为 “Overshooting ”的技术（常用于字体），通过将按钮向左移动一点来弥补人类视觉感知的不准确性。
当列表使用不同的元素（不同的形状、边框或水平对齐方式）时，很可能会产生视觉错觉，使列表感觉有点不对齐：
左边案例的元素设计都略有不同（圆形、矩形、圆矩形），虽然有一个明确的对齐策略，但结果却给人一种扭曲的感觉。
解决方法：选择将所有圆角变成尖角，并将所有文本标签与边框对齐。
元素看起来一致，左对齐方式会更好用，整个列表也会感觉更整洁、设计更合理。
有没有觉得你使用的图标不整齐？
这里有几个图标，它们都来自同一个图标集，大小和对齐方式完全相同，但由于每个图标的性质（和光学重量）不同，图标集的对齐度并不高：
7.图标不对齐
左边的图标由于设计和物理中心不同，而感觉不对齐。
解决方法1：选择轮廓接近的图形（例如圆形），让它们看起来更一致。
解决方法2：对现有图标进行大小的微调，让时间看起来更均衡。
在处理三角形等不对称图形时，几何中心会造成一种视觉错觉，让人感觉图形的位置不对。
左边的例子完全居中（左右对齐），而右边的例子看起来更好。
解决的办法是轻移不对称的物体（中心锚点对齐），达到光学对齐。
从上面的例子可以看出：使用不同系列的图标（不同形状、不同重量）会让UI界面感觉不专业。确保选择具有相同色调、主题形状、重量和线宽的图标。
“添加到收藏夹 ”比只写 “收藏 ”更能说明按钮的作用，但在按钮下方写两行文字是不可接受的。它不仅看起来不对齐，而且还可能使按钮下方的内容变得复杂。
出现这种情况时，应该以设计取胜，并修改文本以适应设计限制：要么将所有按钮的标签改为两行，要么将 “添加到收藏夹 ”标签缩短为 “收藏”。
UX文案应该是设计的一部分。有些设计因素会决定文字的长度，而有些文字因素则会决定设计。
应该使用简洁文案的案例：
把没有必要的文字去掉，让描述变得简洁。
根据尼尔森-诺曼（Nielsen Norman）的说法：
可交互元素的尺寸必须至少为1厘米×1厘米，以提高点击可用性和体验。
苹果公司早在 12 年前就提出了这一观点，但现在还会经常看到难以点击的按钮。
解决方法：按钮尺寸（点击热区）应大于可视内容尺寸（无论是图标还是文本）。
听说过贾斯特罗错觉（又名：Boomerang illusion）吗？
如上图所示内部圆角的半径看起来更大，但这只是一种视觉错觉，实际两个半径是相同的。
在左边的案例中，边框和按钮都有相同的圆形边缘，但它们看起来并不一致。
解决方法：边框使用完全不同的圆角半径，从而消除视觉错觉。
过多的边框/线条会让设计看起来拥挤。
设计师经常谈到留白，但随着产品的发展和新功能的添加（有时没有经过适当的设计流程），边框和线就会被不知不觉添加进来：
去掉边框，改用留白来分隔每组元素，同时避免了杂乱。
使用透明色而不是纯灰色，可以让半透明文字与背景色相结合，感觉更自然。
优网科技秉承"专业团队、品质服务" 的经营理念，诚信务实的服务了近万家客户，成为众多世界500强、集团和上市公司的长期合作伙伴！
优网科技成立于2001年，擅长网站建设、网站与各类业务系统深度整合，致力于提供完善的企业互联网解决方案。优网科技提供PC端网站建设（品牌展示型、官方门户型、营销商务型、电子商务型、信息门户型、DIY体验、720全景展厅及3D虚拟仿真）、移动端应用（手机站、APP开发）、微信定制开发（微信官网、微信商城、企业微信）、微信小程序定制开发等一系列互联网应用服务。
公安局备案号：
专属顾问
