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