今天25學堂跟大家來學習一下建筑大師如何把建筑設計思維運用到移動APP設計當中來的。

廢話少說，我們直奔主題吧！

手機APP設計教程之四條APP產品設計黃金法則

第一條設計黃金法則：軸的把控

軸在UI設計中是最基本、最常見的概念，也是用來組織界面結構的重要核心。簡單說來，軸是在設計的時候組織一系列元素的假象線，軸以虛線的方式被標注出來。也類似我們在ps里面設計的標尺、參考線一樣的。

我們的日常生活中絕大多數(shù)的事情都是有序的，我們更傾向于享受有序的的東西，它們令人感覺平穩(wěn)、舒適、平易近人。

如下圖列表的排列：

運用了對齊、向下滑動、連續(xù)性、加強等原則。

也符合APP設計當中，軸的定位和以軸為設計的準則。

第二條設計黃金法則：對稱與平等分

當元素被均勻地放置在軸線的兩側之時，他們構成了對稱的關系。當元素被精準地在軸線兩側一一對應之時，它們就形成了完美對稱。

當元素與控件在軸線兩側處于相同位置之時，會給人以協(xié)調和諧的設計感。這類布局很適宜閱讀，用戶會自覺地自上到下，從左向右查看。

在APP界面設計里面，常用的設計布局就是九宮格或者是六宮格等。

九宮格的源頭可是我們中國人發(fā)明的一種構圖模式，但巧的是它與黃金分割有著驚人的理論聯(lián)系！大家們把畫面的上下左右用黃金分割來做出4條線，我們驚奇的發(fā)現(xiàn)這就是我國古人所說的九宮格！

人們發(fā)現(xiàn)在九宮格的4條線交匯的4個點是人們的視覺最敏感的地方，在國外的攝影理論里把這4個點稱為“趣味中心”。顧名思義，被反復證明的是當被攝主體處于或發(fā)布在這4個點附近最容易得到“眼球”

如下圖的排列：看起來是不是很舒服呢？

這就是美學設計當中的黃金比例合理運用和解讀。

當然還有一種是不對稱設計，我們常見代表產品就是瀑布流設計的花瓣網(wǎng)。

不對稱的設計會給人明顯的失衡感，可能會令人不舒服，但是也能造就殘缺美，當然這要看你具體怎么做。值得我們去發(fā)揮設計創(chuàng)意的地方。

第三條設計黃金法則：層級關系

重點體現(xiàn)的時候，這個時候就會出現(xiàn)層級的關系。 誰要突出，誰要弱化些，誰在上面，誰在下面，誰先處理，誰后處理 等等。這些都是應用了手機APP設計當中的層級關系。

1、形狀與尺寸

比如如果一個設計元素在尺寸上比其他的控件更大，就會區(qū)分出層級。毫無疑問，我們查看某個設計的時候，通常會被最大的元素吸引到。如果一個建筑物有5個出窗戶，其中一個是其他四個的兩倍大，我們的注意力自然而然會被吸引過去。

2、位置的擺放

位置的存在同樣能彰顯層級的不一樣。在圓圈之內，中心位置的東西比邊緣部分的看起來更重要。位于軸線頂端的控件會顯得比其他部分的優(yōu)先級更高。

第四條設計黃金法則：節(jié)奏、韻律與風格

古代的詩詞都會有押韻一說。我們設計移動APP界面設計的時候，也是如此。

節(jié)奏與韻律的概念來自于音樂，是體現(xiàn)形式美的一種形式，有節(jié)奏的變化才有韻律之美。

節(jié)奏是藝術表現(xiàn)的重要原則，各種藝術形式都離不開節(jié)奏：節(jié)奏是按一定的條理、秩序重復連續(xù)地排列，形成一種律動的形式。它有等距離的連續(xù)，也有漸大、漸小、漸長、漸短、漸高、漸低、漸明、漸暗等排列構成，就如同春、夏、秋、冬的四季循環(huán)。節(jié)奏的重復使單純的更為單純，統(tǒng)一的更為統(tǒng)一。

韻律不是簡單的重復，而是比節(jié)奏更高一級的律動，是在節(jié)奏基礎上更超于線形的起伏、流暢與和諧。韻律是宇宙之間善遍存在的一種美感形式，它就像音樂中的旋律，不但有節(jié)奏，更有情調；它能增強版面的感染力，開拓藝術表現(xiàn)力，牽動人．fl的思想感情，引起觀者的共鳴。

節(jié)奏與韻律的運用，能創(chuàng)造出形象鮮明、形式獨特的視覺效果．表現(xiàn)輕松、優(yōu)雅的情感，通過躍動提高訴求力度。從而形成一派風格。

所以，手機UI界面設計也要學會營造出獨特的節(jié)奏韻律之美，才是上上之作。

具體設計體現(xiàn)在 ? ?模式一樣，布局一樣。合理的間斷處理等。

APP列表中每一間房子都占據(jù)一個模塊，模塊中有著大小相同的圖片，價格、位置和房東信息和圖片的相對位置一定，且排版勻稱舒服，兩個模塊之間的間距也相同，當你瀏覽的時候，熟悉的節(jié)奏會讓你清楚地知道上哪看關鍵信息。

以上就是今天25學堂跟各位分享的手機APP設計教程之四條APP產品設計黃金法則。

希望幫助各位在APP界面設計當中，明確很多設計的方向，而不是隨意的擺放和設計。