十万站长的理想国度,来寻找站长自己的梦想岛吧!

好站长论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

搜索
贴内随机文字广告征订中(500租金/月)E6600双核机器+2G内存+500G硬盘+10M独享带宽=399元/月1600M空间+100MMYSQL数据库+100M企业邮局=106元赶紧甩掉常去迪吧的女友
诚信合租网-服务器合租先锋梦想天堂招友情链接久久商务淘宝店打折没商量合租站长评合租
非法信息站长自查系统心里健康积分换空间久久商务联手拍拍网打折销售
查看: 26|回复: 1

超干货!让排版更富有设计感的黄金比例

[复制链接]
发表于 2019-6-25 10:24:02 | 显示全部楼层 |阅读模式
作业本印刷设计中,如何把握比例能让你的设计更好看,回答以前不妨看一看我们生活中的美都是什么样的比例?+ p0 s9 T7 N) f) ]  ]$ P
1 ?$ G! i& f2 e$ H
大到世界七大奇迹之吉萨金字塔,千古名画蒙娜丽莎,到现在著名互联网公司Twitter的页面等,他们都有什么共同点?" Q( S) Q, x6 R( ~2 u
8 L5 o( j2 z* x+ }  g
答案很简单,它们的设计都遵循了黄金比例。! X: z3 a1 N6 i% x

0 [# ^! t3 E1 r* a那究竟什么是黄金比例,如何使用它来提高你设计水平?
/ I& U  r5 o" h' r& h* ]* R2 S& G0 _- M/ v
「有一条线条,如果我们从中切一段,如果左边是0.618这么一个比列,右边则是1这么一个比例。」
  a) y1 W1 H4 c; u* ^0 g
