设计中出现偏差或者错误其实是很正常也很普遍的现象，也许你只是想尽快完成一个设计项目而仓促地提升进度，也可能是因为项目本身的复杂度过高，你忽略的某些问题。但是无论是怎么造成，总得试图解决问题，修复不完美的设计。



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

　　1、不合理的排版

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

　　一般而言，对于大段的文本网站内容，行间距最好是文字高度的120%到150%。上海网站设计网页创作的时候就必须将网站的整体设计与网页设计的相关原理紧密结合起来。网站设计是将策划案中的内容、网站的主题模式，以及结合自己的认识通过艺术的手法表现出来；而网页制作通常就是将网页设计师所设计出来的设计稿，按照W3C规范用HTML语言将其制作成网页格式。对于较小的文本，考虑到移动端的用户使用场景，这个行间距可能还得在提高一些，这样 才能确保舒适的阅读体验。

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

　　另一方面，整个页面排版的行间距的比例要保持一致，这样能让视觉上更加统一，也能够强化同类、相关元素的关联性，增加通顺性。



　　2、所有元素尺寸一样

　　所有的图片尺寸都一样，所有的文本都一样大小，所有的按钮都一样的样式，这样的 ;一致 ;看起来不错，但是实际上会显得更加无聊。

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

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



　　3、忽略层次

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

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

　　在确定了重要性优先级之后，层次结构的设计思路就可以基本确定了。上海做网站购买空间。空间，顾名思义，就是存放网页内容的地方了。一个网站的程序，数据，全部都放在这个里面。新手的话建议先用空间学习一下，后续比较高级一点的还有VPS，服务器。选择空间商商要注意售后服务，稳定性，访问速度，最好是像上海这样骨干节点城市的机房。首图、标题等元素是承载重要信息的载体，而可以引导用户行为的CTA按钮、输入框等元素，则能在交互的层面上，强化网站内容的效力。所有的这些东西，在设计网页的层次结构的时候，应该系统的考虑。



　　4、忽视基础功能

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

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

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



　　5、不够简练的文案

　　网页中的文案是需要反复推敲的。上海网站设计网页创作的时候就必须将网站的整体设计与网页设计的相关原理紧密结合起来。网站设计是将策划案中的内容、网站的主题模式，以及结合自己的认识通过艺术的手法表现出来；而网页制作通常就是将网页设计师所设计出来的设计稿，按照W3C规范用HTML语言将其制作成网页格式。

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

　　清晰简练的语言文案是维持用户兴趣、推动交互继续的动力。



　　6、低分辨率

　　清晰度不足的图片绝对是设计的硬伤。上海做网站购买空间。空间，顾名思义，就是存放网页内容的地方了。一个网站的程序，数据，全部都放在这个里面。新手的话建议先用空间学习一下，后续比较高级一点的还有VPS，服务器。选择空间商商要注意售后服务，稳定性，访问速度，最好是像上海这样骨干节点城市的机房。现如今的高清的屏幕无处不在，低分辨率的图片在如今的屏幕上无所遁形。

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

　　当然，最重要的一点在于，使用低分辨率的图片，还不如干脆不使用。上海做网站购买空间。空间，顾名思义，就是存放网页内容的地方了。一个网站的程序，数据，全部都放在这个里面。新手的话建议先用空间学习一下，后续比较高级一点的还有VPS，服务器。选择空间商商要注意售后服务，稳定性，访问速度，最好是像上海这样骨干节点城市的机房。



　　7、太多机巧

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

　　它们确实是提升趣味性、吸引用户注意力的重要手段，但是同样需要谨慎使用。

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

　　结语

　　如果你的设计当中出现了这些问题，请不要担心。它们的解决方案并不复杂，通常也不需要经过复杂的重设计来完善，只需要进行适当的调整即可。

　　CARRIE COUSINS

　　designshack

　　译者：@陈子木

　　译文