POST TIME:2018-12-03 17:54
设计中出现误差或者错误其实是很正常也很遍及的现象,也许你只是想尽快完成一个设计项目而仓促地提升进度,也可能是因为项目自己的复杂度过高,你忽略的某些问题。但是无论是怎么造成,总得试图解决问题,修复不完美的设计。
而今天我们要探讨的核心是影响你的网页内容的设计误区,这些误区有的让网站的信息无法正确的传达,有的让人感到迷惑,这些问题可能会导致用户无法接受,理解错误,甚至感到不适。那么,有哪些常见的影响内容的设计问题需要规避呢?
1、分歧理的排版
排版设计出问题,首当其冲的空间设计分歧理。段间距和行间距是文本内容常见的空间控制变量,虽然有的排版会因为间隙过大而显得松散,但是更常见的问题其实是排布布局过于紧密,缺乏呼吸感,这可能会让设计看起来混乱,可读性低下。
一般而言,对于大段的文本内容,行间距最好是文字高度的120%到150%。对于较小的文本,考虑到移动端的用户使用场景,这个行间距可能还得在提高一些,这样 才能确保舒适的阅读体验。
但是,岂论是怎样控制,核心始终在于确保阅读体验是愉悦而恰到好处的。拥有恰当而富有流动性的排版,视觉上才会令人舒适。间距太大太小都分歧适。
另一方面,整个页面排版的行间距的比例要连结一致,这样能让视觉上更加统一,也能够强化同类、相关元素的关联性,增加可读性。
2、所有元素尺寸一样
所有的图片尺寸都一样,所有的文本都一样大小,所有的按钮都一样的样式,这样的“一致”看起来不错,但是实际上会显得更加无聊。
网页中的许多元素可以一致,但是不能完全一样,这是两个概念。基于差别的需求,差别的位置的按钮尺寸是不能完全一样的,但是它们可以沿用相同的样式,而且设计几个相对固定的尺寸比例,这样也可以更好的控制整个视觉和体验。
其实这傍边,图片在网页框架中的使用就是一个最好的实例。差别页面的首图尺寸是一样,其中的图片如果要应用到差别整个布局其他的位置的时候,直接按比例缩小,其中的元素视觉重量会直接降低,信息传达的有效性也随之降低。最抱负的状况,是按照整个网页框架布局的需求,基于原图有针对性地进行切图。
3、忽略层次
我们所看到的绝大多数的网页是需要通过精心组织的层次结构来呈现内容的,终究网页内容也是遵循 80/20 法则的,20%的内容常常能够拥有80%的重要性。这也使得网页的层次结构如此的重要。
网页中差别的内容是有轻重缓急的,而这种重要性岂论是基于设计的需求还是用户的需求,都是能够进行判断和划分的。与此同时,用户在快速浏览内容的时候,重要的内容应当置于重要的、易于扫视查看的位置。在我们之前的《F式布局》的文章傍边,对此有详细的陈述。
在确定了重要性优先级之后,层次结构的设计思路就可以基本确定了。首图、标题等元素是承载重要信息的载体,而能够引导用户行为的CTA按钮、输入框等元素,则能在交互的层面上,强化内容的效力。所有的这些东西,在设计网页的层次结构的时候,应该系统的考虑。
4、忽视基础功能
网页的可用性始终是摆在易用性之前的。我想你也有过这样的经验:打开网页之后经过漫长的等待而网页无法加载;点击一个按钮而没有相应的反馈;想找到网页背后所有者的联系方式,,但是在About Us 的页面中一无所获。
这些基础的工作都需要设计师用心做好。确保网页的基础功能都能够顺畅的使用,正确的反馈,而这些基本的可用性问题,常常出现在搜索框、导航、页脚甚至业务逻辑傍边。
在网页傍边,差别类型的元素涉及到差别类型的内容,即使文本和图片也常常带有链接,或者牵涉到特定的功能或者交互,而用户对于这些功能是有预期的。可用的按钮、链接等基础功能,确保了信息的完整性和功能的完整性,只有这样,用户才能信任网页自己。
5、不够简练的案牍
网页中的案牍是需要反复推敲的。