图文编排设计.pptVIP

圖文編排設計 圖文編排設計 編排的視覺心理 * 圖文編排的視覺心理 眼睛是心靈的窗口，那麼，視覺設計與心理學就必然存在某種關係… 視線集中在中心位置時總是會感到最舒服 * 視覺平衡 視覺平衡-實例 因為這些圖案，如上圖水滴，都會引導你的視線去到中心點上(焦點)而使視覺感到穩定。 * 視覺平衡 版面平衡 視覺習性：當眼睛在觀察一個區域時，視線會很自然地往中心移動。 在這個區域如果放上某個元素，擺放的位置不同，則會使我們的視覺心理產生不同的感受。 不安定 * 視覺平衡 曖昧、不明確 平衡 * 視覺平衡 不安定 * 視覺平衡 平衡 * 視覺平衡 平衡+不安定 * 視覺平衡 每一個元素都涉及到形態、方向及量感。 要讓整個版面產生一種平衡感，其實就是通過對元素的安排及調整，將視覺重心往在中心位置上調整。 當然，你也可以故意製造不安定緊張的版面編排 只要配合訊息表達內容的氛圍、風格，同樣是一種有價值、有意義的圖文編排設計。 * 版面編排設計與視覺心理的關係 * 版面編排設計與視覺心理的關係 突出的視覺焦點 國家→主標 首都→視覺焦點 地方→副標或說明文字 XXXXX OOO * 版面編排設計與視覺心理的關係 突出的視覺焦點 視覺焦點，Center for Visual Impact（簡稱CVI ） 。 一般而言，版面上建議只有一個明顯視覺焦點。 任何出現在同一版面上的明顯焦點，都可能會彼此干擾，造成讀者視覺上的困惑。 根據視覺心理學的研究，人的視線對於版面的視覺傳達力感受，大致「上比下強」，「左邊比右邊強」。 * * * 版面編排設計與視覺心理的關係 清晰的視覺動線 人們在完整地接收平面元素信息時，視線會形成一個習慣性的流動順序 視覺往往先落於視覺焦點，隨後依各元素間的強弱變化而作有序流動，吸收有興趣的訊息。 * 版面編排設計與視覺心理的關係 XXXXX XXXXX 版面編排不是單靠感覺，必須考量其視覺動線習慣： 由上而下 相鄰區域移動 * 版面編排設計與視覺心理的關係 XXXXX XXXXX 較容易被圓形或不規則輪廓吸引 較容易被篇幅或尺寸大者吸引 * 版面編排設計與視覺心理的關係 當我們在版面上增加一張圖片時，競爭的局面便造成了，而視線的流動自然也不可避免。 如果兩張圖片量感相等，那麼視覺元素的對比就不夠明顯，這樣的版面設計會使視線流動產生不確定性，明顯不符合視覺心理學的原理。 若在量感不等的圖片之間，存在不同的張力大小，使讀者的視線能按明晰的脈路流動：視覺先投至大圖片，然後流動至較小的圖片。 * 版面編排設計與視覺心理的關係 除了用視覺張力來營造視線的流動外，版面還可利用圖的趣味中心（趣味中心指照片中最引人入勝、給人印象最深刻，也是攝影者最想表達的畫面形象主題）的指向作用，將視線從圖中轉移出來。 趣味中心的指向作用，可用突破畫面限制，在圖鄰近的版面上發揮影響。 * * 張飛吆喝退千軍 - 音響 孫悟空收服蜘蛛精 – 吸塵器 * 版面編排設計與視覺心理的關係 虛實空間的應用-留白 根據視覺對物理美學的原理，每個實空間佔據一定位置後，需有一定量的虛空間來調節，使其張力、動勢得以釋放與延伸。 視覺心理學中的虛空間，在版面設計時就是 “留白” 。 * 版面編排設計與視覺心理的關係 虛實空間的應用-留白 * 下週作業與進度 名稱：100年度資安海報設計競賽 主題：個人資料保護 進度：創意發想+圖文編排（色稿） 討論準備： 1. 數量：每人準備三個不同水平思考的創意具體表現。 2. 尺寸：A4彩色列印（至少需看得清楚創意概念的表達為原 則）。 下週上課：非討論時間，請在教室繼續作業！ * * * * * * 圖文編排設計