小男

上海时时乐全天计划:黄金螺旋线在界面设计中的运用(下)

小男 设计原则 6097浏览

上海时时乐开奖时间 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、贼哥、小朋友的优秀案例,真心感谢。

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

 

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

作者:水手哥

 

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

登录收藏
 
你可能喜欢的:
界面设计中的三维设计法界面设计中的三维设计法
设计语言 - 文字编排(行长)设计语言 – 文字编排(行长)
设计语言 - 文字编排(行高)设计语言 – 文字编排(行高)
APP品牌调性分析APP品牌调性分析
UI进阶产品设计之用户体验地图UI进阶产品设计之用户体验地图
9120年设计师不会根据用户场景做设计怎么行!9120年设计师不会根据用户场景做设计怎么行!
用户体验 | 图标样式对界面可用性有什么影响?用户体验 | 图标样式对界面可用性有什么影响?
设计语言 - 侧边导航栏/分页设计语言 – 侧边导航栏/分页
你的作品不够精致,那是因为...你的作品不够精致,那是因为…
设计理论研究,什么是游戏化动机模型?设计理论研究,什么是游戏化动机模型?
?
  • 中宣部授予张黎明“时代楷模”称号 2019-04-20
  • 荆楚网网络视听节目许可证 2019-04-15
  • “6·18”网购画风清奇:花露水味酒、生发仪遭疯抢 2019-04-15
  • 中国炒房客席卷全球 未来10年或投7500亿美元 ——凤凰网房产上海 2019-04-11
  • 景德镇一道路泥泞坑洼找不到东家 区住建局牵头改造 现已完工 2019-04-03
  • 为了村民过上好日子——记宁夏盐池县曾记畔村支书朱玉国 2019-03-31
  • 国青“小朱婷”?18岁女排新星状态复苏 郎平没看错她 2019-03-11
  • 成长路上 法治相伴 2019-02-27
  • 为了民族复兴·英雄烈士谱 2019-02-27
  • 驾车撞倒城管队员反复碾压 义乌暴力摊贩被刑拘 2019-02-12
  • 2012环球时报总评榜颁奖典礼现场 2019-02-12
  • 高清:葡萄牙明晨对阵西班牙 C罗领衔球队认真备战 2019-02-06
  • 电视剧《脱身》曝最新海报 2019-02-05
  • 这些难免只有马克思主义真理才能自救,其余的都瞎扯淡,至于他们需要从哪里讨说法,也在马克思主义真理里面了 2019-01-27
  • 环球企业领袖青岛圆桌会(2012) 2019-01-21
  • 184| 696| 157| 327| 70| 187| 989| 306| 298| 988| 936| 811| 498| 535| 988|