發(fā)布時(shí)間:2022-02-18 09:47:20來源:轉(zhuǎn)載
視覺中心通常位于圖片的八分之五,作為視點(diǎn)構(gòu)圖的基礎(chǔ),可以突出地表現(xiàn)視覺主題,將用戶的注意力集中在主要內(nèi)容上,今天小編主要給大家分享UI視覺設(shè)計(jì)的原則是什么?希望對(duì)你們有幫助!
UI視覺設(shè)計(jì)的原則是什么?
1.什么是構(gòu)圖?
構(gòu)圖(Composition)是指在有限的畫面中合理布局和排列各種元素,以達(dá)到畫面中圖形和文字的位置,產(chǎn)生視覺效果。
構(gòu)圖是整個(gè)畫面的骨架,它決定了視覺營銷界面是否準(zhǔn)確表達(dá)主題并吸引用戶的注意力。
2.構(gòu)圖的四個(gè)基本原則
均衡、對(duì)比、律動(dòng)、視點(diǎn)這四個(gè)基本視覺原則適用于偏平面設(shè)計(jì)。當(dāng)然,這也是每個(gè)人學(xué)習(xí)APP ui設(shè)計(jì)的基本理論知識(shí)。
當(dāng)然,一個(gè)完整的引導(dǎo)頁界面包括:主題圖、背景渲染圖、文本、修飾圖和動(dòng)畫元素。
(1)均衡
每個(gè)元素在布局上都保持視覺權(quán)重的平衡和對(duì)稱,從而使視覺界面有一種平衡感和穩(wěn)定性。堆成是一種極端的平衡狀態(tài),平衡感和穩(wěn)定性很強(qiáng),它適合性能但有很大的局限性,并且缺乏變化。
(2)對(duì)比
在視覺界面中,主題以大小對(duì)比、字體大小、粗細(xì)對(duì)比、疏密對(duì)比、對(duì)錯(cuò)對(duì)比的形式突出和強(qiáng)化主題,吸引用戶的注意力。
(3)律動(dòng)
可以理解為節(jié)奏、規(guī)則、跳躍、動(dòng)態(tài)等元素。
它在引導(dǎo)用戶的視覺軌跡方面發(fā)揮著作用,研究表明,畫面的右上角吸引人多,而左下角吸引人少。律動(dòng)可以給人一種視覺上有規(guī)律的節(jié)奏效果,從而吸引用戶理解app界面的內(nèi)容。
(4)視點(diǎn)
也就是視覺的中心點(diǎn)或者是視覺焦點(diǎn),跟我們拍照的時(shí)候,需要頂一個(gè)焦點(diǎn)。也是視覺傳達(dá)要素點(diǎn)。
也是圖片的視覺中心,構(gòu)圖的視覺中心必須是界面重要的內(nèi)容,也是用戶必須理解的內(nèi)容。視覺中心通常位于圖片的八分之五,作為視點(diǎn)構(gòu)圖的基礎(chǔ),可以突出地表現(xiàn)視覺主題,將用戶的注意力集中在主要內(nèi)容上。
因此,均衡、對(duì)比、律動(dòng)、視點(diǎn)是ui視覺設(shè)計(jì)構(gòu)成的四個(gè)基本原則,大家都必須充分理解和運(yùn)用。
一級(jí)建造師 二級(jí)建造師 消防工程師 消防設(shè)施操作員 BIM 造價(jià)工程師 環(huán)評(píng)師 監(jiān)理工程師 咨詢工程師 安全工程師 建筑九大員 公路水運(yùn)檢測 通信工程 智慧消防工程師 裝配工程師 一級(jí)注冊(cè)建筑師 二級(jí)注冊(cè)建筑師 注冊(cè)電氣工程師 智慧建造工程師 房地產(chǎn)估價(jià)師 EPC工程總承包 碳排放管理師 雅思 托福 GRE 托業(yè) SAT GMAT A-Level ACT AP課程 OSSD 多鄰國英語 考研英語 英語四六級(jí) 商務(wù)英語 青少兒英語 少兒英語 劍橋英語 職場英語 個(gè)人提升英語 旅游英語 英語口語 出國英語 初高中英語 學(xué)生英語 成人英語 公共英語 詞庫 經(jīng)濟(jì)師 初級(jí)會(huì)計(jì)師 中級(jí)會(huì)計(jì)師 注冊(cè)會(huì)計(jì)師 基金從業(yè) 證券從業(yè) 薪稅師 銀行從業(yè) CMA ACCA 會(huì)計(jì)實(shí)訓(xùn) 稅務(wù)師 CFA 企業(yè)合規(guī)師 審計(jì)師 FRM 高級(jí)會(huì)計(jì)師 稅務(wù)師 期貨從業(yè) CQF 真賬實(shí)操技能 葡萄牙語 日語 德語 法語 韓語 西班牙 意大利 高考小語種 粵語 泰語 俄語 阿拉伯語 電商視覺設(shè)計(jì) 影視后期 剪輯包裝 游戲設(shè)計(jì) 游戲程序 UI設(shè)計(jì) 室內(nèi)設(shè)計(jì) UXD全鏈路 平面設(shè)計(jì) CAD設(shè)計(jì)制圖 商業(yè)空間設(shè)計(jì)