网站详情页部分的设计优化，是未来关键性设计趋势之一。它要求尽量不让任何东西妨碍用户获取内容。为什么这样说呢？因为这是在搜索引擎和用户体验角度去分析的，现在用户基本上是以关注网站提供的内容是否对自己有用为主，而非其他。

那么，网站详情页部分的设计优化，也就是我们说的内容体验设计，为了内容本身来塑造设计而营造出的用户体验设计优化概念，就顺其自然地形成了。为了顺应这一趋势，设计师在视觉上应着眼于：

1. 清晰的视觉层级：好的层次结构能让用户更好更快获取信息。

2. 功能性的极简设计：去除不必要的元素，提供更为清晰的、更有针对性的体验。

3. 留白：提升布局呼吸感，提升用户的浏览体验。

影响内容体验的七种设计

1. 排版不合理

排版设计出问题，首当其冲的空间设计不合理。段间距和行间距是文本内容常见的空间控制变量，虽然有的排版会因为间隙过大而显得松散，但其实最常见的问题其实是排布布局上过于紧密，没有呼吸感，导致设计看起来很混乱，可读性相当低。

一般而言，对于大段的文本内容，行间距最好是文字高度的120%到150%。对于较小的文本，考虑到移动端的用户使用场景，这个行间距可能还得在提高一些，这样 才能确保舒适的阅读体验。

但是，不论是怎样控制，核心始终在于确保阅读体验是愉悦而恰到好处的。拥有恰当而富有流动性的排版，视觉上才会令人舒适。间距太大太小都不合适。另一方面，整个页面排版的行间距的比例要保持一致，这样能让视觉上更加统一，还能够强化同类和相关元素的关联性，以此增加可读性。

2. 元素尺寸一样

所有的图片尺寸都一样，所有的文本都一样大小，所有的按钮都一样的样式，这样的“一致”看起来不错，但是实际上会显得更加无聊。网页中的许多元素可以一致，但是不能完全一样，这是两个概念。基于不同的需求，不同位置的按钮尺寸，是绝不能完全一样，但它们可沿用相同的样式，同时设计几个相对固定的尺寸比例，这样也可更好的严格控制整个视觉和体验。

坦白说，图片在网页框架中的使用就是一个最好的实例。不同页面的首图尺寸是一样，其中的图片如要应用到不同整个布局的其他某个位置的时候，直接按比例缩小，这样的话，元素视觉重量将直接降低，信息传达的有效性也随之降低。最好的状况是，能根据整个网页框架布局的需求，基于原图有针对性地进行切图。

3. 层次被忽略

我们所看到的绝大多数的网页是需要通过精心组织的层次结构来呈现内容的，毕竟网页内容也是遵循 80/20 法则的，20%的内容常常能够拥有80%的重要性。这也使得网页的层次结构如此的重要。

网页中不同的内容是有轻重缓急的，而这种重要性不论是基于设计的需求还是用户的需求，都是能够进行判断和划分的。与此同时，用户在快速浏览内容的时候，重要的内容应当置于重要的、易于扫视查看的位置。在我们之前的《F式布局》的文章当中，对此有详细的陈述。

在确定了重要性优先级之后，层次结构的设计思路就可以基本确定了。首图、标题等元素是承载重要信息的载体，而能够引导用户行为的CTA按钮、输入框等元素，则能在交互的层面上，强化内容的效力。所有的这些东西，在设计网页的层次结构的时候，应该系统的考虑。

4. 基础功能被忽视

网页的可用性始终是摆在易用性之前的。我想你也有过这样的经验：打开网页之后经过漫长的等待而网页无法加载；点击一个按钮而没有相应的反馈；想找到网页背后所有者的联系方式，但是在About Us 的页面中一无所获。

这些基础的工作都需要设计师用心做好。确保网页的基础功能都能够顺畅的使用，正确的反馈，而这些基本的可用性问题，常常出现在搜索框、导航、页脚甚至业务逻辑当中。

在网页当中，不同类型的元素涉及到不同类型的内容，即使文本和图片也常常带有链接，或者牵涉到特定的功能或者交互，而用户对于这些功能是有预期的。可用的按钮、链接等基础功能，以此确保信息的完整性以及功能的完整性，这样的话，用户才能真正信任网页本身。

5. 文案冗余

网页中的文案是需要反复推敲的。

许多网页在使用文案的时候，不够简练，用户很容易在浏览过程中迷失。人集中注意力的时间始终是有限的，所以，尽量在交互和UI中使用明确、精准的描述性的语言，直接地指引用户，清晰地阐明交互的结果。清晰简练的语言文案是维持用户兴趣、推动交互继续的动力。

6. 低分辨率

清晰度不足的图片绝对是设计的硬伤。现如今的高清的屏幕无处不在，低分辨率的图片在如今的屏幕上无所遁形。

随着网络的覆盖和带宽的拓展，大尺寸的图片和文件已经慢慢成为标准了。当你需要精准地控制图片尺寸和屏幕分辨率完全对应起来，也可以参考响应式设计，借助断点来控制显示的尺寸。当然，最重要的一点在于，使用低分辨率的图片，干脆别用。

7. 技巧太多

过多的轮播形式图片，繁复的特效，太多的设计趋势，当常见的设计技巧和效果，在网页上发生堆积，会很容易稀释网页中真正重要内容。不同寻常的色彩，奇特的动画，巨幅的图片，这些真正抓人眼球的元素应该有针对性、有计划地使用。它们确实是提升趣味性、吸引用户注意力的重要手段，但是同样需要谨慎使用。

综上所述，想做好内容体验设计，就不能犯错，大家可千万要注意了，以上这些雷区千万不能踩。否则会取得适得其反的效果，那甲方改起稿件来可是不要不要的。

原文链接：https://www.jin-you.com/news/industry/223.html