- 網頁配色設計手冊(寫給設計師的書)
- 孫芳編著
- 619字
- 2021-04-02 21:55:55
1.2 網頁設計的點、線、面
點、線、面是組成網頁版式的最基本元素,也是一切視覺藝術不可或缺的組成部分。通常由點到線,由線到面,它們之間存在一種循序漸進的關系。點、線、面之間的組合形成不同的視覺形象,從而傳遞出不同的視覺信息。


1.2.1 點
點是最基本的形態,是造型藝術中最小的構成單位。點可以是一個色塊、一個文字,也可以是圓形、矩形、不規則圖形。點雖然面積小,但是它具有形狀、方向、大小、位置等變化。
如果畫面中只有一個點,那么它可以集中視線。如果有兩個一樣大小的點,并各自有其位置的時候,它的張力作用就表現在連接這兩個點的視線上,即在視覺心理上產生連續的效果。
點可以集中視線,具有畫龍點睛的作用。如果兩個點的大小不同,那么大的點更能吸引視線,但是視線會逐漸從大的點移向小的點,最后集中到小的點上,越小的點積聚力越強。


1.2.2 線
線是由點的運行所形成的軌跡,又是面的邊界。在構圖中表示方向、長短、重量、剛柔,以線構成的畫面可以給人一種規律感和韻律感。
不同的線給人的感覺也會不同,直線表現靜,曲線表現動感。
線有很強的心理暗示作用,通常直線代表男性,象征著力量、穩重;曲線代表女性,象征著柔美、溫柔。


1.2.3 面
在平面設計中,面只有長度和寬度,卻沒有厚度。面的表現力比點和線都要強烈,它的形態是多樣的,不同形態的面在視覺上有不同的作用和特征。例如:矩形具有平衡感,三角形具有穩定感,圓形具有飽滿感。有規律的面具有簡潔、明了、穩定和秩序的感覺;自由的面具有柔軟、輕松、生動的感覺。


推薦閱讀
- 網站建設與網頁設計從入門到精通Dreamweaver+Flash+Photoshop+HTML+CSS+JavaScript
- 網頁設計實用教程
- Vue.js從入門到項目實踐(超值版)
- 眾妙之門:網站UI設計之道2
- 小白實戰大前端:移動端與前端的互通之路
- 中文版Dreamweaver CC+Flash CC+Photoshop CC網頁設計實戰視頻教程
- 《練就職場功夫熊貓》
- 電子商務網頁設計(第二版)
- Premiere Pro CS6多功能教材
- 巧學巧用Dreamweaver CS6制作網頁
- Dreamweaver CS3網頁制作
- Web程序設計
- Dreamweaver CS4網頁制作入門、進階與提高
- 網頁設計綜合實踐教程
- 精通HTML5+CSS3+JavaScript網頁設計(視頻教學版)(第2版)