APP開發必備的UI設計規范

APP開發的UI設計有哪些規范? 可能很多小伙伴都在工作中思考過這個問題，下面，深圳APP開發公司樂信科技的小編為大家總結了一些UI的設計規范，給大家做個參考。

　　一、軸

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

　　1、對齊

　　軸最常見于對稱元素的使用，當元素被布置成軸對稱的布局的時候，會給人有序感。就像生活中絕大多數的事情一樣，我們更傾向于享受有序的的東西，它們令人感覺平穩、舒適、平易近人。最簡單的一個例子就是iTunes 程序中的專輯列表的設計，所有的專輯列表在界面的左側保持對齊，圍繞虛線軸軸對稱。

　　2、強化

　　雖然軸是一條假想的線，但是如果周圍的元素的邊緣控制得足夠整齊，這跳線會在視覺中變得更加“明顯”的。最好的例子是城市中的路燈構成了道路兩旁建筑物之間的軸，如果一邊有建筑一邊沒有，那么這種軸線的感覺不會那么強烈。

　　從產品設計的角度上來看，Twitter 的時間線設計就是一個很好的案例，左側的頭像和右側的推文共同塑造出縫隙中軸線的感覺。

　　3、運動

　　當我們碰到某先線條的時候，視覺會很自然地沿著這些方向運動，就如同我們站在街上，會自覺地沿著街道的兩頭走動。兩個端點決定了線，界定了開始和結束的地方，線，或者說軸線的存在會引導和提示運動的方向。

　　4、連續性

　　如果終點是不確定的，那么你通常會沿著軸線的方向瀏覽/運動，直到你找到感興趣的東西，或者感到厭倦并關閉應用。在建筑學中，未清楚界定的終點非常少見，因為建筑的修建通常沒法永遠持續下去，但是UI設計則不一樣，無限地滾動下去是無比受歡迎的設計手法。

 

　　二、對稱

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

　　1、平衡

　　對稱令整個設計更加平衡。當元素與控件在軸線兩側處于相同位置之時，會給人以協調和諧的設計感。當我們在規劃街道兩側的房屋建設的時候，如果左右兩側都是5間大小一致的房子，當你走在街上的時候這種平衡的設計會令人非常舒適，這是平衡給人的感受。

　　2、不對稱

　　如果軸線兩側的控件布置不再是一一對應尺寸相近，那就是不對稱的設計。不對稱的設計會給人明顯的失衡感，可能會令人不舒服，但是也能造就殘缺美，當然這要看你具體怎么做。

 

　　三、層級

　　當某個元素出現在比其他元素更重要的位置的時候，層級就出現了。

　　1、尺寸

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

　　2、形狀

　　如果一個控件在形狀和形態上同其他的不一樣，也可以讓它獨立出一個層級。不規則的設計同樣會令人側目。建筑物的正面擁有五個相同的窗戶和一閃大門，你會立刻注意到門的獨特之處。

　　3、位置

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