<dd id="rcs5i"><tr id="rcs5i"></tr></dd>
    <div id="rcs5i"></div>

    <div id="rcs5i"></div>

      1. <div id="rcs5i"></div>

        当前位置: 首页 > 设计教程 > 平面设计理论 > 容易影响网页内容的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设计的几个实用性策略
        如何利用平衡原则设计封面
        ڿ¡

        <dd id="rcs5i"><tr id="rcs5i"></tr></dd>
          <div id="rcs5i"></div>

          <div id="rcs5i"></div>

            1. <div id="rcs5i"></div>

              <dd id="rcs5i"><tr id="rcs5i"></tr></dd>
                <div id="rcs5i"></div>

                <div id="rcs5i"></div>

                  1. <div id="rcs5i"></div>