歡迎來(lái)到培訓(xùn)無(wú)憂網(wǎng)!
咨詢熱線 400-001-5729
2022-06-15 14:54:21|已瀏覽:1395次

ui界面設(shè)計(jì)中的構(gòu)圖法則
ui界面設(shè)計(jì)中的構(gòu)圖法則有哪些?畫(huà)面的視覺(jué)中心,構(gòu)圖的視覺(jué)中心必須是界面最重要的內(nèi)容,也是讓用戶理解的內(nèi)容。今天小編主要給大家分享ui界面設(shè)計(jì)中的構(gòu)圖法則,希望對(duì)你們有幫助!
1.什么是構(gòu)圖
構(gòu)圖(Composition)是指在有限的畫(huà)面中合理布局和排列各種元素,以達(dá)到畫(huà)面中圖形和文字的最佳位置,產(chǎn)生最佳視覺(jué)效果。
構(gòu)圖是整個(gè)畫(huà)面的骨架,它決定了視覺(jué)營(yíng)銷界面是否準(zhǔn)確表達(dá)主題并吸引用戶的注意力。
2. 構(gòu)圖的四個(gè)基本原則
均衡、對(duì)比、律動(dòng)和視點(diǎn)。
主要從APP引導(dǎo)頁(yè)設(shè)計(jì),APP banner圖設(shè)計(jì)說(shuō)起,這四個(gè)基本的視覺(jué)構(gòu)圖法則適用于偏平面設(shè)計(jì)。當(dāng)然,這也是大家學(xué)習(xí)APP ui設(shè)計(jì)的基本理論知識(shí)。
當(dāng)然,一個(gè)完整的引導(dǎo)頁(yè)界面包括:主題圖、背景渲染圖、文本、點(diǎn)綴圖和動(dòng)畫(huà)元素。
1)均衡
每個(gè)元素都保持布局上視覺(jué)重量的平衡和對(duì)稱,因此視覺(jué)界面有一種平衡感和穩(wěn)定感。堆積是一種極端的平衡狀態(tài),具有強(qiáng)烈的平衡感和穩(wěn)定性,它有很大的局限性,并且缺乏變化。
2)對(duì)比
在視覺(jué)界面中,通過(guò)大小對(duì)比、字體大小、粗細(xì)對(duì)比、疏密對(duì)比、曲直對(duì)比的形式突出和加強(qiáng)主題,吸引用戶的注意力。
3)節(jié)奏
可以理解為節(jié)奏、規(guī)則、跳躍、動(dòng)感等元素。
它在引導(dǎo)用戶的視覺(jué)軌跡方面發(fā)揮著重要作用,研究表明,圖片的右上角吸引的注意力最多,而左下角吸引的注意力最少。節(jié)奏可以給人一種視覺(jué)上有規(guī)律的節(jié)奏效果,從而吸引用戶理解APP界面的內(nèi)容。
4)視點(diǎn)
是視覺(jué)的中心點(diǎn)或焦點(diǎn),也是視覺(jué)傳達(dá)要素的核心點(diǎn)。
視點(diǎn):畫(huà)面的視覺(jué)中心,構(gòu)圖的視覺(jué)中心必須是界面最重要的內(nèi)容,也是讓用戶理解的內(nèi)容。視覺(jué)中心通常位于畫(huà)面的八分之五的地方,作為視點(diǎn)構(gòu)圖的基礎(chǔ),可以更突出地顯示視覺(jué)主題,將用戶的注意力集中在主要內(nèi)容上。
注:尊重原創(chuàng)文章,轉(zhuǎn)載請(qǐng)注明出處和鏈接 http://m.hebeijilong.cn/news-id-39337.html 違者必究!部分文章來(lái)源于網(wǎng)絡(luò)由培訓(xùn)無(wú)憂網(wǎng)編輯部人員整理發(fā)布,內(nèi)容真實(shí)性請(qǐng)自行核實(shí)或聯(lián)系我們,了解更多相關(guān)資訊請(qǐng)關(guān)注UI設(shè)計(jì)頻道查看更多,了解相關(guān)專業(yè)課程信息您可在線咨詢也可免費(fèi)申請(qǐng)?jiān)囌n。關(guān)注官方微信了解更多:150 3333 6050