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