<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
      備注:反饋問題后@管理員能讓我們及時了解您的意見

      黃金比例分割使用指南

      好文轉載 分類: 規范/資料 版權: 原作者: 未知
      52558 788 463 23
      更新于:2017-01-24
      0.0
      首頁推薦

      在設計中,黃金比例屬于基本理論,通過運用黃金比例原則,能夠打造悅人的設計,而本文的重點不在于鑒賞,而是教你如何使用黃金比例。

      還記得丹布朗的那本《達芬奇密碼》嗎?里面有個關鍵線索便是斐波那契數列,而黃金比例,便是基于此。

      斐波那契數列在自然界的造化物中得以完美體驗,比例基本為1:1.618,我們生長在自然世界中,按相似的比例進行設計,能夠愉悅我們的視覺感官。


      Image title


      黃金比例描述了斐波那契數列相鄰兩數字間的關系。

      Image title


      如果我們按此比例繪圖,那么會喚起觀賞者的一種熟識感,一種與自然之間的微妙聯系。

      在人類漫長的藝術與設計史中,黃金比例已經被應用了4000多年,但是我們的先祖可能更早就開始應用它了。有些人認為古埃及人便采用此法來建造金字塔。黃金比例可以在音樂、藝術、設計中得以體現。

      應用案例

      在歷史記載中,黃金比例經常被使用到藝術和設計中,一些宏偉的建筑經常采用黃金比例為衡量準則。看看下面這些例子,你在工作中也能用得上:

      巴特農神廟

      Image title


      這座古希臘建筑使用了黃金比例作為了尺寸比例關系。而后來的新古典主義建筑風格同樣遵循了黃金比例。

      最后的晚餐

      Image title


      達芬奇對黃金比例采取了進一步的應用,在最后的晚餐這幅畫中,所有人物排列在整體的2/3處,而耶穌這一角色在構圖上采用了完美的矩形

      界面設計中的一些案例2010年Twitter的重設計

      Image title


      Apple iCloud

      Image title


      iCloud的圖標可不是隨隨便便畫出來的

      Takamasa Matsumoto 在博客中展示了下圖的設計思路

      Image title


      嚴格遵循黃金比例自然界中的案例

      Image title


      從貝殼到鮮花,黃金比例無處不在

      仔細觀察周圍的大千世界,你會發展黃金比例無處不在!花朵,貝殼,菠蘿,蜂巢,都遵循了黃金比例的規則。

      如何構建一個符合黃金比例的矩形

      步驟 01

      Image title


      畫一個正方形。

      Image title


      將正方形一分為二

      步驟 03

      Image title


      在一側矩形中,畫一條對角線。

      Image title


      將對角線旋轉為水平線。

      Image title


      構建矩形,利用水平線和原始矩形為參考。

      在設計中充分利用黃金比例

      聽起來很復雜?其實遠比想象的容易!有很多快捷的辦法可以幫你實現 黃金比例布局。

      快捷方法

      如果你熟悉“三分法構圖”,那么就方便多了,這個構圖法的理念是在水平和豎直方向上各自均分3等分。而連線所構成的4個交點會成為視覺焦點。

      攝影師往往在拍攝時,將關鍵物體定格在這4個焦點上。對于界面設計、印刷海報設計來說,同理。

      跟三分法差不多,如果能夠采用1:1.6的比例,那么整體構圖就十分接近黃金比例了。

      具體方法

      如果想要在設計中采用黃金比例構圖,簡單打個比方,比方說內容區域和工具欄吧(網頁設計中),那么比例就要為為1.6:1。而在工具欄中,可以進一步按這一比例分割。

      Image title


      在頁面布局中,黃金比例可以幫大忙,讓閱讀體驗更加自然。

      黃金比例工具01. goldenRATIO

      GoldenRATIO能夠保存你的比例分割設置,避免了重復工作

      GoldenRATIO,Mac App Store中售價¥2.99,能夠很好的兼容PS

      02. Golden Ratio Typography Calculator

      能夠根據黃金比例原則,幫助你確定字體大小、內容寬度。

      03. Phicalculator

      Phicalculator 只做計算,非常專一

      是一款非常棒的免費應用,適用于Mac和PC。輸入數字,便能根據黃金比例給出對應的數字。

      04. Atrise Golden Section

      Atrise工具能讓的視覺設計更符合黃金比例

      無需計算,視覺上調節黃金比例分割

      Kiriya

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

      4183粉絲/58關注

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

      前面的圖片都看不到了T.T

      精彩!

      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>