上海时时乐图感觉:黄金螺旋线在界面设计中的运用(下)

小男 设计原则 2765浏览

上海时时乐开奖时间 www.q4bq.com.cn 最佳兴趣点和黄金螺旋线都统称为黄金分割的衍生品。上一篇我们讲了最佳兴趣点的使用,今天我们来聊一聊黄金螺旋线。

斐波那契螺旋线也称“黄金螺旋”,是根据斐波那契数列画出来的螺旋曲线,自然界中存在许多斐波那契螺旋线的图案。是自然界最完美的经典黄金比例。

斐波那契螺旋线,以斐波那契数为边的正方形拼成的长方形,然后在正方形里面画一个90度的扇形,连起来的弧线就是斐波那契螺旋线。

斐波那契数列(FibonacciSequence)数列是这样一个数列:

1、1、2、3、5、8、13、21、34、55、89…

在数学上,斐波那契数列是以递归的方法来定义:

F0=1

F1=1

Fn=F(n-1)+F(n-2)

(n>=2,n∈N*)

斐波那契数列比在字号大小、界面布局、Logo设计上具体有哪些用法?

 

01字号大小

 

1.01 大字体与小字体比例系统

我们在选择一个字号大小做为参考时,我们正?;嵫≡褡畲笞趾呕蜃钚∽趾抛鑫慰?。按照黄金比1:1.618可以得到比它大的字体,按照黄金比1:0.618可以得到比它小的字体。

为了方便排版,我们除了可以使用黄金分割比例外,还可以使用斐波那契数列比??梢杂懈嗔榛畹呐虐娣绞?,通过对比可以选择最适合的。

斐波那契数列比1:1/1:2/1:3/2:3/1:5/2:5/3:5 …

如上图我们可以根据字体的高度比来排版,这里我们大字高度:间距:小字高度比为8:5:5,可以灵活使用斐波那契数列比,多排几个版式找到最适合的一个。

 

1.02 文字的长度比例

在设计字体大小的时候,可以根据字体的长度来做为参考,黄金螺旋线整体长度为140px,下面的字体比较长我们就乘以1.618来得到比较大的比例226.52,取整数为226,我们对应长度字号取整数即可。

 

02界面布局

上图案例由UISTAR提供,整个界面的布局很舒服,字间距也恰到好处。在做后台界面,客户端界面时候很多时候会出现界面分段布局,很多时候认为后台不是特别重要而忽略了它的美观性??聪峦嘉颐怯Ω迷趺赐ü巢瞧跏斜壤辞懈罨?/p>

 

我们通过斐波那契数列比8:5:3:2:1绘制了正方形,在后台复杂的界面中我们肯定要参考画面中重要的最小宽度来确定这个比例大小,红框框就是我们确定的最小宽度,确定宽度后8:5:3:2:1得到大小不一的方格,剩下来就是根据内容自由组合合适的方格。

很神奇的事情发生了,好的作品大体都符合这个规律,几像素的偏差已经不重要的,所以前期我们可以参考方法论,当你的能力上来之后就可以放弃它慢慢凭自己的感觉来判断作品的好坏。

 

03LOGO设计

黄金斐波那契螺旋法是国际上通用的LOGO设计手法,也是最工整最严谨的设计手法。

BIGD牛大大已经出了类似教程,具体请查看。《Ai中用黄金比例法快速作图》

这边引用BIGD视频教程是想让知识更系统,也省点精力撸其他的干货。

我写了一篇《如何学习Yoga Style?》,里面有圆切法的基础教程。

这里说一下为什么要用黄金螺旋线去重新定义标识呢?

打个比方很多时候我们会找一张动物图片用圆切法去绘制它,但是我们绘制时候因为不知道怎么去做减法,会让这个形态变的复杂,绘制结果更多像是图案或者图形,而不是标识。我们使用黄金螺旋比例去切形态的时候要抓住动物的主体形态和特征,尽可能的抽象化简单化。

 

黄金螺旋线在logo中的应用

