最近，MacQQ推出5.0版本。作為中國(guó)最大的Mac軟件，QQ本次更新帶來(lái)了包括界面改版和新增功能在內(nèi)的全面優(yōu)化，其中“極簡(jiǎn)模式”更是將屏幕劃分為接近7：3的比例，事實(shí)上這也是對(duì)著名的黃金比例的一種拓展用法。

那么什么是黃金比例呢?

黃金比例是一個(gè)比較特殊的數(shù)學(xué)比例，取其前三位數(shù)字的近似值是0.618。而這個(gè)被稱為“上帝的尺寸”的數(shù)字已經(jīng)被應(yīng)用了好幾個(gè)世紀(jì)，特別是在設(shè)計(jì)領(lǐng)域最被人所熟知。因?yàn)檫@個(gè)比例帶來(lái)和諧與美感，凡是能貼合黃金比例的作品所營(yíng)造的藝術(shù)感都會(huì)倍增。

黃金比例最基礎(chǔ)的設(shè)計(jì)應(yīng)用，就是“完美矩形”。如果你將一個(gè)正方形拉伸為一個(gè)矩形，讓長(zhǎng)是寬的1.618倍，將兩個(gè)圖形疊加，你就可以獲得一個(gè)清晰直觀的黃金比例，被分割出來(lái)的小矩形同樣遵循著黃金比例。以這樣的方式向新的矩形中填充正方形，那么你填充的正方形會(huì)越來(lái)越小。

像上圖所示，你最終繪制出來(lái)的將會(huì)是一個(gè)黃金螺旋曲線，它所包含的數(shù)列遵循的規(guī)律是，每個(gè)數(shù)字都是前兩個(gè)的和：0、1、1、2、3、5、8、13、21、34 、55、89、144……

好吧，說(shuō)這么多我知道你們根本不care，因?yàn)閷?duì)大部分同學(xué)來(lái)說(shuō)，數(shù)學(xué)是一個(gè)永遠(yuǎn)無(wú)法填的坑。還是看點(diǎn)案例來(lái)的實(shí)在。

著名的《維特魯威人》

還記得第一次看這幅圖時(shí)捂臉羞澀的神情，現(xiàn)在卻仔仔細(xì)細(xì)一絲不漏地觀察著細(xì)節(jié)，恩~胸肌和人魚(yú)線不錯(cuò)!

雅典的帕提農(nóng)神廟

怪不得雅典建筑美得令人發(fā)指，瞧瞧這黃金比例的應(yīng)用，無(wú)論是整體還是細(xì)節(jié)的處理都恰到好處!

米勒的拾穗者

原來(lái)畫(huà)中農(nóng)婦不止展現(xiàn)著生活樸實(shí)艱辛，一伸手、一彎腰就是藝術(shù)。

著名的蒙娜麗莎

蒙娜麗莎不止有迷之微笑，更有迷人的黃金比例。

美國(guó)國(guó)家地理網(wǎng)頁(yè)

網(wǎng)頁(yè)也是黃金比例布局，用戶會(huì)下意識(shí)地隨著這個(gè)布局來(lái)瀏覽。

當(dāng)然，當(dāng)美的要求越來(lái)越多，黃金比例的應(yīng)用也不局限于0.618如此精確，由此延伸出的三七分比例也尤為常見(jiàn)。

比如，愛(ài)豆的臉!雖然不知道黃金比例體現(xiàn)在哪，但是我的愛(ài)豆就是黃金臉!任性!

還有wuli俊凱的黃金比例側(cè)臉帥到無(wú)極限!舔屏中...

當(dāng)然還有日常穿衣打扮，領(lǐng)子、腰帶、高跟鞋的黑色完美三七分，時(shí)尚搭配精必修課第一項(xiàng)就是黃金比例。

除此之外，三分法也是黃金比例的完美延伸，這在攝影技巧里十分明顯。將攝影圖片按照1：1：1均等的方法劃分出來(lái)，所有的空間都是相同的大小。最重要的設(shè)計(jì)要素可以配置在中央的長(zhǎng)方形的四個(gè)角周?chē)��?/span>

比如這本《Complex》的封面，整體布局符合黃金比例，而黃金比例三分法下的兩個(gè)交點(diǎn)上則正好和女性的鼻子與眼睛上，真是怎么看怎么美~

logo的黃金比例案例更是數(shù)不勝數(shù)。就一起看看國(guó)內(nèi)外QQ和蘋(píng)果公司這兩大品牌的logo設(shè)計(jì)吧!