" e" s- I% d; B3 u. P7 w如果符合这样的左右比例我们称之为黄金分割比。那么中间切割的位置就是我们黄金分割线的位置。& m0 L( {, O& a, N( B8 I; q
. n3 H7 X/ @5 O4 X* m! H
而在这条线中,bc/ac=ab/bc=0.618 (此处补课初中数学知识,不会的出来挨打)
3 i* e6 R0 L0 M& f
4 x' c) ]  t) R7 h: Z9 e" ^1 A3 r% ]( B6 F( I

7 u& L& W, N7 }我们大体概括一下:
0 w* p0 q2 A6 @( ~! r6 A
2 b3 S/ w- v0 S4 \# P0 Z黄金分割线是指将整体一分为二,较大部分与整体部分的比值,等于较小部分与较大部分的比值,其比值约为0.618。
+ ^0 `& Y% V1 K% T" b, H  B) H' Z5 q4 R/ `$ T
这个比例被公认为是最能引起美感的比例,总结一句话就是:0.618的比值最美。4 P+ a. s* R0 i- _4 G; h* O9 |8 m" v
+ {# z# D; }9 ?; p' x2 \" H  e
用公式来表示的话未免太抽象了,看图说话,在很多设计中完美的运用了黄金分割线,你体会下美不美。
, m' [! ?# F; h$ E/ N: J" F) S' m8 Q. l0 q% _. N3 w$ G; x: q0 ~
那么问题出现了,1. 0.618的比例怎么来的?
! L. d3 s, S( U# P# p  x" @& V* v: Z- ^% ]5 o
故事是这样的,有人做了一个实验,他们拿着一些长方形去问全世界的人,说哪个长方形最好看?结果所有的人都不约而同的选择了这种长方形。  F; S7 F7 p' z" b& T

: N2 O+ M" r4 l9 n, ~2 G+ L科学家们就很奇怪它的奥秘到底在哪?
: d( J9 a/ p" z5 x8 V
1 E  x2 b/ G* h然后研究后发现,如果你在这个长方形中间画一条线,把它分割成两个形状的话。% O5 h9 u8 `* w- L/ @- h
# Q- W% I7 g8 b( D
右边可以是一个正方形,左边小的长方形的比例和原来的长方形的比例是一摸一样的。
0 U/ b- u9 e+ m5 ^+ P" Y5 y/ r3 n+ e) z) \1 _" f2 u" m2 u3 ^
即使你吧更小的矩形继续做同样的动作,然后再继续切分下去,无限循环,你也会得到这个熟悉的图像。
. N) g. K* P! A0 R0 H( }- x
8 n8 S2 F1 n* v8 c9 q7 Y$ n$ ^dei,然后再通过绘制拱形的平滑曲线,大名鼎鼎的斐波那契数列就被描绘出来了。
" {) f; P; o$ l" _
1 H, I" ?& `5 l这样美丽的螺旋设计,在很多页面设计中就非常常见了,比如上面提到的Twitter,还有一些页面设计中也很常见。" G8 j& y. o. t7 G
: _2 y( W! W1 x+ H1 x  s# r1 {

+ n' S5 Z0 I3 I# e8 M% t; B% A" [' r0 G! q. z
好了,基础知识讲完了,那么实例开始。( ^$ d% j4 j' P0 w5 j+ X
# S  t$ d  _- J2 g+ [2 z6 X

' x  u. S. Y3 p0 x% }6 T9 `+ x
' e" j) B6 b: l" E0 y" `1.将尺寸设置成黄金比例
/ G( b  c5 L9 Z9 C# K" X
) J/ T% y3 V* U  @1 y这个方法最简单啦,不管你是什么设计,严格按照1:1.618的比例尺寸放你的图就ok。6 d4 c2 x; _2 f6 v  E. L* ^/ z
( ~" k' c# o! g. C9 e% A
比如你看Photography网页的页面,就是这样,不避雷。
  _0 Q0 g& \' r! A
3 @* c( H5 a/ u& q& Q不过,由于不同设计,尺寸要求不同,推荐一些工具为你助力,方便计算和使用~
4 l/ R% X$ j6 ]; d1 Y4 g: K4 R
: d( O5 x9 v) x, g5 R
. u' u  w- X" W: F: K
& Z: S! ?! }7 h* _9 v0 o5 p(1)黄金比在线计算工具
. n% c/ F+ D+ _  h0 Y  c$ ?9 E$ b! q% v( N0 F# b  A
网站提供了各种比例的计算方式,在实际设计过程中,只需要将任意需要的尺寸在数字上修改,其他数字也就同时改变,免去了自己动手计算的麻烦。; G" r% ~% u' P" h

) x: \. w; s& ](2)goldenRATIO
; d; i' \' _- L1 b! j# a
2 w* A2 r% V( h. E/ v+ L; u8 [GoldenRATIO嵌套在PS中,各种黄金比例一目了然,还能保存你的比例分割设置。4 L7 R( J& L1 g3 g" Z( l" T$ C
- I5 V( F. X9 i4 C+ P
(3)Golden Ratio Typography Calculator: Q3 @+ c4 l+ T
& `/ g5 e. z/ B8 W3 k
网站可以根据黄金比例来帮你的字体大小和宽度进行设置,简单易懂,除了是英文界面以外。
9 O  e9 e2 q* L8 G; X: V$ X* ~
; q" `" d: Q* \8 C( S9 w2.运用黄金比例中的圆
  X+ e1 e/ g; h; S; `% _1 q2 w! N
最常运用“黄金圆”的是LOGO设计,最经典的应该是Pesi和Twitter的LOGO设计。
) r1 g3 J* X/ Q' F# {; n5 U- m% X) R& E
Pesi的LOGO是纯粹的用两个圆,然后按照黄金比例配置,Twitter是先把矩形黄金分割,然后用多个圆相互匹配设计而成。
4 P8 k$ n1 S' c( F: I  h5 R" q! k& ~# a" ?
3.九宫格和三分法
- h9 r0 r" j/ v4 P% b3 t% v9 v5 {* M! `  c) o
三分法是由黄金分割法衍生出来的构图法则,也是比较经典的构图法则。5 O5 J% V( I  H6 E( d. W8 P4 `
& i! w+ C  @; [! J  n8 p
在矩形中四条穿过黄金分割点的线可将画面分成九个小矩形,这便是九宫格图。
) B8 }; h" H" v: T( `+ i
$ U& q3 S1 A: F0 X" U三分法构图就是将主体或主要元素放在“九宫格”内直线的交点或直线上。7 i0 z  Z& Y. L% I% a  w( C
. N7 O6 v* V2 u% ]
一般认为,右上方的交叉点或右边直线最为理想,其次为右下方的交叉点或左边直线。" @9 u) {+ s! M1 f+ T
0 _+ _5 v2 _& ~$ B/ w
但也不是一成不变的,应根据实际情况决定。这种构图格式符合人们的视觉习惯,目光自然落在主体上,具有突出主体画面趋向均衡的特点。
! c* L" q* m  x  n" l( _0 g7 z& W" |1 ?5 k, k. x
4.斐波那契数列0 c5 k/ t' A! j4 D- q+ j
% @% C% _$ A* G& r  |# f1 ]
对于网页内容而言,黄金螺旋的轨迹同样可以起到重要的作用。1 V. J$ W! I# I4 }

, L  r% B, S! h2 ]1 v% C9 P' f* y: P我们的视觉可以很自然地沿着黄金螺旋的轨迹运动,这也就是说这样设计网页布局会让访客更加自然地浏览内容。
4 o2 {) N, ]2 k- O8 v: E' v9 q- v2 j/ K  _* I
当然不仅仅是网页,很多设计中内容和主体沿着黄金螺旋的轨迹一定不会糊,比如你看下面这个猫,完美的黄金螺旋比例,他多可爱!
5 Y+ k5 P$ y- B# J3 P6 Y
" G9 c* G) B* i总结:
5 d2 f7 u& b' A) W& g* N* \
/ C: R* |8 T; L' {  \. o$ k说了很多,但其实构图的时候是否使用黄金分割线、三分线、等等其实并不是绝对的,它只是方法之一。
7 |9 L) H8 d  `! S1 S, M/ S2 E; ^本文出自四川鸿铭印务有限公司作业本印刷http://www.schmyw.com  转载请注明出处
发表于 2019-6-25 13:24:07 | 显示全部楼层
您需要登录后才可以回帖 登录 | 注册

本版积分规则

阮姓人报名

小黑屋|手机版|Archiver|中国好站之家 ( 皖ICP备07008304号 )

GMT+8, 2019-10-23 00:00 , Processed in 0.601984 second(s), 54 queries .

Powered by DX! X3.4

© 2001-2088 服务器赞助商:久久商务网

快速回复 返回顶部 返回列表