echarts 有引导线和内部文字_点、线、面构图的异同以及相互转化
點、線、面構(gòu)圖既有相似性,又有差異性。相似的是都有對齊、強調(diào)、群組、重復(fù)、突出層次的作用,不同的是點的特點是聚焦、線的特點是運動和方向性,面的特性是體量感、穩(wěn)定性。點的情感最弱,線、面的情感要比點豐富。
一、點、線、面構(gòu)圖的共同點:
1、強調(diào):
點、線、面都能起到強調(diào)的作用,其中點的強調(diào)作用最強。
點用于強調(diào)單個元素。面的強調(diào)作用次之,面用于強調(diào)一個群組。線的強調(diào)作用相對最弱,用于強調(diào)一行文字,或一組文字。(用矩形框住整段文字)
2、對齊:
點、線、面都能起到對齊的作用,其中線的對齊作用最強。線可以讓自個分散沒有聚攏的元素對齊于一條線,產(chǎn)生關(guān)聯(lián)性,使凌亂的版面變得整齊。
同樣,元素除了對齊一條線,亦可以對齊一個面、一個點,雖然效果就沒有線這么整齊,但對齊的方式更新穎一些。
3、群組:
點、線、面都能起到群組的作用,其中面的群組作用最強,線次之,點的群組作用最小,點需要配合留白、對齊等方式才能發(fā)揮群組效果。
面可以把一組元素緊密的包含在面域內(nèi),對齊能使元素的聯(lián)系加強,看起來像一組,這時,如果再用面整個包含起來,群組關(guān)系會進一步加強。
線也能框起來一組元素,使之組合在一起。
點給每一組元素添加相同的點元素,配合留白,拉大每個組間的留白,縮小組內(nèi)元素的間距,然后讓每一個組都用共同的特點:開頭都有一個點元素作為點綴。這樣就能更好的區(qū)分組與組的關(guān)系。
4、重復(fù):
點、線、面都能起到重復(fù)的作用,且三者的重復(fù)作用性相當。對于不同組的元素,均可以添加同樣的點元素、線元素、面元素,使不同組之間都用共同的點、線、面樣式,使不同組產(chǎn)生相同,有了相同的元素就有了某種聯(lián)系。
5 、突出層次:
突出層次就是設(shè)計中的對比法則的應(yīng)用。
點、線、面都能起到整理版面的作用,讓凌亂的版面有層次、有重點。
點:一般來說點岀現(xiàn)在版面某處時,因其特性,會有引導(dǎo)視線切入的功能。比如正常閱讀文字的順序也是自上而下、從左至右,你可以將點元素置于下方或右方,讓觀眾從下方或右方開始觀察。
線:改變線條粗細與長度會產(chǎn)生節(jié)奏感,不同的粗細和長度變化會形成層次,一般粗線比細線更有視覺重量,注意力會先被集中在粗線上,然后再轉(zhuǎn)移到更細的線上。通過線條的粗細搭配、有效的引導(dǎo)視覺走向。
面:同點、線的強化層次類似,面積大的形狀比面積小的形狀更有視覺重量,面的不同比重也就影響到信的息優(yōu)先級。引導(dǎo)視覺走向,有了視覺的先、后、主、次,就有了版面的層次。
以上5個共同點剛好對應(yīng)了設(shè)計中的4大法則:即對齊、群組(留白)、重復(fù)、對比(強調(diào)、層次)。
二、點、線、面構(gòu)圖的差異:
1、特點不同:
點的特點是點綴,聚焦、靜止,線的特點是運動和方向性,面的特點是體量感、穩(wěn)定性。
2、對視線的引導(dǎo)不同:
點的特性是聚焦,如焦點、匯聚點等,吸引聚集視線。
線的特性是發(fā)散,如斜線、放射線、V字線等,引導(dǎo)視線到某個內(nèi)容上。
3、動、靜不同:
線的性質(zhì)是運動和方向,而點、面的性質(zhì)是靜態(tài)特征。
面給人的感受是飽滿,會給設(shè)計帶來體量感,穩(wěn)定感。
點也有靜止的特性,如力學中的重心、支點等,都是一個點,象征著穩(wěn)定。但其穩(wěn)定性稍遜色于面,面的穩(wěn)定性(靜止性)最強,線的動感性最強。
面相對于點、線最大區(qū)別是有體量感,穩(wěn)定、安全、可靠。
4、情感不同:
點的情感最弱,相比點,線的情感就比點更豐富,斜線體現(xiàn)空間透視和動感,曲線體現(xiàn)優(yōu)美和柔和。
面的心理影響和情感特征是最豐富的,三角形象征著尖銳、激進,矩形象征著堅固、沉穩(wěn) ,圓形象征著柔和、優(yōu)雅。
面因其外形不一的關(guān)系,呈現(xiàn)不同的心理面貌和情感特征,相對線、點,面的心理感受更具多元化。
5、張力不同:
張力即延伸性,點看起來總是靜止于一處,而線可無限延伸或運動于一定距離之內(nèi)。
面的延伸性介于點和線之間。如下圖,一排文字也能構(gòu)成線,線是最有張力的。
6、作用不同:
從單個元素:線:對齊元素,點:強調(diào)元素,面:聯(lián)系元素
從整體畫面:線:分割畫面,點:平衡畫面,面:組織畫面,
三、點、線、面之間的聯(lián)系:
在版面中,點、線、面是相互影響、相互轉(zhuǎn)化、相互依賴的:一個文字、一個標志、一個圖形都可成為一個點,一排點的規(guī)律排列也是點的線化,線是點的移動軌跡,有長度、方向 。
在版面中,面可以被認為是點的放大、或點的密集。
點與面的概念是對立統(tǒng)一的,面可以是點,點也可以是面。面越大,點的特征就越不明顯。
多條線的重復(fù)可以形成面,反之,面與面的交界線都可形成一條線。
一個面被線條分割后產(chǎn)生的不同比例的面域也可稱為面。
點強調(diào)位置、線強調(diào)方向、面強調(diào)關(guān)聯(lián)。
點是強調(diào)單個元素,線與面可以歸納、包圍一組元素,使之產(chǎn)生關(guān)聯(lián)。
四、總結(jié):
點、線、面構(gòu)圖既有相似性,又有差異性。
相同點相是都有對齊、強調(diào)、群組、重復(fù)、突出層次的作用,這四個作用正好是設(shè)計遵循的四大法則。
不同點是1、特點不同:2、對視線的引導(dǎo)不同:3、動、靜不同:4、情感不同:5、張力不同:6、作用不同。
三者聯(lián)系:
點、線、面之間是可以相互轉(zhuǎn)化的。點的延長,重復(fù)即是線,點是沒有方向的,點轉(zhuǎn)化成線之后就有了方向性和運動感。
點的放大即是面,面可以是點,點也可以是面。面越大,點的特征就越不明顯。
線的重復(fù)排列也可演化成面,面與面的交界處又形成線。
文章由開心一哥歲月原創(chuàng),部分圖片來源于網(wǎng)絡(luò),侵權(quán)可聯(lián)系刪除。
總結(jié)
以上是生活随笔為你收集整理的echarts 有引导线和内部文字_点、线、面构图的异同以及相互转化的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 通过 Lotus Domino Java
- 下一篇: COM 组件设计与应用(六)