在UI界面設計中,信息可以有效地傳達,良好的組織和布局是不可分割的。信息之間層次關(guān)系的表達非常重要。適當?shù)囊曈X設計可以隱喻UI設計元素之間的信息。層次關(guān)系可以減少用戶在使用過程中產(chǎn)生的混淆和理解障礙。我們可以通過以下兩點來嘗試:
1.定義信息的層次關(guān)系,重要亮點
2,適當?shù)拈g距和白色,給界面帶來呼吸感
親密的原則只是將相關(guān)元素組織在一起,關(guān)系緊密,距離近,關(guān)系遠,距離遠。合理使用親密原則可以幫助我們的界面更有條理。
圖片是構(gòu)成界面的重要元素之一,它可以幫助我們更好地豐富界面。那么你如何選擇符合我們產(chǎn)品色調(diào)的圖片呢?如果沒有圖像,我們怎樣才能使界面更有趣?我們可以從以下幾點開始。例如,如果您需要制作旅行應用程序,我們將使用一些競爭產(chǎn)品和經(jīng)驗。應用程序的地圖一般都是明亮,色彩鮮艷,美麗的風景可以吸引人們?nèi)ヂ眯?,所以在尋找圖片時,我們會在明亮多彩的方向上尋找圖片。
1.結(jié)合產(chǎn)品自己的個人選擇地圖
2.當沒有圖片時,創(chuàng)建圖形以豐富界面
圖標通常是有效且直接的表達方式。簡單明了的圖形允許用戶通過了解圖標快速找到所需的功能和需求點,并使界面更有趣。
3,當圖片有更多選擇時,可以考慮不同的構(gòu)圖形式,找到更合適的布局率,使界面布局更加活躍,另外,要考慮的一個因素是圖片顏色應該統(tǒng)一。
在生活和工作中,事物被我們優(yōu)先考慮。設計也是一樣的,所以我們需要提取元素,根據(jù)優(yōu)先級對它們進行排序,并告訴用戶哪些是重要的,哪些是次要的,以便用戶可以順利進行。接收我們想要傳達給他的信息,減輕用戶的負擔。
1,圖片的大小
2,界面中的顏色
在設計工作中,每個人都喜歡專注于色彩和圖像處理。但事實上,文本閱讀的處理與前兩者相同,甚至更為重要。
1.字體大小:在文章中,為了區(qū)分信息的重要性。將通過不同的字體大小區(qū)分。由于文章的主題,我們可以先確定他的字體大小,并根據(jù)需要調(diào)整標題,副標題,并注意大小。 2.留空:按照一定的規(guī)則排列空白區(qū)域也會增加易讀性。遵循“字間距”的排列>行間距>段落間距” 3.行高,行間距:如果行與行之間的間距太寬,視線將移動過長,造成對用戶的負擔。通常,行高為字體大小的1.6-2倍。由于不同字體的固有高度不同,因此需要自行調(diào)整該值。
顏色在GUI的交互中起著重要作用。合理地運用色彩,可以幫助用戶快速找到該界面中的關(guān)鍵點,很容易讓用戶找到他們想要的元素?,F(xiàn)在讓我們來看看App配色方案中的例程:
1.比較顏色匹配
2.單色匹配
3.漸變色匹配