影响网页内容的七种设计误区-龙8国际

影响网页内容的七种设计误区

设计中出现偏差或者错误其实是很正常也很普遍的征象，大概你只是想尽快完成一个设计项目而仓促地提拔进度，也可能是由于项目自己的复杂度过高，你忽略的某些题目。但是无论是怎么造成，总得试图解决题目，修复不完善的设计。

而今天我们要探究的核心是影响你的网页内容的设计误区，这些误区有的让网站的信息无法精确的传达，有的让人感到疑惑，这些题目可能会导致用户无法接受，理解错误，甚至感到不适。那么，有哪些常见的影响内容的设计题目必要规避呢?

1、不合理的排版

排版设计出题目，首当其冲的空间设计不合理。段间距和行间距是文本内容常见的空间控制变量，虽然有的排版会由于间隙过大而显得松散，但是更常见的题目其实是排布布局过于紧密，缺乏呼吸感，这可能会让设计看起来紊乱，可读性低下。

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

但是，不论是怎样控制，核心始终在于确保阅读体验是愉悦而恰到益处的。拥有恰当而富有流动性的排版，视觉上才会令人舒适。间距太大太小都不合适。

另一方面，整个页面排版的行间距的比例要保持同等，如许能让视觉上更加同一，也能够强化同类、相干元素的关联性，增长可读性。

2、所有元素尺寸一样

所有的图片尺寸都一样，所有的文本都一样大小，所有的按钮都一样的样式，如许的“同等”看起来不错，但是现实上会显得更加无聊。

网页中的很多元素可以同等，但是不能完全一样，这是两个概念。基于不同的需求，不同的位置的按钮尺寸是不能完全一样的，但是它们可以相沿雷同的样式，并且设计几个相对固定的尺寸比例，如许也可以更好的控制整个视觉和体验。

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

3、忽略条理

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

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

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

4、忽视基础功能

网页的可用性始终是摆在易用性之前的。我想你也有过如许的经验：打开网页之后经过漫长的等待而网页无法加载;点击一个按钮而没有响应的反馈;想找到网页背后所有者的联系体例，但是在about us 的页面中一无所得。

这些基础的工作都必要设计师埋头做好。确保网页的基础功能都能够顺畅的使用，精确的反馈，而这些基本的可用性题目，常常出如今搜索框、导航、页脚甚至营业逻辑当中。

在网页当中，不同类型的元素涉及到不同类型的内容，即使文本和图片也常常带有链接，或者牵涉到特定的功能或者交互，而用户对于这些功能是有预期的。可用的按钮、链接等基础功能，确保了信息的完备性和功能的完备性，只有如许，用户才能信赖网页自己。

5、不够简练的文案

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

很多网页在使用文案的时候，不够简练，用户很容易在欣赏过程中迷失。人集中细致力的时间始终是有限的，所以，尽量在交互和ui中使用明确、精准的描述性的语言，直接地指引用户，清晰地阐明交互的效果。

清晰简练的语言文案是维持用户爱好、推动交互继承的动力。

6、低分辨率

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

随着网络的覆盖和带宽的拓展，大尺寸的图片和文件已经慢慢成为标准了。当你必要精准地控制图片尺寸和屏幕分辨率完全对应起来，也可以参考相应式设计，借助断点来控制表现的尺寸。

当然，最紧张的一点在于，使用低分辨率的图片，还不如干脆不使用。

7、太多机巧

过多的插画，繁复的殊效，太多的设计趋势，当常见的设计技巧和结果在网页上堆积起来的时候，会很容易稀释网页中真正紧张内容。不同平凡的色彩，奇特的动画，巨幅的图片，这些真正抓人眼球的元素应该有针对性、有计划地使用。

它们确实是提拔趣味性、吸引用户细致力的紧张手段，但是同样必要郑重使用。

当你想要使用特定的设计元素、采用流行的设计趋势或技巧的时候，选择一个思路，尽量主次分明。许多时候，一个设计趋势，比三个趋势叠起来更有效。

结语

假如你的设计当中出现了这些题目，请不要忧虑。它们的龙8国际的解决方案并不复杂，通常也不必要经过复杂的重设计来完美，只必要进行适当的调整即可。

原文作者：carrie cousins

来源：designshack

译者：@陈子木

译文地址：http://www.uisdc.com/7-design-mistakes-ruin-content