QQlogo

從企鵝整個(gè)身體構(gòu)造，到頭部、眼睛甚至胳肢窩都沒(méi)放過(guò)，將黃金圓運(yùn)用的淋漓盡致，簡(jiǎn)直完美。

蘋(píng)果公司logo

圈圈圓圓圈圈，已看暈。整整13個(gè)大小不一的黃金圓的組合才設(shè)計(jì)出這顆神奇的“蘋(píng)果”，不愧是改變?nèi)祟愂澜绲?個(gè)蘋(píng)果之一，大寫(xiě)的服!

而將這兩大品牌特點(diǎn)無(wú)縫融合的社交軟件Mac QQ在更新為5.0版本后，更是將黃金比例這一美學(xué)應(yīng)用得細(xì)致入微。

以往的版本中QQ占用屏幕大約2/3，用戶開(kāi)始使用時(shí)會(huì)習(xí)慣性將窗口拉動(dòng)調(diào)整到右邊30%的區(qū)域，而且需要頻繁切換版面，這個(gè)過(guò)程其實(shí)拉低了一些效率。

Mac QQ 4.2.5界面

QQ的產(chǎn)品團(tuán)隊(duì)在大量觀察用戶的使用習(xí)慣中發(fā)現(xiàn)，邊工作邊溝通時(shí)，用戶經(jīng)常將窗口布局成左右兩部分，左邊70%為工作界面，右邊30%用來(lái)溝通，這就是常說(shuō)的三七分比例。

然而，簡(jiǎn)單的拖動(dòng)治標(biāo)不治本。由于拉動(dòng)改變了預(yù)設(shè)的界面尺寸，所顯示的信息可能會(huì)由于界面壓縮而被隱藏。于是Mac QQ5.0將之前的4欄簡(jiǎn)化為2欄，而占用面積比較大的左側(cè)菜單欄也被移至頂部，節(jié)約了近一半的屏幕空間，而且功能并沒(méi)有被迫刪減。

Mac QQ 5.0界面

而在另一方面來(lái)看，Mac QQ5.0的隱藏功能設(shè)計(jì)也與手機(jī)QQ進(jìn)行了貼合，例如成員列表被收納到右上角位置，保持了與移動(dòng)端的統(tǒng)一體驗(yàn)。

而在邊工作邊聊天的情況下，這樣的版面似乎還是略微有點(diǎn)寬，于是Mac QQ的“極簡(jiǎn)模式”真正派上了用場(chǎng)，進(jìn)一步將QQ界面調(diào)整至屏幕的30%范圍內(nèi)，符合大部分用戶的操作習(xí)慣。

Mac QQ 5.0“極簡(jiǎn)模式”界面

“極簡(jiǎn)模式”隱藏了列表部分的好友/群組名稱和消息預(yù)覽，但是別擔(dān)心分不清好友是誰(shuí)，將鼠標(biāo)移至頭像上將會(huì)有氣泡顯示名稱，移開(kāi)則消失。這項(xiàng)設(shè)計(jì)避免了空間的浪費(fèi)，也讓用戶不會(huì)錯(cuò)過(guò)新信息。

對(duì)話框里的頭像也被精簡(jiǎn)掉，保留了好友的名字，確保精確了解消息內(nèi)容。畢竟在工作中，如何用最短的時(shí)間了解最全面信息更為重要，而這也為界面爭(zhēng)取了更多的優(yōu)化空間。

在各個(gè)細(xì)節(jié)部分的優(yōu)化后，“極簡(jiǎn)模式”的界面只占到整個(gè)電腦屏幕的30%，聊天的各項(xiàng)功能也被優(yōu)化到最直觀的位置方便使用，而并非常用的功能也找到合理的入口進(jìn)行收納，確保用戶在需要的時(shí)候簡(jiǎn)單操作即可找到。

Mac的產(chǎn)品設(shè)計(jì)風(fēng)格非常明確，大板面、簡(jiǎn)約、干凈利落都是Mac的關(guān)鍵詞。隨著用戶對(duì)Mac使用場(chǎng)景越來(lái)越豐富，如何適應(yīng)用戶的使用習(xí)慣來(lái)完成多場(chǎng)景工作就成為新的挑戰(zhàn)。Mac QQ在這方面率先進(jìn)行了探索，且一直擁有積極優(yōu)化的態(tài)度，這也造就了QQ在Mac端應(yīng)用中的出類拔萃。