雖然國內(nèi)外的UI設(shè)計作品很多,但仔細觀察會發(fā)現(xiàn),幾乎所有的作品都遵循一些共同的原則。那么,ui設(shè)計的原則是什么?ui設(shè)計的原則主要有親密度、對齊、重復(fù)、對比四大基本原則,下面具體為大家詳細分析講解。
首先,親密度。
所謂親密度可以等同于相關(guān)性。在同一個界面上,如果兩者的物理位置足夠接近,則說明兩者是相關(guān)的。比如,在街上如果兩個人很親近,就說明他們有一定的關(guān)系,彼此認識。如果他們相距很遠,他們可能不認識對方。界面中兩個類似的東西會被放在一起,作為一個組來處理,尤其是幾個組件的聯(lián)動可以給用戶帶來直觀的提醒,讓每個用戶都能看懂界面產(chǎn)生直觀的理解。
第二,對齊。
當元素被放置在界面上時,有要求和細節(jié),不能隨便放置。每一項都應(yīng)該與界面中的某個功能或內(nèi)容有對應(yīng)的聯(lián)系,就像對齊類型一樣。在設(shè)計方面,對齊的呈現(xiàn)往往可以在彼此之間創(chuàng)造一種凝聚力。常見的對齊方式有左對齊、右對齊、左右對齊、居中對齊等,都是設(shè)計時對齊的擴展方式。
第三,重復(fù)。
在界面中,可能會以粗體、線條、符號、顏色、設(shè)計元素和空間關(guān)系重復(fù)出現(xiàn)。工作場所的每個人都使用重復(fù)。例如,在一個文檔中,不同的大標題和副標題會根據(jù)各自的位置進行統(tǒng)一設(shè)計,以便更好地區(qū)分它們,以確保它們能給人們帶來一致的美感。這個原則在 UI 設(shè)計中尤為重要。事實上,任何界面中存在和可見的內(nèi)容都可以提取為單個元素,以進行重復(fù)設(shè)計和集成。
第四,對比。
你要在不同元素之間形成對比效果來吸引用戶。說白了就是營造視覺上的碰撞效果。如果界面中的兩個組件不同,往往是完全不同的。事實上,在 UI 設(shè)計中是不允許用同義詞代替類似功能的。為了避免混淆,只要它們不同,就必須相距甚遠。這樣不僅可以快速抓住用戶的注意力,還可以用來整理信息,給頁面上的用戶提供相應(yīng)的引導(dǎo),創(chuàng)造更多的關(guān)注度。
以上就是ui設(shè)計必須遵守的四個原則。在此基礎(chǔ)上,設(shè)計也要注意編程。畢竟ui設(shè)計之后的第二個環(huán)節(jié)就是編程。如果不能實現(xiàn),則判定為無效設(shè)計。
順便說一句,如果你想做好UI設(shè)計,僅僅了解ui設(shè)計的原則是什么是不夠的。在此基礎(chǔ)上,你需要掌握ps、ai、ae等軟件的使用方法,并通過名家作品的鑒賞來提升自己的行業(yè)意識,從模擬開始就逐漸提升,直到可以獨立輸出具有可編程性并負責相關(guān)原則的作品。更多關(guān)于UI培訓(xùn)的問題,歡迎咨詢千鋒教育在線名師。千鋒教育擁有多年IT培訓(xùn)服務(wù)經(jīng)驗,采用全程面授高品質(zhì)、高體驗培養(yǎng)模式,擁有國內(nèi)一體化教學管理及學員服務(wù),助力更多學員實現(xiàn)高薪夢想。