pk10走势软件 pk10开奖记录哪里下载 必中pk10计划软件 pk10自定义算法 pk10助赢免费手机软件 赛车pk10六码技巧规律 手机破解版助赢pk10 pk10彩票网导航平台 pk10公式 pk10和值稳赚法 飞艇pk10计划 赛车pk10大小规律 pk10赛车开奖记录照片 pk10全天计划精准网 pk10走势图怎么看大小 pk10号码走势图解说 天天pk10免费计划软件 pk10走势教学 pk10买法345678 西红柿计划pk10软件 pk10人工在线计划平台 pk10杀号统计分析 pk10七码稳赚 pk10技巧北京赛车 pk10开位号杀下期一码 pk10北京福利彩票 pk10专家杀号 pk10讲解选号技巧 pk10每期开奖数据 pk10两面长龙走势
当前位置: 首页 > 设计教程 > 平面设计理论 > 容易影响网页内容的7大设计误区

容易影响网页内容的7大设计误区

容易影响网页内容的7大设计误区

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

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

1、不合理的排版

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

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

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

另一方面,整个页面排版的行间距的比例要保持一致,这样能让视觉上更?#27833;?#19968;,也能够强化同类、相关元素的关联性,增加可读性。

2、所有元素尺寸一样

所有的?#35745;?#23610;寸都一样,所有的文本都一样大小,所有的按钮都一样的样式,这样的“一致”看起来不错,但是实际上会显得更加无聊。

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

其实这当中,?#35745;?#22312;网页框架中的使用就是一个最好的实例。不同页面的首图尺寸是一样,其中的?#35745;?#22914;果要应用到不同整个布局其他的位置的时候,直?#24433;?#27604;例缩小,其中的元素视觉重量会直接降低,信息传达的?#34892;?#24615;也随之降低。最理想的状况,是根据整个网页框架布局的需求,基于原图有针对性地进行切图。

3、忽略层次

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

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

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

4、忽视基础功能

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

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

在网页当中,不同类型的元素涉及到不同类型的内容,即使文本和?#35745;?#20063;常常带有链接,或者牵涉?#25945;?#23450;的功能或者交互,而用户?#26434;?#36825;些功能是有预期的。可用的按钮、链接?#28982;?#30784;功能,确保了信息的完整性和功能的完整性,只有这样,用户才能信任网页本身。

5、不够简练的文案

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

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

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

6、?#22836;直?#29575;

清晰度不足的?#35745;?#32477;对是设计的硬伤。现如今的高清的?#32842;?#26080;处不在,?#22836;直?#29575;的?#35745;?#22312;如今的?#32842;?#19978;无所遁形。

随着网络的覆盖和带宽的拓展,大尺寸的?#35745;?#21644;文件已经慢慢成为标准了。当你需要精准地控制?#35745;?#23610;寸?#25512;聊环直?#29575;完全?#26434;?#36215;来,也可以参考响应式设计,借助断点来控制显示的尺寸。

当然,最重要的一点在于,使用?#22836;直?#29575;的?#35745;?#36824;不如干脆不使用。

7、太多机巧

过多的插画,繁复的特效,太多的设计趋势,当常见的设计技巧?#25176;?#26524;在网页?#38553;?#31215;起来的时候,会很容易稀释网页中真正重要内容。不同寻常的色彩,奇特的动画,巨幅的?#35745;?#36825;些真正抓?#25628;?#29699;的元素应该有针对性、有计划地使用。

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

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

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

分享到: 
banner设计的几个实用性策略
如何利用平衡原则设计封面
可靠的北京pk10平台