黄金螺旋比例用圆去切割很多人已经会了,但是最最最高级的就利用好黄金螺旋线。最近站酷很火的一个设计师DAINOGO,它的作品中就用到了黄金螺旋线,能用一个圆解决的绝对不用俩个圆。我们在设计中如果有运用到弧线的地方可以考虑使用黄金螺旋线做为参考。

 

总结:

最后还是要感谢UISTAR、贼哥、小朋友的优秀案例,真心感谢。

黄金分割上中下就写完了,最近跟一线大厂设计师交流,他们给我的反馈是做设计的时候不单单只是视觉上的美感,更多的需要方法论的东西,这样才更具有说服力。希望以后多写方法论的文章,大家一起学习。

 

原文地址:水手哥学设计(公众号)

作者:水手哥

 

转载请注明:上海时时乐开奖时间 » 黄金螺旋线在界面设计中的运用(下)

登录收藏

学UI就上学UI网!越努力,越幸运!

“学UI网上海时时乐开奖时间 www.q4bq.com.cn?”最值得关注的UI学习平台! 每天发布高质量的设计教程和分享设计经验,服务于20万UI设计师,帮助初学者快速转型。每周六晚上免费YY公开课(36013311),给大家提供更多免费学习的机会。想成为设计师的你快来关注吧!

【特色推荐】

APP截图站app.www.q4bq.com.cn” 海量APP截图,让你灵感爆发!国内最好的APP截图站。

UI作业网 zuoye.www.q4bq.com.cn” 每一个作业题都尽量配有教程,交作业就有大神免费帮你点评作业,爽歪歪!

UI设计导航站 hao.www.q4bq.com.cn” 专为UI设计学习者打造的资源+学习,双用途的网址导航站。亲爱的,你收藏了吗?

 
你可能喜欢的:
如何做好微交互,增加产品魅力值?如何做好微交互,增加产品魅力值?
微信App原型资源分享微信App原型资源分享
设计师如何提升文案体验?设计师如何提升文案体验?
移动端搜索,都有什么套路?移动端搜索,都有什么套路?
你的简历没人回?看看是否踩了这些雷?你的简历没人回?看看是否踩了这些雷?
通过这五个方法,让你的产品更值得被用户信任通过这五个方法,让你的产品更值得被用户信任
日样LOGO设计10+(标志+释义+延展)日样LOGO设计10+(标志+释义+延展)
如何让你的“在线设计工具”变得优雅如何让你的“在线设计工具”变得优雅
什么是体验编写师?什么是体验编写师?
【干货】5大移动端表单设计原则及案例赏析【干货】5大移动端表单设计原则及案例赏析
?
  • 孙岩的专栏作者中国国家地理网 2018-12-12
  • 那你就写个帖子驳呀!告诉你,我是普通老百姓就是错了也没有啥,你可是论坛“真理化身”呀! 2018-12-05
  • 专家共议粤港澳大湾区发展(声音) 2018-12-05
  • “陪堂妈妈”上课3000多节 班主任:她去中考没问题 2018-11-14
  • 新时代 新气象 新作为 学习宣传贯彻党的十九大精神 2018-11-14
  • 好莱坞环球影城“功夫熊猫”主题剧院开放 2018-10-24
  • 女性之声——全国妇联 2018-10-19
  • 【学习时刻·经济实说①】清华大学国情研究院胡鞍钢:伟大的发展实践产生伟大的思想 2018-10-19
  • 成果转化重要平台 创交会三年落地项目超过140项 2018-10-02
  • 美国在强化国内的经济发展,贸易战只有美国改变的战略方向才会停止,不然就会面对一切有损国家利益的项目打贸易战 2018-09-30
  • 阎良“堵路”神秘机身引猜测 或是运20原型机? 2018-09-11
  • 其中最糟糕的是;以外币收支作为本国货币之“锚”,再加以大开门的资本市场,这为国际资本周期性收割开了方便之门。 2018-09-09
  • 各地又出现狂犬伤人,政府必须做好监管,确保安全。 2018-09-09
  • 港珠澳大桥跨境私家车澳门配额接受申请 2018-08-26
  • 詹皇通知骑士队 准备与其续约 2018-08-26
  • 175| 716| 311| 580| 781| 997| 547| 480| 629| 241| 996| 460| 401| 857| 133|