<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群反饋
      您也可以加入UI中國官方反饋群進行反饋!
      群號:302892100
      備注:反饋問題后@管理員能讓我們及時了解您的意見

      我們為何要在設計中重視“留白”

      好文轉載 分類: 經驗/觀點 版權: 原作者: MartinRGB 翻譯
      25236 181 217 14
      更新于:2017-01-24
      0.0
      編輯推薦

      設計中的留白區域不局限于白色,留白的”白”指的不是顏色的”白”,而是空白的”白”,留白區域指的是某一區域無額外元素,無裝飾,處于空白的狀態。

      為你的設計加入留白

      留白的優秀案例——但是還有一點裝飾——Layervault的個人網站。從本質上講,留白區域是”未使用的區域”,盡管留白區域看起來未使用,沒什么作用,但實際上留白區域的作用相當大,給予設計呼吸的空間,提供了布局上的平衡。留白區域的環繞與陪襯,良好的襯托出中心區域的表現。 

      我們為何要重視留白?

      如果你在瀏覽網站,當布局太糟糕時,你會很費力的才能確定信息內容;太緊密的字間距、段間距,沒有明顯的區分隔斷(或者說沒有足夠的留白空間),那么這個網站的用戶體驗肯定是很差的。

      為你的設計加入留白

      Mailchimp的留白使用的很利索,突出了品牌信息。相似的,如果你的網站也這么”緊密”,沒有足夠的”留白”,那么用戶會對網站喪失耐心;盡管做一個優秀的網站需要天賦、時間以及知識,但不要忘了,用戶是很挑剔的,網站做的好,一般不會表揚你,網站一旦有問題,立馬就指責你。我們應該視留白為布局的最重要手段,多給元素點呼吸空間,這樣信息的層次感將更加明確,用戶指引效果也更好。

      留白區域的好處

      上面已經提到過了,更平衡的布局,元素更清晰的呈遞效果,更能吸引用戶注意。

      為你的設計加入留白

      Dan Edwards 的個人網站,采用了很多留白,留給了字體和設計作品足夠的空間。保持層次感,留白區域能夠很好的指引用戶,如果元素過多,那么用戶的注意力會分散。留白能夠讓用戶盡快的尋找到所需要的信息,提高用戶體驗。

      如何在設計中使用留白?

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

      KISS 原則(Keep It Simple, Stupid)

      其實我喜歡稱之為KIS原則,我討厭愚蠢(Stupid)這個字眼!但是保持一切簡潔,是設計亙古不變的道理,沒有必要完全填滿。某些情況下,”不完整才是完整,殘缺才是完美。”設計師的任務就是利用(布局,留白,色彩,尺寸,字體)來營造一個視覺焦點,吸引用戶的注意力。

      設計做的簡潔一點,不但設計師輕松,開發者也輕松,當然,用戶瀏覽起來也輕松。去除不必要、不重要的元素,只保留必要元素。
      而且不要為了留白而一味留白,要注意設計元素之間的聯系性。如果留白用的好,既能保持聯系性、一致性,又能讓設計通俗易懂,從而提高了網頁的適用性。

      為你的設計加入留白

      Squarespace使用了材質、色彩、留白、字體營造了一種純凈的品味

      squarespace-2

       

      squarespace-3

       


      UICN @MartinRGB 翻譯

      Kiriya

      萌新搬磚工https://dribbble.com/Kiriya

      4183粉絲/58關注

      人氣明星老馬識途助人為樂首頁達人一鳴驚人
      2018設計趨勢【文字教程】8bit像素神器——MagicaVoxel
      19
      _Ycc

      每當我留白的時候,甲方會覺得很空,讓你加元素。。。

      精彩!

      Kiriya

      Kiriya

      萌新搬磚工https://dribbble.com/Kiriya

      人氣明星老馬識途助人為樂首頁達人一鳴驚人

      掃描二維碼
      去手機端查看海報

      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>