<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;矗

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

      黄金比例分割使用指南

      好文转载 分类: 规范/资料 版权: 原作者: 未知
      53005 791 465 23
      更新于:2017-01-24
      0.0
      首页推荐

      在设计中,黄金比例属于基本理论,通过运用黄金比例原则,能够打造?#33804;?#30340;设计,而本文的重点不在于鉴赏,而是教你如何使用黄金比例。

      还记得丹布朗的那本《达芬奇密码》吗?里面有个关键线索便是斐波那契数列,而黄金比例,便是基于此。

      斐波那契数列在自然界的造化物中得以完美体验,比例基本为1:1.618,我们生长在自然世界中,按相似的比例进行设计,能够愉悦我们的视觉感官。


      Image title


      黄金比例描述了斐波那契数列相邻两数字间的关系。

      Image title


      如果我们按此比例绘图,那么会唤起观赏者的一种熟识感,一种与自然之间的微妙联系。

      在人类漫长的艺术与设计?#20998;校?#40644;金比例已经被应用了4000多年,但是我们?#21335;?#31062;可能更早就开?#21152;?#29992;它了。?#34892;?#20154;认为古埃及人便采用此法来建造金字塔。黄金比例可以在音乐、艺术、设计中得以体现。

      应用案例

      在历史记载中,黄金比例经常被使用到艺术和设计中,一些宏伟的建筑经常采用黄金比例为衡量准则。看看下面这些例子,你在工作中也能用得上:

      巴特农神庙

      Image title


      这座古希腊建筑使用了黄金比例作为了尺寸比例关系。而后来的新古典主义建筑风格同样遵循了黄金比例。

      最后的晚餐

      Image title


      达芬奇对黄金比例采取了进一步的应用,在最后的晚餐这幅画中,所有人物排列在整体的2/3处,而耶稣这?#21796;?#33394;在构图上采用了完美的矩形

      界面设计中的一些案例2010年Twitter的重设计

      Image title


      Apple iCloud

      Image title


      iCloud的图标可不是随随便便画出来的

      Takamasa Matsumoto 在博客中展示了下图的设计思路

      Image title


      严格遵循黄金比例自然界中的案例

      Image title


      从贝壳到鲜花,黄金比例无处不在

      仔细观察周围的大千世界,你会发展黄金比例无处不在!花朵,贝壳,菠萝,蜂巢,都遵循了黄金比例的规则。

      如何构建一个符合黄金比例的矩形

      步骤 01

      Image title


      画一个正方形。

      Image title


      将正方?#25105;?#20998;为二

      步骤 03

      Image title


      在一侧矩形中,画一条对角线。

      Image title


      将对角线旋转为水平线。

      Image title


      构建矩形,利用水平线和原始矩形为参考。

      在设计中充分利用黄金比例

      听起来很复杂?其实远比想象的容易!有很多快捷的办法可以帮你实现 黄金比例布局。

      快捷方法

      如果你熟悉“三分法构图”,那么就方便多了,这个构图法的理念是在水平和竖直方向上各自均分3等分。而连线所构成的4个交点会成为视觉焦点。

      摄影师往往在拍摄时,将关键物体定格在这4个焦点上。对于界面设计、印刷海报设计?#27492;擔?#21516;理。

      跟三分法差不多,如果能够采用1:1.6的比例,那么整体构图就十分接近黄金比例了。

      具体方法

      如果想要在设计中采用黄金比例构图,简单打个比方,比方?#30340;?#23481;区域和工具栏吧(网页设计中),那么比例就要为为1.6:1。而在工具栏中,可以进一步按这一比例分割。

      Image title


      在页面布局中,黄金比例可以帮大忙,让阅读体验更加自然。

      黄金比例工具01. goldenRATIO

      GoldenRATIO能够保存你的比例分割设置,避免了重复工作

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

      02. Golden Ratio Typography Calculator

      能够根据黄金比例原则,帮助你?#33539;?#23383;体大小、内容宽?#21462;?/p>

      03. Phicalculator

      Phicalculator 只做计算,非常专一

      是一款非常棒的免费应用,适用于Mac和PC。输入数字,便能根据黄金比例给出对应的数字。

      04. Atrise Golden Section

      Atrise工具能让的视觉设计更符合黄金比例

      无需计算,视觉上调节黄金比例分割

      Kiriya

      萌新搬砖工dribbble.com/Kiriya

      4195粉丝/61关注

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

      前面的?#35745;?#37117;看不到了T.T

      精彩!

    1. 0
      WsjjMrgg
      WsjjMrgg

      前面几张图炸了,我本以为?#19994;?#33041;有问题

    2. 0
      lampure
      lampure

      看到推荐工具就知道一定是翻译的了~?#34892;?#20998;享

    3. 0
      竹溪Ven
      竹溪Ven

      前面的图看不到额!!

    4. 0
      Kiriya
      Kiriya

      才看见评论之-半年之后补图了

    5. 0
      shannon711
      shannon711

      前面的图都没有了~求补~

    6. 0
      nendo
      nendo

      @佑希2020: 知道比例,运用上好多还是看不懂。。

      对啊,我也知道,但是在实际运用中不知?#26639;萌?#20309;运用

    7. 0
      佑希2020
      佑希2020

      知道比例,运用上好多还是看不懂。。

    8. 更多评论
    9. Kiriya

      Kiriya

      萌新搬砖工dribbble.com/Kiriya

      人气明星?#19979;?#35782;途助人为乐首页达人一鸣惊人

      扫描二维码
      去?#21482;?#31471;查看海报

      Kiriya

      TA已经获得9枚勋章啦

      • 成就勋章

        • 特别勋章

        • 身份勋章

      • 已拥有

      • 作品

        创造者才是真正?#21335;?#21463;者。

      • 经验

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

      • 活跃

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

      • 拓展

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

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