久久人人97超碰国产,GOGOGO免费高清日本TV

UI設計有哪些規(guī)范？（二）

時間：2019-01-04來源：m.5wd995.cn點擊量：次作者：AAA小助手

時間：2019-01-04點擊量：次作者：AAA小助手

除了軸以外，還有對稱和層級。以下AAA小編再來分享一下UI設計當中的這兩個相關概念。全能+的人才，也是從不同的事物中找相似處。從而提高自己的思考能力。

二：對稱

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

1.平衡

對稱令整個設計更加平衡。當元素與控件在軸線兩側處于相同位置之時，會給人以協(xié)調和諧的設計感。當我們在規(guī)劃街道兩側的房屋建設的時候，如果左右兩側都是5間大小一致的房子，當你走在街上的時候這種平衡的設計會令人非常舒適，這是平衡給人的感受。
Rdio的APP設計就遵循著這樣的設計規(guī)則，屏幕兩側的控件是相同的規(guī)格，這類布局很適宜閱讀，用戶會自覺地自上到下，從左向右查看。

2.不對稱

如果軸線兩側的控件布置不再是一一對應，尺寸相近，那就是不對稱的設計。不對稱的設計會給人明顯的失衡感，可能會令人不舒服，但是也能造就殘缺美，當然這要看你具體怎么做。
雖然Pinteret的APP設計在整體上是沿著中軸線對稱的（寬度一致），但是兩邊的界面控件并非是對稱的，他們的高度并不一致，位置也是錯落的。稍微一點的落差都會被眼睛捕捉到，而這樣的差異讓用戶無法準確地左右順序閱讀。不對稱設計打破了設計的平衡性和舒適性，但也緩解了規(guī)律性設計帶來的視覺疲勞。

三：層級

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

1.尺寸

如果一個設計元素在尺寸上比其他的控件更大，就會區(qū)分出層級。毫無疑問，我們查看某個設計的時候，通常會被最大的元素吸引到。如果一個建筑物有5個出窗戶，其中一個是其他四個的兩倍大，我們的注意力自然而然會被吸引過去。
通過尺寸來區(qū)分文章列表層級的典型就是稍后讀應用Pocket。頂部的輪播文章?lián)碛懈蟮膱D片，它的位置和尺寸會令我們一眼注意到。

2.形狀

如果一個控件在形狀和形態(tài)上同其他的不一樣，也可以讓它獨立出一個層級。不規(guī)則的設計同樣會令人側目。建筑物的正面擁有五個相同的窗戶和一閃大門，你會立刻注意到門的獨特之處。
在Instagram的個人信息頁中，圓形的個人頭像在方形的圖片中別具一格，非常抓人眼球。它會讓人意識到，這個獨特的東西，更為重要。

3.位置