發(fā)布時(shí)間:2022-02-18 09:47:20來(lái)源:魔方格
視覺(jué)中心通常位于圖片的八分之五,作為視點(diǎn)構(gòu)圖的基礎(chǔ),可以突出地表現(xiàn)視覺(jué)主題,將用戶的注意力集中在主要內(nèi)容上,今天小編主要給大家分享UI視覺(jué)設(shè)計(jì)的原則是什么?希望對(duì)你們有幫助!
UI視覺(jué)設(shè)計(jì)的原則是什么?
1.什么是構(gòu)圖?
構(gòu)圖(Composition)是指在有限的畫面中合理布局和排列各種元素,以達(dá)到畫面中圖形和文字的位置,產(chǎn)生視覺(jué)效果。
構(gòu)圖是整個(gè)畫面的骨架,它決定了視覺(jué)營(yíng)銷界面是否準(zhǔn)確表達(dá)主題并吸引用戶的注意力。
2.構(gòu)圖的四個(gè)基本原則
均衡、對(duì)比、律動(dòng)、視點(diǎn)這四個(gè)基本視覺(jué)原則適用于偏平面設(shè)計(jì)。當(dāng)然,這也是每個(gè)人學(xué)習(xí)APP ui設(shè)計(jì)的基本理論知識(shí)。
當(dāng)然,一個(gè)完整的引導(dǎo)頁(yè)界面包括:主題圖、背景渲染圖、文本、修飾圖和動(dòng)畫元素。
(1)均衡
每個(gè)元素在布局上都保持視覺(jué)權(quán)重的平衡和對(duì)稱,從而使視覺(jué)界面有一種平衡感和穩(wěn)定性。堆成是一種極端的平衡狀態(tài),平衡感和穩(wěn)定性很強(qiáng),它適合性能但有很大的局限性,并且缺乏變化。
(2)對(duì)比
在視覺(jué)界面中,主題以大小對(duì)比、字體大小、粗細(xì)對(duì)比、疏密對(duì)比、對(duì)錯(cuò)對(duì)比的形式突出和強(qiáng)化主題,吸引用戶的注意力。
(3)律動(dòng)
可以理解為節(jié)奏、規(guī)則、跳躍、動(dòng)態(tài)等元素。
它在引導(dǎo)用戶的視覺(jué)軌跡方面發(fā)揮著作用,研究表明,畫面的右上角吸引人多,而左下角吸引人少。律動(dòng)可以給人一種視覺(jué)上有規(guī)律的節(jié)奏效果,從而吸引用戶理解app界面的內(nèi)容。
(4)視點(diǎn)
也就是視覺(jué)的中心點(diǎn)或者是視覺(jué)焦點(diǎn),跟我們拍照的時(shí)候,需要頂一個(gè)焦點(diǎn)。也是視覺(jué)傳達(dá)要素點(diǎn)。
也是圖片的視覺(jué)中心,構(gòu)圖的視覺(jué)中心必須是界面重要的內(nèi)容,也是用戶必須理解的內(nèi)容。視覺(jué)中心通常位于圖片的八分之五,作為視點(diǎn)構(gòu)圖的基礎(chǔ),可以突出地表現(xiàn)視覺(jué)主題,將用戶的注意力集中在主要內(nèi)容上。
因此,均衡、對(duì)比、律動(dòng)、視點(diǎn)是ui視覺(jué)設(shè)計(jì)構(gòu)成的四個(gè)基本原則,大家都必須充分理解和運(yùn)用。