<menuitem id="mh6do"></menuitem>

    
    
    <em id="mh6do"><ol id="mh6do"><mark id="mh6do"></mark></ol></em>
    <ol id="mh6do"></ol>
      <em id="mh6do"><tr id="mh6do"></tr></em>
      <dl id="mh6do"><ins id="mh6do"><thead id="mh6do"></thead></ins></dl>

      <sup id="mh6do"><menu id="mh6do"><small id="mh6do"></small></menu></sup>

      您的意见是我们 UI 中国进步的动力!
      点击立即反馈按钮,发表您的意见!
      立即反馈
      QQ群反馈
      您?#37096;?#20197;加入UI中国官方反馈群进行反馈!
      群号:302892100
      备注:反馈问题后@管理员能让我们及时了解您的意见

      成长值达到300分以上才可以发?#21152;矗

      收集成长值 先看看别人的即刻>

      我们为?#25105;?#22312;设计中重视“留白”

      好文转载 分类: 经验/观点 版权: 原作者: MartinRGB 翻译
      25344 181 217 14
      更新于:2017-01-24
      0.0
      编辑推荐

      设计中的留白区域不局限于白色,留白的”白”指的不是颜色的”白”,而是空白的”白”,留白区域指的是某一区域无额外元素,无装饰,处于空白的状态。

      为你的设计加入留白

      留白的优秀案例——但是还有一点装饰——Layervault的个人网站。从?#23616;?#19978;讲,留白区域是”未使用的区域”,尽管留白区域看起来未使用,没什么作用,但实际上留白区域的作用相当大,给予设计呼吸的空间,提供了布局上的平衡。留白区域的环绕与陪衬,良好的衬托出中心区域的表现。 

      我们为?#25105;?#37325;视留白?

      如果你在浏览网站,当布局太糟糕时,你会很费力的才能?#33539;?#20449;息内容;太紧密的字间距、段间距,没有明显的区分隔断(或者说没有足够的留白空间),那么这个网站的用户体验肯定是很差的。

      为你的设计加入留白

      Mailchimp的留白使用的很利索,突出了品牌信息。相似的,如果你的网站也这么”紧密”,没有足够的”留白”,那么用户会对网站丧失耐心;尽管做一个优秀的网站需要天赋、时间以及知识,但不要忘了,用户是很挑剔的,网站做的好,?#35805;?#19981;会表扬你,网站一旦有问题,立马就指责你。我们应该视留白为布局的最重要手段,多给元素点呼吸空间,这样信息的层次感将更?#29992;?#30830;,用户指引效果也更好。

      留白区域的好处

      上面已经提到过了,更平衡的布局,元素更清晰的?#23454;?#25928;果,更能吸引用户注意。

      为你的设计加入留白

      Dan Edwards 的个人网站,采用了很多留白,留给了字体和设计作品足够的空间。保持层次感,留白区域能够很好的指引用户,如果元素过多,那么用户的注意力会分散。留白能够让用户尽快的寻?#19994;?#25152;需要的信息,提高用户体验。

      如何在设计中使用留白?

      了解重要性之后,下一步要做的事情就是学会去做。

      KISS 原则(Keep It Simple, Stupid)

      其实我?#19981;?#31216;之为KIS原则,我讨厌愚蠢(Stupid)这个字眼!但是保持一切简洁,是设计亘古不变的道理,没有必要完全填满。某些情况下,”不完整才是完整,残缺才是完?#39304;?rdquo;设计师的任务就是利用(布局,留白,色彩,尺寸,字体)?#20174;?#36896;一个视觉焦点,吸引用户的注意力。

      设计做的简洁一点,不但设计师轻松,开发者也轻松,当然,用户浏览起来也轻松。去除不必要、不重要的元素,只保留必要元素。
      而?#20063;?#35201;为了留白而一味留白,要注意设计元素之间的联系性。如果留白用的好,既能保持联系性、一致性,又能让设计通俗易懂,从而提高了网页的?#35270;?#24615;。

      为你的设计加入留白

      Squarespace使用了材质、色彩、留白、字体营造了一种纯净的品味

      squarespace-2

       

      squarespace-3

       


      UICN @MartinRGB 翻译

      Kiriya

      萌新搬砖工dribbble.com/Kiriya

      4195粉丝/61关注

      人气明星?#19979;?#35782;途助人为乐首页达人一鸣惊人
      2018设计趋势【文字教程】8bit像素神器——MagicaVoxel
      19
      _Ycc

      每当我留白的时候,甲方会觉得很空,让你加元素。。。

      精彩!

      扫描二维码
      去手机端查看海报

      Kiriya

      TA已经获得9枚勋章啦

      • 成就勋章

        • 特别勋章

        • 身份勋章

      • 已拥有

      • 作品

        创造者才是真正的享受者。

      • 经验

        经验是一所好学校,可它的学生却经常旷课。

      • 活跃

        大神都是从围观群众开始的

      • 拓展

        作品、经验、活跃还不能满足你?

      京ICP备14007358号-1 / 京公网安备11010802014104号 / Powered by 2008-2019 UI.CN

      印度快乐8开奖号码
        <menuitem id="mh6do"></menuitem>

        
        
        <em id="mh6do"><ol id="mh6do"><mark id="mh6do"></mark></ol></em>
        <ol id="mh6do"></ol>
          <em id="mh6do"><tr id="mh6do"></tr></em>
          <dl id="mh6do"><ins id="mh6do"><thead id="mh6do"></thead></ins></dl>

          <sup id="mh6do"><menu id="mh6do"><small id="mh6do"></small></menu></sup>
            <menuitem id="mh6do"></menuitem>

            
            
            <em id="mh6do"><ol id="mh6do"><mark id="mh6do"></mark></ol></em>
            <ol id="mh6do"></ol>
              <em id="mh6do"><tr id="mh6do"></tr></em>
              <dl id="mh6do"><ins id="mh6do"><thead id="mh6do"></thead></ins></dl>

              <sup id="mh6do"><menu id="mh6do"><small id="mh6do"></small></menu></sup>