导航菜单
首页 > 助孕新闻 » 正文

北京卵子库,做最科学的设计,才是进步最大的

北京卵子库

   我们的设计日记 (ID:helloskys)今天分享一个科学的设计方法黄金比例,它能让你的设计更科学严谨,黄金比例是一个≈零.陆壹捌的数值,被广泛运用在数学、物理、建筑、美术甚至是音乐。在移动设计中,运用黄金分割的严密计算,打造出来的界面具有一种平衡感和生命力。 什么是黄金比例 黄金比例的独特性质首先被应用在分割一条线段上。如果有一条线段的总长度为黄金比例的分母加分子的单位长,若把它分割为两半,长的为分母单位长度,短的为分子单位长度,则短线长度与长线长度的比值即为黄金比例。 斐波那契螺旋线 先来认识一组数列,它们依次是壹、贰、叁、伍、捌、壹叁、 贰壹、叁肆、伍伍.... 这组数列叫做“斐波那契数列”,它的特点每个数都是它的前面两个数字之和。经研究发现,相邻两个斐波那契数的比值是随序号的增加而逐渐趋于黄金比例的,即f(n-壹)/f(n)≈零.陆壹捌。而根据斐波那契数列画出来的螺旋曲线,被称为“黄金螺线”。其实在配色方面,如果你掌握不好颜色的比例,也可以使用黄金螺旋线来分配比例。 黄金比例运用场景壹.图标中运用在iOS系统中的图标,它有一套相应的栅格系统,而它的尺寸也不是随便制定的,而是都有着严格的比例关系。它遵循黄金螺旋线(即斐波那契螺旋线)的规则。▲ 如上图壹,小圆半径与它到图标边缘的距离a与图标边长的一半b之比为零.陆壹捌(a/b≈零.陆壹捌)。

  如上图贰,大圆半径减去中圆半径的距离c与中圆半径d与大方形边长的一半e之比也为零.陆壹捌 (c/d/e≈零.陆壹捌)。iOS系统自带的图标也严格参照图标栅格系统进行绘制,同时,本身也利用了黄金分割原理。▲ 如上图壹,健康图标的心形呈水平对称,由叁个大小不一的圆构成轮廓的一半,而小圆与中圆直径之比、中圆直径与大圆的半径之比都为零.陆壹捌。如上图贰,天气的云图形中的三个圆,两个大圆的半径与小圆的直径之比也约为零.陆壹捌。贰.图片中运用这里说的“图片”指的是在界面的中的图片比例。在一些需要展示图片的地方可以考虑使用接近黄金比例的尺寸。如:在sketch中以宽为叁柒伍px的尺寸为设计稿时,叁柒伍x零.陆壹捌得到贰叁壹px,将它左右范围内的数值作为图片的高度,这就是最简单的黄金比例的运用。 ▲ 如上图壹,Instagram最上方的通栏高度为壹肆叁px,并不是零.陆壹捌的比例,而是零.叁捌贰的比例关系,这其实是黄金分割点的互补比例(注: Instagram早期在改版前使用的就是零.陆壹捌的黄金比例)。

  如上图贰,Flipboard新闻app的登录界面,顶部的背景照片部分,也是零.叁捌贰的黄金互补比例。如上图叁,Flipboard新闻app的 展示页面,顶部的照片部分,与下半部分构成了黄金分割比。叁.间距中的运用间距和留白一样,是设计中非常关键的因素,能营造更为和谐和舒适的空间氛围。但是我们该怎样来确定元素之间的距离呢?我想黄金分割原理就是-种非常好的办法。利用黄金分割原理来计算每个元素的位置,不仅可以提高视觉层次,大大提高工作效率,还能让你的设计有据可依,更加有说服力。▲ 如上图壹,开眼app的闪屏和登录页都严格利用了黄金分割的原理进行排布。其中闪频以logo顶部为黄金分割点,上半部分x与下半部分y之比正好是零.陆壹捌,广告语的高度k与广告语到logo组合的距离q与logo的组合高度之比也都为零.陆壹捌 (k/q≈k/h≈零.陆壹捌) 。如上图贰,登录页整体的布局也以“新用户注册”为黄金分割点,同时在“新用户注册”与“底部服务协议”之间也以“第三方登录按钮”为黄金分割点遵循着黄金分割原理,再来看顶部的logo组合高度m与登录表单高度n之比也为零.陆壹捌。如上图叁,面包旅行的登录页面,以其第三方登录按钮的文字底部为黄金分割点,将上半部分与下半部分构成黄金比例。通常在界面中,将屏幕宽分割成左右两部分,使它成为黄金比例。

  ▲ 如上图壹, App Store早期的版本中,首页推荐列表就采用了黄金比例,第贰个图标与第叁个图标之间的中轴线正好为黄金分割点。如上图贰, 外卖的推荐指南,左图右文的列表,图片宽度作为黄金比例中较短的尺寸,文本区域作为较长的尺寸,以构成协调比例。

  如上图叁,豆瓣app的首页,左文右图的列表,图片宽度作为黄金比例中较短的尺寸,文本区域作为较长的尺寸,以构成协调比例。肆.布局中的运用利用黄金比例对全局界面进行构图,将元素按照主次之分排布在正方形里,可以营造一个有主次有重点并且和谐的画面。

  ▲ 如上图壹,Soundcloud的登录页, 就是利用黄金螺旋线布局很好的范例,从背景照片的人眼(头部)位置到底部的随便看看小字正好构成了最大的正方形,而logo位于左上螺线的位置,左上角是视觉的第一落点区,右上角是视觉盲点区,非常合理的安排了主次信息。

  如上图贰、叁,登录页,我们首先将视线落在了插画上,沿着螺旋线向左下方延伸至第三方登录按钮上,包括第三方登录按钮也落在了下半部分的黄金分割点上,每个位置都是经过精心考量的,而且很好的进行了引导。其它常用比例▲ 除了黄金比例之外,一般还有其他常用比例,例如壹:壹、壹:贰、叁:贰、叁:伍、肆:叁、壹陆:玖,设计中可以根据需求与布局来选择相应的比例。最后黄金比例只是设计决策的一种方式,是一种参考的标准,它的目的是让我们的设计更具备科学性,当然具体的设计还是需要根据实际场景和页面去定义,切勿忙碌的推崇黄金比例!希望今天这篇小分享能够帮助到大家。

收藏此文 赞一个 ( ) 打赏本站

如果本文对你有所帮助请打赏本站

  • 打赏方法如下:
  • 支付宝打赏
    支付宝扫描打赏
    微信打赏
    微信扫描打赏

相关推荐:

留言与评论(共有 0 条评论)
   
验证码:
二维码