昆明UI培训
达内昆明五一路

18487146383

热门课程

经典设计原则:黄金比例与强调

  • 时间:2016-08-12
  • 发布:昆明UI培训
  • 来源:uisdc.com

前一篇文章中,达内昆明UI培训的老师为大家分享了经典设计原则的简单和适量原则,接下来我们来看看黄金比例、强调与对比的原则。

应用黄金比例

使用网格可以帮助我们将元素对齐,但我们又应该如何确认布局中栏位划分的比例,或者在我们确认了一些设计元素的宽度之后如何去决定它们的高度呢?这时,我们往往可以用到黄金比例——1.618。

如果你使用的是960Grid这种960px宽的网格系统,而你希望分出两栏布局时,就可以使用960/1.618=593,,593px的位置就是黄金分割点。这样两栏的网页布局,左边栏宽度设为593px,右边栏宽度设为367px(960-593)就可以了。同样当你确定了一张图片的宽度为600px时,采用黄金比例,它的高度就可以设为370px左右。

当然黄金分割比例只是在设计上的一个指导,如果你可以打破这个规则又能保证整个设计自然平衡也是可以的,作为一个通常的规则,经常把黄金比例用5:3来代替,虽然不是非常精确,但是却能更直观和方便地在设计中使用。

恰到好处的强调与对比

通过强调可以引导用户去使用产品的某些功能,比如:用户注册按钮、产品的购买按钮 等等。但初学者往往会在运用强调这种方法时,出现一些常见的问题:

1、在同一个页面中过多地运用强调

2、不分主次的强调

3、过度使用颜色强调

过多的强调等于没有强调,而且还会造成页面的混乱。而不分主次的强调则会给使用者带来疑惑。最后一点“过度使用颜色强调”是很多设计初学者最容易犯的错误,强调的方式有很多种:色彩、对比、形状等等。而使用色彩对比时需要特别谨慎,因为它很容易过度,只在那些必须的地方使用颜色。对于一些次要的地方,比如一个文章列表中的标题,我们可以采用增加或减少灰度的方法来产生对比,这也是一种非常有效的强调方法,而且由于色度没有差别,它往往能给人更加和谐和良好的体验。

上一篇:经典设计原则:尽可能少、这样就好
下一篇:经典设计原则:其他四个原则

如何在UI设计中更好地运用颜色?

2017年1月网页流行设计趋势

UX设计中颜色微调的五个技巧

如何根据字体重心来设计字体?

选择城市和中心
贵州省

广西省

海南省

扫一扫

了解更多干货