總部位于新加坡的Lemon Graphic為T(mén)erkaya財(cái)富管理設(shè)計(jì)視覺(jué)形象,名片的設(shè)計(jì)元素也是借助黃金螺旋進(jìn)行設(shè)計(jì)的。
3.內(nèi)容:黃金螺旋的軌跡
對(duì)于網(wǎng)頁(yè)內(nèi)容來(lái)說(shuō),黃金螺旋軌跡也能起到重要作用。我們的視覺(jué)自然可以沿著黃金螺旋移動(dòng),這意味著設(shè)計(jì)網(wǎng)頁(yè)布局會(huì)讓訪(fǎng)問(wèn)者更自然地瀏覽內(nèi)容。
仔細(xì)看看國(guó)家地理的網(wǎng)頁(yè),你會(huì)發(fā)現(xiàn)他們的網(wǎng)頁(yè)布局就是這樣,用戶(hù)會(huì)下意識(shí)地遵循這種布局,這是一種潛意識(shí)行為。
這個(gè)網(wǎng)站是平面設(shè)計(jì)師Tim Roussilhe的作品,信息量大,布局緊湊。重點(diǎn)是信息組織相當(dāng)有條理。左上角的內(nèi)容是借助黃金螺旋軌跡設(shè)計(jì)的,重點(diǎn)和位置落在黃金螺旋軌跡上。功能組件都在這個(gè)布局中處于醒目的位置,空白空間也分布在合理的縫隙中,所有細(xì)節(jié)都精致到位。
Saastamoisen STI的這個(gè)視覺(jué)設(shè)計(jì)稿就更典型了。圖中字母的分布看似雜亂有序,沿著金色的螺旋分布,隨著螺旋半徑的減小,字體大小逐漸減小,字母密度增大。這種設(shè)計(jì)保證了視覺(jué)的平衡,充滿(mǎn)設(shè)計(jì)感,沒(méi)有混亂。
在為Fullsteam啤酒設(shè)計(jì)品牌時(shí),赫爾姆斯工作室也使用黃金螺旋來(lái)布局內(nèi)容。
4.圖片:黃金比例和三分法
對(duì)于圖片來(lái)說(shuō),版式自然是很重要的,無(wú)論是用來(lái)傳達(dá)信息還是呈現(xiàn)圖像版式的美感。黃金比例可以使圖片更加醒目,重要信息更加突出。如何結(jié)合黃金分割比例可以讓布局更美觀。
杰森·米爾德倫(Jason Mildren)為《飛行員》雜志設(shè)計(jì)封面,其中版面采用均勻三等分(1:1:1)構(gòu)建視覺(jué)重心。圖中模特的眼睛、拇指、手臂軸都在視覺(jué)重心上,人物位于右下角,左上角留白,布局均衡。
費(fèi)爾德雜志的設(shè)計(jì)也參考了黃金比例三等分法。左上角的標(biāo)題和內(nèi)容塊明顯是參照分割線(xiàn)設(shè)計(jì)的,而右下角背景中人物的鼻子,也就是人物的中心點(diǎn)正好壓在右下角的交點(diǎn)上。
5、圖形:黃金比例圈
黃金分割比例可用于創(chuàng)建比例協(xié)調(diào)的矩形和圓形。使用黃金比例不僅可以產(chǎn)生和諧的比例,還可以保持圖形的高度一致性。這個(gè)就從百事可樂(lè)和推特的LOGO說(shuō)起吧。
百事可樂(lè)的LOGO是按照黃金比例用兩個(gè)圓圈打造的。較小的圓不是明顯的,而是隱藏在內(nèi)曲線(xiàn)中。
Twitter的LOGO設(shè)計(jì)是借助幾個(gè)完美的圓來(lái)構(gòu)建的,但是在使用黃金比例圓的時(shí)候,并沒(méi)有使用相鄰的比例圓。乍一看不夠準(zhǔn)確,但也營(yíng)造出和諧的logo。
Photoshop黃金分割工具
邊肖在這里與你分享一個(gè)Photoshop神圣比例工具箱,可以很容易的畫(huà)出黃金螺旋、金三角、三等分、對(duì)角線(xiàn)等比例。