歡迎來到培訓(xùn)無憂網(wǎng)!
咨詢熱線 400-001-5729
2021-12-14 13:45:03|已瀏覽:449次

格式塔是20世紀(jì)20年代由德國心理學(xué)家提出的一組視覺感知原理。它建立在“一個有組織的整體,被認(rèn)為大于其各部分的總和”的理論基礎(chǔ)之上。下面是格式塔原則,對UI設(shè)計有很大影響:
一、貼近原則當(dāng)各個視覺單元一個挨著一個,彼此靠得很近的時候,可以用“貼近”這個術(shù)語來描繪這種狀態(tài),通常也把這種狀態(tài)看作歸類。以貼近而進(jìn)行視覺歸類的各種方法都是直截了當(dāng)?shù)模⑶乙子谑┬小TO(shè)計師可以根據(jù)需要使用貼近手法創(chuàng)造出完美的格式塔。這是因?yàn)橛少N近而產(chǎn)生近緣關(guān)系,運(yùn)用近緣關(guān)系無論對少量的相同視覺單元還是大量不同的視覺單元進(jìn)行歸類都同樣容易。
貼近原則如何應(yīng)用于UI設(shè)計?
我們可以在UI設(shè)計中使用貼近原則來組合類似的信息、組織內(nèi)容、調(diào)整布局。正確使用將對視覺傳達(dá)和用戶體驗(yàn)產(chǎn)生積極影響。
正如貼近原則所述,關(guān)聯(lián)元素應(yīng)該保持親密,非關(guān)聯(lián)元素應(yīng)該分開。留白在這里發(fā)揮著至關(guān)重要的作用,因?yàn)榱舭滓龑?dǎo)了用戶視覺朝預(yù)期方向發(fā)展。留白可以增強(qiáng)視覺層次和信息流引導(dǎo),有助于信息閱讀和掃描布局,它可以幫助用戶更快地實(shí)現(xiàn)目標(biāo)并深入到內(nèi)容本身。我們幾乎可以在任何地方應(yīng)用貼近原則,從導(dǎo)航、卡片、正文和分頁等等。
二、共同區(qū)域原則與貼近原則類似,放置在同一區(qū)域內(nèi)的元素被視為一個分組。
共同區(qū)域原則如何應(yīng)用于UI設(shè)計?
共同區(qū)域原則非常有用,它可以幫助我們進(jìn)行信息分組和組織內(nèi)容,同時它也可以實(shí)現(xiàn)內(nèi)容分離或做為一個焦點(diǎn)。這個原則增強(qiáng)了層次結(jié)構(gòu),可閱讀性,并有助于信息傳達(dá)。
共同區(qū)域原則可以把許多不同的因素結(jié)合在一起,使它們在更大的組內(nèi)保持統(tǒng)一。我們可以通過使用線條、顏色、形狀和陰影來達(dá)到這個目的,它經(jīng)常被用于元素前置,表示某個元素的重要性。
三、相似原則具有相似視覺特征的元素比那些不具有相似特征的元素更像一個整體。
相似原則如何應(yīng)用于UI設(shè)計?
我們傾向于將相似的元素視為一個分組,相似原則可以幫助我們組織和分類組中的對象,并將它們與特定的含義或功能相關(guān)聯(lián)。
有很多方法使的元素被認(rèn)為是相似的,例如顏色、大小、形狀、質(zhì)地、尺寸和方向等等。其中一些比其他的具有更強(qiáng)的相似性(如:顏色>大小>形狀)。當(dāng)相似發(fā)生時,對象可以通過與其他物體不同而得到強(qiáng)調(diào),這稱為“異常”,可用于創(chuàng)建對比或視覺權(quán)重。它可以提醒用戶注意特定的內(nèi)容,同時對可掃描性、發(fā)現(xiàn)性和總體流程都有很大的幫助。
我們可以在導(dǎo)航、鏈接、按鈕、標(biāo)題、號召性用語等方面運(yùn)用相似原則。
四、閉合原則
有一種常見的視覺歸類方法基于人類的一種完型心理:把局部形象當(dāng)作一個整體的形象來感知。這種知覺上的特殊現(xiàn)象,稱之為閉合。
閉合原則如何應(yīng)用于UI設(shè)計?
正如閉合原則所述,當(dāng)提供適量的信息時,我們的大腦將通過填補(bǔ)空白并創(chuàng)建一個統(tǒng)一的整體來得出結(jié)論。通過這種方式,我們可以減少傳遞信息所需的元素數(shù)量,降低復(fù)雜性并使設(shè)計更具吸引力。閉合可以幫助我們最小化視覺噪音并傳達(dá)信息,在相當(dāng)小的空間內(nèi)強(qiáng)化概念。
我們可以在圖標(biāo)以及圖形設(shè)計中使用閉合原則,可以簡單快速且清晰的傳達(dá)想表達(dá)的意義。
五、對稱原則
無論距離遠(yuǎn)近,對稱元素都會被認(rèn)為屬于一體,給我們一種堅固和有序的感覺。
對稱原則如何應(yīng)用于UI設(shè)計?
對稱元素簡單,和諧,視覺上令人愉悅。我們的眼睛尋求這些屬性以及秩序和穩(wěn)定,以了解世界。因此對稱對快速有效地傳遞信息非常有用。對稱感覺很舒服,幫助我們專注于重要的事情。
對稱的成分令人滿意,但它們也會變得有點(diǎn)沉悶和靜止。視覺對稱往往更有活力,更有趣。在對稱設(shè)計中添加不對稱元素有助于在留下印象時引起注意。在任何設(shè)計中,對稱以及合理的不對稱都很重要。
最好將對稱原則用于產(chǎn)品展示,列表,導(dǎo)航,banner和任何內(nèi)容豐富的頁面。
六、連續(xù)性原則
排列成直線或柔和曲線的元素被認(rèn)為與隨機(jī)排列或粗糙線排列的元素相關(guān)。
連續(xù)性原則如何應(yīng)用于UI設(shè)計?
連續(xù)線后面的元素被視為分組。線段越平滑,我們就越看到它們的統(tǒng)一形狀,我們的思想更喜歡阻力最小的道路。
連續(xù)性幫助我們通過構(gòu)圖來解釋方向和運(yùn)動。它在對齊元素時發(fā)生,它可以幫助我們的眼睛順利地穿過頁面,有助于提高易讀性。連續(xù)性原則加強(qiáng)了對分組信息的感知,創(chuàng)建了秩序并引導(dǎo)用戶通過不同的內(nèi)容細(xì)分。連續(xù)性的中斷可以表示一個部分的結(jié)尾,引起人們對新內(nèi)容的關(guān)注。
行和列的線性排列是連續(xù)性的良好示例。我們可以在菜單和子菜單,列表,輪播,服務(wù)或流程/進(jìn)度顯示中使用它們。本文由培訓(xùn)無憂網(wǎng)長沙牛耳教育課程顧問老師整理發(fā)布,希望能夠?qū)ο雲(yún)⒓娱L沙UI設(shè)計培訓(xùn)的學(xué)生有所幫助。更多課程信息可關(guān)注培訓(xùn)無憂網(wǎng)UI設(shè)計培訓(xùn)或添加老師微信:15033336050
注:尊重原創(chuàng)文章,轉(zhuǎn)載請注明出處和鏈接 http://www.hebeijilong.cn/news-id-7592.html 違者必究!部分文章來源于網(wǎng)絡(luò)由培訓(xùn)無憂網(wǎng)編輯部人員整理發(fā)布,內(nèi)容真實(shí)性請自行核實(shí)或聯(lián)系我們,了解更多相關(guān)資訊請關(guān)注UI設(shè)計頻道查看更多,了解相關(guān)專業(yè)課程信息您可在線咨詢也可免費(fèi)申請試課。關(guān)注官方微信了解更多:150 3333 6050