版式設計心得
版式設計心得
在沒有學習版式設計之前,我完全不知道一本雜志,或者一張海報的設計有這么多講究,還以為只要把元素都擺上去看著舒服就行。我記憶最深的兩個大的概念是一開始老師說的黑白灰層次和分欄線。版式設計和素描一樣要分出黑白灰,同時不同等級的信息還要分成不同等級的灰,這樣畫面才會層次豐富。分欄線是相對理性的概念,在版式設計中至關重要,信息元素要按欄線排放才會井然有序,不會給人雜亂無章的感覺。這是我需要加強學習的方面。
在版式設計中有幾大原則,一是整體性原則,二是簡潔性原則,三是重復原則。任何版面都要注重整體,同時也不能忽略細節(jié),細節(jié)體現(xiàn)品質。老師經(jīng)常提到的一點很重要的是不能為了形式而形式,形式是服務于功能的,不要為了形式而忽略功能,要實現(xiàn)美觀與功能的統(tǒng)一。
在學習中發(fā)現(xiàn)了很多問題,首先第一大問題就是軟件操作不熟悉,這點需要我們在以后的學習中加強。二是整體的觀念不夠強,容易出現(xiàn)雜或散的畫面,這也要在以后的學習中多加注意,多分析好的作品。三是細節(jié)關注度不夠,經(jīng)常容易忽略細節(jié),要多加注意。
設計的時候,如果設計者隨意地進行處理而不考慮當中的原則方法及對象規(guī)律的話,那么很多時候都會出現(xiàn)一些不太好的結果。雖然感性是一種相當重要的因素,設計中一定要帶有情感,但并不代表簡單地依靠情感就能做出好的設計。相反,如果設計的時
候能夠考慮到各方面的因素并運用恰當?shù)姆椒ǖ脑,那么作品將更加得體和出色。在網(wǎng)頁設計中,版式設計占的比重非常大,可以說版式的好壞直接決定頁面的成敗,也可以說它是網(wǎng)頁視覺識別的基礎。那么在具體視覺設計的時候,版式上有哪些原則及方法的?
為設計對象建立一個合適的網(wǎng)格。排版網(wǎng)格是由一些垂直和水平的線構成的結構,可以用來幫助內(nèi)容結構化,它能夠讓對象產(chǎn)生秩序感。有些人說網(wǎng)格太過于呆板,影響設計創(chuàng)意,我個人覺得可以把網(wǎng)格當做一個整體大的框架,也可以作為設計師組織文字、圖片的支架,它相當于是設計的基礎,沒有好的基礎怎么能夠談得上出色的設計呢?所以網(wǎng)格不僅不影響創(chuàng)意的發(fā)揮,反而能使設計師思路得到理性地梳理。網(wǎng)格地使用,能較好地解決設計師關于頁面中各元素定位的問題,在這基礎之下可以做科學的精準的版式的規(guī)劃。同時使用網(wǎng)格也是一個令您的設計變得高效的方法之一,在把草圖轉化為設計稿的過程中,在版式方面主要的難點是如何精確地安排各個元素,如果這時候呢夠選擇合適的網(wǎng)格進行設計,那么這個起點的意義是不可小看的。
網(wǎng)頁中版式的節(jié)奏感及韻律,來源于排版中的疏密的間隔安排,它就好比音樂作品里的節(jié)拍,也是組織內(nèi)容的一個重要單元。當然在繪畫作品中也是能體現(xiàn)的,只不過繪畫作品和設計作品有些類似,都是通過疏密的控制讓對象形成畫面節(jié)奏的和諧感受。
在網(wǎng)頁中可以通過一系列的重復和固定的間隔來建立一種視覺和諧的美感,如在一些字體大小,行距、模塊與模塊間的距離等等的制定。
縱向的節(jié)奏在網(wǎng)頁設計中是比較運用廣泛且明顯的,如大部分資訊型的站點?v向節(jié)奏在這方面起到的優(yōu)化網(wǎng)站的作用還是挺大的。什么是網(wǎng)頁縱向節(jié)奏感?其實就是為網(wǎng)站設定一個縱向的單元高度,就好比我們的記事本那樣,每一頁都是布滿了固定高度的線。如果文字正好處于單元高度上,那版面就能獲得連貫的縱向平衡和節(jié)奏感。很顯然,按縱向垂直節(jié)奏排列的設計更加容易掃描或閱讀,因為它使內(nèi)容的“出現(xiàn)”更加有規(guī)律。這個方法不僅適用在局部的文字內(nèi)容區(qū),對于整個頁面的內(nèi)容排布也是有用的,當然在包含復雜元素的頁面中,如包含多種尺寸的圖片、標題、文字格式的時候,就需要對單元高度的設定做更多的考慮。不過根據(jù)以往個人的設計經(jīng)歷,這種精準的節(jié)奏方法因受限于各種情況的影響而不總是可以完全實現(xiàn),尤其是在設計復雜頁面的時候。
擴展閱讀:版式設計節(jié)課心得
版式設計節(jié)課心得
一、掌握必要的方法
設計的時候,如果設計者隨意地進行處理而不考慮當中的原則方法及對象規(guī)律的話,那么很多時候都會出現(xiàn)一些不太好的結果。雖然感性是一種相當重要的因素,設計中一定要帶有情感,但并不代表簡單地依靠情感就能做出好的設計。相反,如果設計的時候能夠考慮到各方面的因素并運用恰當?shù)姆椒ǖ脑,那么作品將更加得體和出色。在網(wǎng)頁設計中,版式設計占的比重非常大,可以說版式的好壞直接決定頁面的成敗,也可以說它是網(wǎng)頁視覺識別的基礎。那么在具體視覺設計的時候,版式上有哪些原則及方法的?
二、建立網(wǎng)格
為設計對象建立一個合適的網(wǎng)格。排版網(wǎng)格是由一些垂直和水平的線構成的結構,可以用來幫助內(nèi)容結構化,它能夠讓對象產(chǎn)生秩序感。有些人說網(wǎng)格太過于呆板,影響設計創(chuàng)意,我個人覺得可以把網(wǎng)格當做一個整體大的框架,也可以作為設計師組織文字、圖片的支架,它相當于是設計的基礎,沒有好的基礎怎么能夠談得上出色的設計呢?所以網(wǎng)格不僅不影響創(chuàng)意的發(fā)揮,反而能使設計師思路得到理性地梳理。網(wǎng)格地使用,能較好地解決設計師關于頁面中各元素定位的問題,在這基礎之下可以做科學的精準的版式的規(guī)劃。同時使用網(wǎng)格也是一個令您的設計變得高效的方法之一,在把草圖轉化為設計稿的過程中,在版式方面主要的難點是如何精確地安排各個元素,如果這時候呢夠選擇合適的網(wǎng)格進行設計,那么這個起點的意義是不可小看的。
三、節(jié)奏韻律
網(wǎng)頁中版式的節(jié)奏感及韻律,來源于排版中的疏密的間隔安排,它就好比音樂作品里的節(jié)拍,也是組織內(nèi)容的一個重要單元。當然在繪畫作品中也是能體現(xiàn)的,只不過繪畫作品和設計作品有些類似,都是通過疏密的控制讓對象形成畫面節(jié)奏的和諧感受。在網(wǎng)頁中可以通過一系列的重復和固定的間隔來建立一種視覺和諧的美感,如在一些字體大小,行距、模塊與模塊間的距離等等的制定。
縱向的節(jié)奏在網(wǎng)頁設計中是比較運用廣泛且明顯的,如大部分資訊型的站點?v向節(jié)奏在這方面起到的優(yōu)化網(wǎng)站的作用還是挺大的。什么是網(wǎng)頁縱向節(jié)奏感?其實就是為網(wǎng)站設定一個縱向的單元高度,就好比我們的記事本那樣,每一頁都是布滿了固定高度的線。如果文字正好處于單元高度上,那版面就能獲得連貫的縱向平衡和節(jié)奏感。很顯然,按縱向垂直節(jié)奏排列的設計更加容易掃描或閱讀,因為它使內(nèi)容的“出現(xiàn)”更加有規(guī)律。這個方法不僅適用在局部的文字內(nèi)容區(qū),對于整個頁面的內(nèi)容排布也是有用的,當然在包含復雜元素的頁面中,如包含多種尺寸的圖片、標題、文字格式的時候,就需要對單元高度的設定做更多的考慮。不過根據(jù)以往個人的設計經(jīng)歷,這種精準的節(jié)奏方法因受限于各種情況的影響而不總是可以完全實現(xiàn),尤其是在設計復雜頁面的時候。盡管如此,我個人認為這個方法還是值得設計師們?nèi)パ芯孔非蟮摹?/p>
四、體現(xiàn)層級
實際上,任何一個版面或界面都存在著不同層級關系、不同組織結構的內(nèi)容和元素,而且內(nèi)容版面層級的設計規(guī)劃和視覺層次的設計規(guī)劃其實是一樣的原理,視覺美術渲染有主次之分,那么版面內(nèi)容的層級也一樣具有主次之分的,進行排版設計的時候,設計師應該把這種客觀存在的層級關系用編排的手段把它還原出來。做好版面層級區(qū)分的核心作用是,能夠提升文本、圖片等的元素的視覺線索從而獲得更好的界面清晰度,簡單地說就是使內(nèi)容更容易閱讀了。在設計中可以通過字體大小對比、文字效果、色塊等的方法來處理分級效果。比如哪些字應該大一些,哪些字應該小一些;哪些色塊要重一些,哪些淺一些……
五、頭疼的事情
一個版面設計完成了,拿去填充內(nèi)容后發(fā)現(xiàn)不好看了,嚴重時導致面目全非了,這是為什么?哦!那是因為編輯人員沒有按設計師的版面設定去填充內(nèi)容,這就破壞了頁面的原有的規(guī)劃了,難怪不好看了。所以,設計師還應盡量地與編輯人員進行溝通,并附帶上設計說明書。因為不是每個編輯人員都對設計有所了解,有時他并不懂得你關注的問題,所以我們要嚴格把關,以免在作品出版后令你捶胸頓足。
做好排版設計也不是一件困難的事情,我們可以通過字體、行距、色塊、對齊和網(wǎng)格等等的方法來規(guī)劃和控制,我個人覺得網(wǎng)站版面也是能與用戶形成交流的,作為設計者,我們必須讓這種交流保持順暢和愉悅,這樣用戶才會去喜歡它。
隨著版式設計課程的結束,我對與板式的了解也更深了一層,版式設計是個耐人尋味的東西,你越研究它就發(fā)現(xiàn)它的有趣之處。隨意一個點,不同的地方就會有不同的感覺,想要找準最好的地方除了不斷練習沒有更好的方法了。
友情提示:本文中關于《版式設計心得》給出的范例僅供您參考拓展思維使用,版式設計心得:該篇文章建議您自主創(chuàng)作。
來源:網(wǎng)絡整理 免責聲明:本文僅限學習分享,如產(chǎn)生版權問題,請聯(lián)系我們及時刪除。