木梓设计整理编辑（ID：umthink365）
来源：medium（作者:Pascal Barry)
01 /使用上的文字图像的颜色叠加
有时候你不得不工作的一些蹩脚的图像。通过在半透明的设置上覆盖品牌颜色，尝试将它们更像是背景纹理而不是主要焦点元素。这将为你提供必要的对比，以使覆盖的文本可读。在下面的示例中，我还对文本应用了深蓝色阴影，以进一步增强对比度。
02 /不要过度使用负空间
设计师喜欢负空间，我们总是听到我们应该如何在网络上拥有更多负空间。但是，当属于在一起的元素之间存在过多的负空间时，眼睛会结结巴巴，掉入空虚的空隙中，而不是轻易流过连接的元素。
03 /没有人喜欢“沙拉”一词。
任何浏览过网站分析的人都知道，你只有很少的时间来吸引某人的注意力。讲到重点。
04 /甚至纯文本的布局也应该在视觉上吸引人。
着陆页的纯文本部分可能很难设计，尤其是在你没有机会或资源使用插图，肖像或摄影的情况下。着眼于你的品牌颜色和印刷细节，以快速赢得你的设计。
05 /图标很小，插图很大。
图标很棒，但是他们应该知道自己的位置。这些家伙天生简单，喜欢扮演配角。大把它们炸掉，现在你只有一个不好的例证。如果你使用带有标题的图标，则希望标题首先弹出。
06 /尽量少用字母间距。
有很多方法可以使用字母间距来巧妙地改善印刷效果，但是如果你不是经验丰富的印刷师，则可以坚持在所有大写字母标题上增加一些字母间距。在句子大小写的文本中增加额外的字母间距可能会产生可读性问题，并破坏字体设计的自然节奏。
07 /在常见问题解答中观察行长常见。
问题解答部分可能是网络上行列过长的罪魁祸首。最佳行长度在45到75个字符之间，包括空格和标点符号。最佳行长度在45到75个字符之间，包括空格和标点符号。
08 /向我显示值
在此示例中，真正的价值主张隐藏在几乎不可读的字幕中。还有一个容易的机会，可以通过增加真实用户的面孔来为社交证明增加真实性。
09 /没有人喜欢小小的文本。
在此示例中，CSS使用了可变的Web排版，从而创建了正文复制为11px，导航链接为9px的方案。现在，浏览器的默认字体大小为16px已有20年了-使用专为屏幕设计的现代字体，并以18–20px开始正文复制。
10 /应用赔率法则。
布局将更多的打孔器包含奇数个元素。如果你要提出4分，请尝试通过将2分组合在一起在3中说同样的话。如果这不可能，请优先考虑你的观点并削减最薄弱的一面。警惕在下面的示例中将布局设置为5，因为这会感觉到认知超负荷。
11 /处理认知超负荷。
尽可能合并并减少你的分数。在标题之间创建大小对比，并进行复制以改善视觉层次，并在你有很多话要说时使用负片空间来创建更平静的体验。
12 /使用亮色作为重点
在大范围使用亮色会使你陷入对比度问题，从而可能无法满足文本的基本可访问性要求。在按钮等较小的元素上，你可能需要避免使用白色文字。
13 /总是检查灰色文字的对比度
使用灰色文字是一种流行的技术来创建文本元素间的层次结构。但这通常会导致严重的可访问性问题，文字缺乏足够的对比度。如果需要建立更清晰的视觉层次结构，请使用在线工具检查对比度，并增加字体大小的对比度。
分享最新鲜的设计文章！提供最优质的设计服务！
合作微信：umthink1080
Our Work ★★★★★
平面设计 / LOGO设计 / UI设计 / 交互设计 / 三维建模 /
海报设计 / 易拉宝 / 三折页 / 宣传单 / 画册 / 产品包装 /
网站设计 / APP设计 / H5设计 / ICON设计 / 小程序设计
长按二维码关注
解锁更多精彩设计
木梓设计
微信号 : umthink1080
优网科技秉承"专业团队、品质服务" 的经营理念，诚信务实的服务了近万家客户，成为众多世界500强、集团和上市公司的长期合作伙伴！
优网科技成立于2001年，擅长网站建设、网站与各类业务系统深度整合，致力于提供完善的企业互联网解决方案。优网科技提供PC端网站建设（品牌展示型、官方门户型、营销商务型、电子商务型、信息门户型、DIY体验、720全景展厅及3D虚拟仿真）、移动端应用（手机站、APP开发）、微信定制开发（微信官网、微信商城、企业微信）、微信小程序定制开发等一系列互联网应用服务。
公安局备案号：
专属顾问
