|
hi，我是魚先生，專注平面視覺設(shè)計(jì)方向。今天和各位魚友們聊聊設(shè)計(jì)中的重要基礎(chǔ)知識點(diǎn)：點(diǎn)線面，系列一共3篇，先從點(diǎn)元素開始，那么點(diǎn)的主要表現(xiàn)作用有點(diǎn)綴、強(qiáng)調(diào)、烘托、裝飾、平衡畫面、統(tǒng)一等。我們聽過畫龍點(diǎn)睛的典故，有了眼睛的神韻之后，龍就會更加的活靈活現(xiàn)，像是有了生命一樣，設(shè)計(jì)亦如此，元素的添加就如同畫龍點(diǎn)睛一樣，做對了，那么畫面也就活起來了。接下來，魚先生會用通俗易懂的語言及案例解析，總結(jié)點(diǎn)的8種表現(xiàn)形式，以助于大家的吸收理解，分別是單點(diǎn)表現(xiàn)、多點(diǎn)表現(xiàn)、點(diǎn)元素的平衡性、方向與疏密、節(jié)奏感、視覺烘托、趣味性表現(xiàn)。 
當(dāng)點(diǎn)被單獨(dú)使用的時(shí)候，就很容易起到聚焦、強(qiáng)調(diào)、吸睛的效果。▲ 在設(shè)計(jì)版面中，標(biāo)題具備了是否能夠抓住讀者的作用，需要被突出，圖中標(biāo)題所添加的紅點(diǎn)元素，既起到了裝飾作用，又起到了強(qiáng)調(diào)吸睛的作用。▲ 上圖中所有手電筒的光照都匯聚在下面的一個(gè)點(diǎn)上，通過手電筒的光束方向，以及手電筒大小的對比，引導(dǎo)了人們的視覺動線，起到了聚焦、吸睛的效果。▲ 上圖中文字匯聚成為一個(gè)球狀，從整體來看，文字組成的球可以看做點(diǎn)元素，通過與線組成的網(wǎng)進(jìn)行結(jié)合沖突，讓整副畫面具備張力，視覺焦點(diǎn)也被吸引到了球的位置。當(dāng)單點(diǎn)出現(xiàn)在畫面中的時(shí)候，很容易出現(xiàn)聚焦的作用，比如下圖無印良品的幾張?jiān)O(shè)計(jì)案例：▲ 上面的案例中，天空與地面的大場景代表了空，而黃色的小帳篷和第二幅作品里面的人物代表了實(shí)，空與實(shí)的對比，大與小的對比，即便是主體很小，人們?nèi)耘f會一下子把視覺聚焦在主體上，這個(gè)地方就用到了單點(diǎn)聚焦的表現(xiàn)手法。相同或者近似的點(diǎn)被大面積使用的時(shí)候，具備一定的整體性，即便是點(diǎn)與點(diǎn)之間存在間距，整體看上去這些點(diǎn)元素的組合同時(shí)也充當(dāng)了面的作用，作為背景元素或者主體而存在。先來看下日本藝術(shù)家草間彌生的波點(diǎn)藝術(shù)作品：在藝術(shù)作品中，多點(diǎn)的運(yùn)用形成了一定的視覺沖擊力，不僅僅可以作為背景使用，同時(shí)也可以作為主體物的組合元素而存在。當(dāng)把這些點(diǎn)元素的表現(xiàn)形式作為設(shè)計(jì)元素應(yīng)用在視覺設(shè)計(jì)中的時(shí)候，也能直觀的表達(dá)出效果，我們看到大面積使用這些點(diǎn)的時(shí)候，即作為了背景元素，又能夠成為主體元素，視覺沖擊力也非常的強(qiáng)。如果基本一致的點(diǎn)元素有規(guī)則的出現(xiàn)在版面中的時(shí)候，大家可以觀察到，具備穩(wěn)定或者成為主體圖形的作用。▲ 不斷出現(xiàn)相同或近似點(diǎn)元素，畫面就會相對平衡、穩(wěn)定，同時(shí)也具備了加強(qiáng)視覺沖擊力的作用。通常情況下，大家會直觀的認(rèn)為點(diǎn)就是圓點(diǎn)，事實(shí)并非如此，點(diǎn)不一定就是圓點(diǎn)，可以是其他的點(diǎn)元素，比如字體、logo、圖形等元素都可以某些使用場景中充當(dāng)點(diǎn)元素。再者，從不同角度去思考的時(shí)候，點(diǎn)可以是面，也可以是點(diǎn)，就好像你站在地球上去觀察地球，那么地球就是一個(gè)無邊無際的面，如果你站在宇宙的角度去看，地球就是一個(gè)點(diǎn)，如同我們站在地球上看星星一樣，都是星星點(diǎn)點(diǎn)的。所以說點(diǎn)的形態(tài)并不是單一的，要根據(jù)具體的事物、參照物、角度去理解。利用點(diǎn)元素填補(bǔ)空缺，促進(jìn)畫面的平衡，如下圖案例：▲四周分散的紅點(diǎn)，方正規(guī)矩的擺放手法，并且大小一致，位置分布四個(gè)點(diǎn)，起到了平衡與烘托氣氛的作用，再加上文字版式的整齊化，讓整副畫面看起來更加穩(wěn)定。當(dāng)然了，點(diǎn)不一定就是大家所看到的單純的點(diǎn)，就像留白不一定就是白色一樣，點(diǎn)也可以是一個(gè)點(diǎn)元素，如下圖案例：▲兩個(gè)案例中右下角和左下角的logo部分充當(dāng)了點(diǎn)的元素，起到了平衡畫面的作用。我們看右邊圖形，如果左下角沒有那個(gè)點(diǎn)元素，那么整副畫面中心就太靠右上了，畫面就會不穩(wěn)定。也可以通過點(diǎn)元素的表現(xiàn)，形成引導(dǎo)性，引導(dǎo)用戶的視覺，或者通過規(guī)則或不規(guī)則的位置來體現(xiàn)統(tǒng)一或組織性。其實(shí)對于設(shè)計(jì)師來講，很重點(diǎn)的一件事就是通過視覺去引導(dǎo)客戶，任何一個(gè)畫面中，小到一張名片也是如此，設(shè)計(jì)師在設(shè)計(jì)的時(shí)候就要考慮讓客戶按照何種順序去閱讀你的設(shè)計(jì)。▲ 上圖是一張畫冊目錄，右側(cè)畫面中的頁碼序號部分就是利用數(shù)字與圓形的結(jié)合，然后起到了統(tǒng)一與強(qiáng)調(diào)的作用。講到畫冊，這個(gè)地方想到一個(gè)知識點(diǎn)，就順帶講一下，就是在版式設(shè)計(jì)中，層級是很重要的，整個(gè)項(xiàng)目的層級要保持一致性，比如上圖的頁碼，或者一些文章的一級標(biāo)題、二級標(biāo)題等，這些都屬于同一層級的內(nèi)容，再或者同樣的職位展示，當(dāng)文案內(nèi)容不一致的時(shí)候，作為設(shè)計(jì)師也要思考如何通過版面處理去讓兩者的層級重要性保持一致。如何表現(xiàn)層級的統(tǒng)一性呢？比如統(tǒng)一的色彩、統(tǒng)一的圖標(biāo)、統(tǒng)一的字體大小、當(dāng)整體無法用規(guī)則的內(nèi)容來表現(xiàn)統(tǒng)一的時(shí)候，那么至少在畫面的重量、視覺感上保持統(tǒng)一性，甚至通過版面大小也能夠體現(xiàn)層級統(tǒng)一的效果，這個(gè)知識點(diǎn)太多了，以后抽時(shí)間專門再講一下吧。當(dāng)畫面中的點(diǎn)元素不斷增加、匯聚，我們可以通過調(diào)整點(diǎn)元素的大小、疏密、方向等，從而讓其產(chǎn)生不同的效果。▲ 通過點(diǎn)元素的大小和稀疏關(guān)系，從外圍的稀松到中心的密集，很容易就把視覺焦點(diǎn)引向中心。如果說上面案例的聚焦效果不明顯，那么我們再看下面這個(gè)案例：▲ 通過疏密把視覺吸引到右上角的字體上面，并且在這兩張畫面中我們發(fā)現(xiàn)組合點(diǎn)元素的是人物，并且通過對人物走向的表現(xiàn)，再一次把視覺焦點(diǎn)聚焦在文字上面，疏密與走向起到了雙重聚焦的作用。點(diǎn)元素對節(jié)奏感的把控也能起到至關(guān)重要的作用，通過對點(diǎn)元素的變形、疏密等調(diào)整，來帶動整體的節(jié)奏律動，從而達(dá)到最終的設(shè)計(jì)目的。▲ 左：圖中出現(xiàn)的點(diǎn)元素通過粗細(xì)、大小的對比，然后再加以傾斜，速度感極強(qiáng)；右：這一張雨滴垂直落下，節(jié)奏感會更加平穩(wěn)一些。▲ 左邊藥丸通過遠(yuǎn)近、大小、方向、疏密的關(guān)系，讓藥丸仿佛在靜態(tài)的畫面中動了起來，形成了有律動性的視覺沖擊力；右邊的花瓣脫落，并且根據(jù)脫落變形了花瓣的形狀，給人的感覺就好像是裝滿了水的柔軟氣球一樣，隨著下落的力量，體積進(jìn)行變形，讓畫面更具備張力。▲ 左：運(yùn)用紙飛機(jī)的大小、方向，形成節(jié)奏感；右：抽象魚圖形的匯聚畫面，通過大小、方向的表現(xiàn)方式增加畫面的律動性。
再或者類似下面這樣的人物海報(bào)表現(xiàn)手法，也是比較常見的，其實(shí)就是通過點(diǎn)元素的虛實(shí)、大小等造成一定的空間感和節(jié)奏感，雖說很常見，但也是屢試不爽的好方法。通常在視覺中也會借用點(diǎn)元素的加入，從而烘托畫面，同時(shí)也能夠讓整個(gè)視覺畫面變的更完成美觀。我們可以嘗試去掉畫面中的碎片，大家可以再觀察一下，看上去視覺很干凈，也并不難看，但是氛圍感就下降了一些。上面提到了，點(diǎn)不一定就是圓點(diǎn)，像下圖利用食物的碎屑進(jìn)行填補(bǔ)畫面，讓整個(gè)畫面更加飽滿。▲ 右圖想體現(xiàn)脆，通過碎屑的點(diǎn)綴，就更好地體現(xiàn)了脆的產(chǎn)品特點(diǎn)。我們繼續(xù)來看一些氣氛效果比較強(qiáng)烈的案例：▲ 氣氛的強(qiáng)弱，其實(shí)和設(shè)計(jì)項(xiàng)目的本身需求有很大關(guān)系，比如類似運(yùn)動類、夢幻色彩等類別，那么氛圍感就可以表現(xiàn)得強(qiáng)烈一些。圓點(diǎn)本身具備一定的圓潤度，當(dāng)我們利用點(diǎn)元素在畫面中制造活潑、趣味性的時(shí)候，就很容易去達(dá)到想要的效果。▲ 單從視覺上看，畫面的點(diǎn)元素比較隨意、活潑，色彩方面也比較柔、可愛，整體通過點(diǎn)元素的表現(xiàn)，看起來趣味性十足。▲ 圣誕節(jié)本身就是一個(gè)歡快的節(jié)日，點(diǎn)元素的加入，不僅代表了喜慶、活躍的感覺，更增添了歡快歡樂的氣氛感。▲ 左：畫面看上去比較平淡，利用增加不同色彩的點(diǎn)元素，從而讓整個(gè)平淡的畫面增加了一些氛圍感和趣味性；右：雖然僅僅是文字性的排版，但是通過擬人的手法，讓畫面看起來像是笑到流淚的場景，趣味性十足，而且擬人手法本身就具備吸睛的效果。注：本文案例僅限輔助說明知識點(diǎn)，不作商用。其實(shí)每個(gè)設(shè)計(jì)元素的使用都是很廣泛的，我們需要了解其概念，但同時(shí)也不要被概念所束縛，點(diǎn)線面雖然是很基礎(chǔ)的內(nèi)容，但我們?nèi)跁炌ㄖ笫欠浅Ｓ袃r(jià)值的，因?yàn)閮?yōu)秀的設(shè)計(jì)作品都離不開基礎(chǔ)知識。所以魚先生結(jié)合一些案例給大家進(jìn)行了分析，至于到底如何去使用，其實(shí)并沒有什么死板的定論，大家要根據(jù)學(xué)習(xí)到的知識在實(shí)踐中多活學(xué)活用，只有堅(jiān)持去學(xué)習(xí)，才能更好的理解點(diǎn)到底是如何運(yùn)用的，希望大家可以多多實(shí)踐、舉一反三，加油！
|
