设计中出现误差或者错误其实是非常正常也非常常见的现象,或许你只不过想尽快完成一个设计项目而仓促地提高进度,也会是由于项目本身的复杂度过高,你忽视的某些问题。但无论是如何导致,总得试图形解析决问题,修复不好的设计。
而今天博久网络要分析的核心是影响你的网页内容的设计误区,这类误区有些让网站的信息没办法正确的传达,有些叫人感到迷惑,这类问题或许会致使用户没办法同意,理解错误,甚至感到不适。那样,有什么容易见到的影响内容的设计问题需要避免呢?
1、不适当的排版
排版设计出问题,首当其冲的空间设计不合理。段间距和行间距是文本内容容易见到的空间控制变量,虽然有些排版会由于间隙过大而看上去松散,但更容易见到的问题其实是排布布局过于紧密,缺少呼吸感,这或许会让设计看着混乱,可读性低下。
通常而言,对于大段的文本内容,行间距最好是文字高度的120%到150%。对于较小的文本,考虑到手机端的用户用场景,这个行间距可能还要在提升一些,如此 才能确保舒适的阅读体验。
但,不论是如何控制,核心一直在于确保阅读体验是愉悦而恰如其分的。拥有适合而富有流动性的排版,视觉上才会让人舒适。间距太大太小都不适合。
其次,整个页面排版的行间距的比率要维持一致,如此能让视觉上愈加统一,也可以强化相同种类、有关元素的关联性,增加可读性。

2、所有元素尺寸一样
所有些图片尺寸都一样,所有些文本都一样大小,所有些按钮都一样的样式,如此的“一致”看着很好,但事实上会看上去愈加无聊。
网页中的很多元素可以一致,但不可以完全一样,这是两个定义。基于不一样的需要,不一样的地方的按钮尺寸是不可以完全一样的,但它们可以沿用相同的样式,并且设计几个相对固定的尺寸比率,如此也可以更好的控制整个视觉和体验。
其实这当中,图片在网页框架中的用法就是一个最好的实例。不同页面的首图尺寸是一样,其中的图片假如要应用到不同整个布局其他的地方的时候,直接按比率缩小,其中的元素视觉重量会直接减少,信息传达的有效性也随之减少。最佳的情况,是依据整个网页框架布局的需要,基于原图有针对性地进行切图。

3、忽视层次
大家所看到的绝大部分的网页是需要通过精心组织的层次结构来呈现内容的,毕竟网页内容也是遵循 80/20 法则的,20%的内容常常可以拥有80%的重要程度。这也致使网页的层次结构这样的要紧。
网页中不一样的内容是有轻重缓急的,而这种重要程度不论是基于设计的需要还是用户的需要,都是可以进行判断和划分的。同时,用户在迅速浏览内容的时候,关键的内容应当置于关键的、易于扫视查询的地方。在大家之前的《f式布局》的文章当中,对此有详细的陈述。
在确定了重要程度优先级之后,层次结构的设计思路就能基本确定了。首图、标题等元素是承载要紧信息的载体,而可以引导用户行为的cta按钮、输入框等元素,则能在交互的层面上,强化内容的效力。所有些这类东西,在制作网站的层次结构的时候,应该系统的考虑。

4、忽略基础功能
网页的可用性一直是摆在易用性之前的。我想你也有过如此的经验:打开网页之后经过漫长的等待而网页没办法加载;点击一个按钮而没相应的反馈;想找到网页背后所有者的联系方法,但在about us 的页面中一无所获。
这类基础的工作都需要设计师用心做好。确保网页的基础功能都可以顺畅的用法,正确的反馈,而这类基本的可用性问题,常常出目前搜索框、导航、页脚甚至业务逻辑当中。
在网页当中,不相同种类型的元素涉及到不相同种类型的内容,即便文本和图片也常常带有链接,或者牵涉到特定的功能或者交互,而用户对于这类功能是有预期的。可用的按钮、链接等基础功能,确保了信息的完整性和功能的完整性,只有如此,用户才能信赖网页本身。

5、不够简练的文案
网页中的文案是需要反复推敲的。
很多网页在用文案的时候,不够简练,用户比较容易在浏览过程中迷失。人集中注意力的时间一直是有限的,所以,尽可能在交互和ui中用明确、精确的描述性的语言,直接地引导用户,明确地说明交互的结果。
明确简练的语言文案是保持用户兴趣、推进交互继续的动力。
6、低分辨率
明确度不足的图片肯定是设计的硬伤。而今的好看的的屏幕无处不在,低分辨率的图片在现在的屏幕上无所遁形。
伴随互联网的覆盖和带宽的拓展,大尺寸的图片和文件已经慢慢成为标准了。当你需要精确地控制图片尺寸和屏幕分辨率完全对应起来,也可以参考响应式设计,借用断点来控制显示的尺寸。
当然,非常重要的一点在于,用低分辨率的图片,还不如干脆不用。
7、太多机巧
过多的插画,繁复的特效,太多的设计趋势,当容易见到的设计方法和成效在网页上堆积起来的时候,会比较容易稀释网页中真正要紧内容。不同一般的色彩,奇特的动画,巨幅的图片,这类真正抓人眼球的元素应该有针对性、有计划地用。
它们确实是提高趣味性、吸引用户注意力的要紧方法,但同样需要小心用。
当你想要用特定的设计元素、使用时尚的设计趋势或方法的时候,选择一个思路,尽可能主次分明。有时候,一个设计趋势,比三个趋势叠起来更有用。
结语
假如你的设计当中出现了这类问题,请勿担忧。它们的解决方法并不复杂,一般也无需经过复杂的重设计来健全,仅需进行适合的调整即可。
推荐题目:成都网站制作—影响网页内容的设计有什么目前URL:https://www.cdcxhl.com/news/106427.html
网站制作、网络营销推广公司|博久网络,是专注品牌与成效的网站建设,网络推广营销网站优化公司;服务项目有网站制作等