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

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

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

        当前位置: 首页 > 设计教程 > 平面设计理论 > 如何设计出简单易用的网页

        如何设计出简单易用的网页

        坦率的讲在网页设计这件事情上简单的设计往往更好一个简单易用的界面更容易为用户所掌握也更容易将一个新用户转化为一个活跃用户

        面对庞杂的需求许多设计师总会身不由己地向着复杂的方向来设计网页那么到底要如何将一个已经比较复杂的网站简化下来呢?其实思路并不复杂诀窍在于根据用户目标重新审视整个路径将妨碍用户达成目标的障碍都清除掉

        而今天我们要聊的 10 个简化技巧都是围绕着这个思路来?#24179;?#30340;无论你是正在设计一个全新的网站还是针对现有的网站进行简化这 10 个简化技巧都非常值得尝试

        1专注于做行为召唤设计

        如何设计出简单易用的网页

        网站上的每一处设计都应该是有目的的都相应地迎合用户的某个行为或者需求这?#31373;?#32780;易见的

        这也为行为召唤的设计提供了依据引导用户的文案按钮和链接都应该清晰明显永远不要让用户错过

        2简化分页

        你所设计的页面是否需要分很多不同的页面?这些页面有没有分割的必要呢?你可以重新思考这个问题了

        将多页面的内容简化为可管理的区块不要让用户为了查看内容而多点击将相关的内容保存到一起方便用户集中阅读和查看

        ?#22659;?#36807;期的过时的内容?#25176;?#24687;小插件和第三方的信息?#24049;?#24182;到相应的区块当中不要零散的放置

        3统一配色方案

        虽然很多色彩确实很有吸引力但是它们也很容易喧宾夺主坚持将配色方案控制在两到三个色彩这样能让你尽可能好的控制整个设计的配色

        如果你想让你的配色尽可能简单那么你可以采用单色配色你会发现这种简单的色调搭配是如此的漂亮较少的色彩对于用户的心理负荷更小尤其是当你的整个视觉设计足够?#25176;?#30340;时候

        4采用标准的?#24049;?#35774;计

        虽然隐藏式的?#24049;?#30475;起来很酷而非常规的创意?#24049;?#20063;非常的赞但是这些?#24049;?#27169;式对于用户并不是那么友好偏离常规的设计虽然容易让?#24605;?#20303;但是在使用体验上常常相对更?#27704;?#38590;选择标准模式的?#24049;?#33021;够让你的网站更加易用

        最常规的?#24049;?#27169;式是将?#24049;?#26639;置于页面顶端通常是 3 到 8 个不同的选项?#27604;?#19981;要选择 10 年前流行的复杂全面的大型?#24049;讲?#21333;除非你是京东淘宝这样的大型零售电商

        5采用80/ 20 原则

        请记住你的网站中20%的内容将会触发用户80%的操作这意味着你的内容应当?#26143;?#37325;缓急之分行为召唤用语和行为召唤按钮等界面元素将是引导用户交互的重要组成部?#24103;?/p>

        考虑到这一点在你进行设计的时候应该将设计的重心放在这20%的内容上而剩下的80%的内容则根据需求进行调整这20%的元素通常都是最吸引用户点击的那部分内容按钮?#35745;?#21644;行为召唤文?#23613;?/p>

        如果你觉得20/ 80 原则听起来很熟悉那么你可能是在别的地方曾经听到过它它是经济学家 Vilfredo Pareto 所提出?#36127;?#22312;所有领域都适用它也被称为Pareto原则或者重要少数法则

        6有目的地使用UI元素

        图标?#35745;?#31561;每一个UI元素在整个设计中都有其作用?#34892;?#20803;素的使用是有约定俗成的规则不要因为某些元素看起来酷或者单纯“为了有”而加上最好通盘考虑在合适的地方合理地使用UI元素

        7仔细挑选字体

        字体和排版同样遵循少即是多的原则

        最容易阅读的字体通常都有着标准的外观造型均匀的笔触朴实无华而无需多余的装饰一套完整的字体通常有着多样的字重和可选的样式不需要你再去寻找其他的字体来搭配而在排版的问题上文本需要同背景有着充分的对比

        在设计网页的时候通常会用到?#25945;?#23383;体一套应用到正文上另外一套字体则用到标题上用作展?#23613;?/p>

        8增大文?#22659;?#23544;

        在进行排版设计的时候你需要在合适的时候增?#28216;\境?#23544;随着我们日常看到的?#32842;?#23610;寸的增加我们需要让用户看到我们所提供的信息并不是堆砌更多的内容而是要合理的增?#28216;?#26412;的尺寸

        虽然在移动端设计上这种需求并不明显但是根据实际情况?#23454;?#30340;提升字体尺寸能让文本的易读?#26434;?#26126;显的提升?#27604;?#32622;于首屏的关键词要明显吸引用户滚动而不是将所有的内容都堆在首屏

        9创建易读的文案

        排版能够从视觉上控制内容的复杂度而文字则能够控制在信息传达上的复杂度两者其实是同等重要每个词汇都应该和视觉保持意义?#25176;?#24687;上的一致性

        文案和视觉一样都需要反复推敲

        网站是可传达可阅读的媒介因此文案和内容都应当?#21024;?#31616;介且高度可读你可以根据网站的风格使用符合相应调性的文案

        10打破一项规则

        有的时候规则是用来打破的但是如果你想让你的设计保持简单那么你在设计的时候应该有意识的打破一条规则但是只能是一条

        如果你需要让你的设计在简单的同时又不是始终循规蹈矩那么打破一条规则是让你不走寻常路的最快的方法它会让你的设计看起来不那么寻常但是又能有迹可循打破太多的规则会很容易让?#27599;?#35273;得混乱

        结语

        复杂的网站太多想要让你通过网站同用户进行顺畅的沟通设计是否够简单?#31373;?#24403;重要的影响因素无论是填写表单还是下载APP每个设计元素都应当恰到好处而不会因为负责而让用户觉得厌烦

        虽然有时候用户?#19981;?#30475;起来“饱满”的复杂的设计可?#24039;?#21450;到具体的交互与功能的时候简单的设计每次都能让用户爱不释?#24103;?/p>

        分享到: 
        成功的视觉设计需要给用户传达什么
        如何做好设计提案Presentation的总结
        ڿ¡

        <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>