平面設計師如何提高自己的版式設計能力?

版式設計可以說是平面設計的基礎,在實際設計中版式設計的運用卻是千差萬別的,如何根據內容設計出合適又美觀的版面是設計師必須解決的問題。


個人信息:本科中央美術學院建築系
哈佛大學設計學院建築 ——城市設計方向和景觀設計雙碩士

分享下從央美到哈佛學到的關於作品集的排版問題~~~


首先做完作品要及時整理作品集,因為作品集是逐漸整理累積的過程,早準備對提煉自己概念和方案都有很好的促進作用。

先簡單說一下上面這四個點:
1、關於尺寸,一般採用A3,11*17的硬質開頁,豎向對開,除去特殊偏好的做成小的方本。對於我來說,豎排的作品集拼在一起比較好,因為現在很少看紙質的,一般都是電子版,這樣老師看起來比較方便,對於我們來說比較有優勢。

2、頁數,除去封面和目錄,整個作品集加起來保持到15-22頁比較好。通常情況下,作品集主申項目與副身項目(4-5頁)以及其它項目(1-2頁)。

3、製作作品集的軟體,給大家推薦adobe in design,如果還在用Ps 的同學,可以嘗試用一下in design這個軟體。排版可以隨時更新圖片鏈接,可以隨時排版隨時替換。

4、對於板式的問題,邊距分欄的網格以及字體等方面的信息,當然這個根據個人喜好了。通常邊距多一點對於閱讀的人來說比較舒服。分欄來說,圖片和文字給與一定比例,文字一頁兩三欄排起來讀比較方便。字體不用多,整個作品集三四種字體是最好的,大標題副標題和小字。
結合軟體使用習慣,再強調下,In Design排版首先選擇版式,文檔格式豎向對開,A3橫擺尺寸。其次選擇邊距分欄(留足 1厘米)頁數 ,把每個項目先扔圖,了解大概的項目安排,對這個項目有個清晰的認識。

在每一個主申項目和其它項目中必須有一個項目的起始頁。

封面:封面並不重要,但要是能做出點花來也是挺好的,但是不要變成累贅的東西。

通常情況下封面有三種表達,一種是比較保守的不會錯的做法。把標題、名字、補充信息排在封面頁,然後白底字體好好選擇。

其次選擇一些紋理,這些紋理與某設計相關或者表達你對某些肌理的選擇,比如案例中用個混凝土的肌理表達,因為作品中大量混凝土肌理方案,所以有時間做一下封面也是比較有意義的,因為可以把一頁紙變成有信息的東西。

第三種是作品集中的小LOGO,羅列在封皮表達一定信息,或者結合感興趣的來做一些表達自己特色的東西。

後面幾種,相對於白色封面來說,給了作品集大的基調,封面不僅是封面,不僅體現你的名字,更能從你選的圖像和版式中,體現到整個作品集,感受到你的人。

目錄:


字的排序,清晰的羅列項目分類。通過大的標題和次標題來組織項目順序,比如上面這個第一頁目錄頁,他會把作品分成幾組,每組有共享的東西。

結合每個方案的圖像,直觀表達方案是什麼,同時對方案整理,分了不同個類別,有些是空間建築、城市、幾何、通過目錄整理,更有信息。

目錄也是對開頁,右手放目錄,左手留空檔寫一些關於目錄簡單的直白或者是介紹 或者是自己關鍵的信息,教育背景工作經歷,可以跟目錄結合在一起。

排版:

排版就像寫文章,知道大概字數,通過多少段多少個論點或者中心在思想來把事情說清楚。
我給的這張圖是設計師排雜誌用的手稿,作品集思路上跟排雜誌是一樣的,它也是由圖片和少量的文字組成,最好的方法是做每個項目之前能把大綱畫出來,可以直接在in design 里做,每一頁大概是什麼內容,配合每一頁大概是什麼主題,然後哪些圖需要組合到一起來共同表達一件事。這個大綱就是作品集骨架 是進行其它排版活動最重要的事情。

項目起始頁:

在一本作品集中,最好每個項目都能有相同版式或相同版式起始頁,比如,看一下第一張圖左手邊這個,每個圖項目都有一個項目模型做低,旁邊有半透明的文字描述。或者第一張右手邊這個例子,每一個貫穿整個跨頁的效果圖,來串起所有項目。

第二張兩個案例,他把項目有一半放重要圖,另一半放簡單的標題和文字介紹。起始頁關鍵讓讀作品集的人知道這個作品從哪裡開始,並且醒目的注意到標題,給人留下對作品的印象。

主申項目排版案例分析:
1、城市設計項目

第一頁有一個醒目效果圖,表達概念的image, 同時下面有項目的簡單信息,比如大的標題和主要研究方向以及基本信息,時間長度,學科以及合作同學。第二頁站在全局一個區域性的角度來分析基地要素,尺度是區域性尺度。第三張左邊基地本身重要的設計相關的要素,比如交通,水面視線等右邊設計的策略,比如網格街區來表達,主要都在講設計方法和理念。第四張非常醒目放大了佔全篇的總圖,包含了周圍的信息以及設計的很多層次圖片表達的信息。第五張會介紹一些設計的跟水的關係以及它的大的剖面。第六張 它的街區的類型 以及右邊模型表達街區的規模和體量。

關於主申項目方案:

內容非常緊湊,image就是要表達項目,從地鐵看上去是什麼形象。 之後每一頁都有中心要表達的東西,比如第二頁就是區域性的分析,第三頁分兩塊,每部分都是有主題的並且緊密結合的。他通過簡單的圖面表達和組合表達方案的豐富性和層次性,在內容上表達相同信息的圖放在一起。 其次是在排版的格式上,排版本身並不重要,重要的是把重要的圖放大,要表達的信息很清晰讓大家讀到,比如說最重要總圖,一定是非常醒目的最大的一頁,或者重要的圖配搭成系列圖說明同一件事,方案的圖本身一張是一張,精挑細選的,其次是經過組團和分類,把相關信息有序分到一起說明一個故事。 最後一點事關於圖的質量,由於每張圖都是組織好框架後經過精挑細選的,所以每張圖需要提升和表達。而且一定是相應的像素有相應的信息,比如說大的圖放大了一定是有很多層信息,它是有一定複雜性在裡面的,這種複雜性可以通過總圖複雜性體現放大,小圖可以通過陣列的形式放在一起增加它的複雜性。

2、建築的主申項目

第一張圖排版非常經典,跟建築雜誌排版基本屬於同一個類型,每一頁是由一張重要的圖組成,配以簡單介紹,同時可以感受到留白的美和留白的重要性。這種排版有效清晰表達設計點,比如完整的圖表達幾何關係和幾何變形,第三張明確表達 了建築的體量以及表皮。第四張表達剖面的豐富性。第五張通過平面和效果圖結合表達室內建築內部的空間。第六張繼續表達建築內部複雜的空間。整個項目一氣呵成,沒有冗餘的圖和文字干擾。

3、景觀的主申項目

第二張景觀主申項目效果,是由清晰的幾部分,比如第一張起始頁通過模型和簡單的介紹組合。排版對於作品集來講不要太費勁,但頁要花心思,很巧妙,輕鬆不會產生干擾的信息。之後是區域內的文脈和關係,主要有關與水,所以在整個區域mapping中,重點關注水和濕地,然後第三張具體講高架橋上的構架,在剖面和機制上的信息,第四張講構架與水所產生的互動關係和效果,包括通過陣列圖來表達不同類型和作用,右邊大的平面和分區,所有都是關於同一個主題的。第四張它結合總圖和一些節點以及植被表達這個設計在場地上的鋪展方式,第六張清晰表達裝置和高架與景觀的關係。它每一頁有明確主題,通過不同類型的圖來闡釋。

主申項目結束後就是其它項目,通常三到五頁都是可以的。

最後是輔助項目,可能只需要一兩頁就可以,尤其是繪畫和攝影作品,一張圖上就放兩張比較重要的作品來表達一下就可以了。

最後跟大家分享幾句話,第一就是「排版本身是最不重要的」,最重要的事方案的故事線」,排版作用相當於作文大綱,幫助你打造大綱,來把故事說清楚的而不是為了版式設計添加不必要的要素。其次就是多排版圖片要有所取捨,不能面面俱到,才可突出重點,重要的圖要放大,排版最大的作用就是突出重點,排版本身並不重要。

第二句話「作品集的質量取決於最差的一張圖」,是說作品集的圖片一定要精挑細選,有所取捨。其次排版不要太滿,重要的圖放大,精挑細選,該表達的信息都體現出來,這樣就可以避免為了填一些位置而隨便拽進來完全沒有意義或是信息量很少的圖,由此可以提升整個作品集的質量。

第三句話「做完第一個項目,作品集就完成一半了」,所以第一個主申項目是最需要花時間和精力來思考和完善的。

第四句話是「項目各有側重,形成整體 」這個意思是說,因為你作品集是若干個項目組成的,並不需要每個項目面面俱到,可能第一個項目是表達設計思路有一個系統的的過程,會強調某一方面。第二個項目可能表達自己通過手工物理空間模型表達自己設計理念 第三個會側重電腦方面的技術,就是每個項目你在設計和圖片表達方面各有側重。第四可以在研究方向各有側重,提煉的關鍵詞可以放到目錄里,每個項目都有主要的點,最後能夠形成一個整體。

最後一句話「文字分兩部分:用來讀的和排版用的」作品集最重要的是圖,我們來通過圖的組織和組合來表達設計概念,但是除了圖之外,標題是最容易讓人知道你在做什麼的一個先入為主的方式。每個方案的大標題次標題非常重要,一定要花時間來思考和組織。很多同學在本科做作業的時候都是用非常簡單概括性的標題,通過排作品集可以提煉出當時設計的一些關鍵點,形成設計整體的一個標題。主標題可以概念一些,次標題用建築語言或設計語言來解釋。除了標題之外,文字用來讀的是圖片的文字,這些圖片的小標題,通過圖片的組合也是很好的串聯起整個設計的方式。

這些用來讀的標題在最後過程中要仔細檢查和斟酌,一方面要很好表達你的概念,非常的清晰清楚,另一方面不要有任何錯別字。

另一種文字是排版用的,一些介紹性的文字,一般情況下是很少有人讀的,所以對於這些文字如果你覺得非常重要,最好是通過加黑的處理,把重點標出來,或者分段和小標題的方式來表達。對於說明性的文字最好不要用整段文字,基本上只是用來排版的,如果有些信息你希望別人知道還是需要通過加黑或者分段的處理。

內容轉自微信公眾號:作品集分享原文鏈接:HArt課堂筆記第16期:這可能是史上最牛的排版秘籍轉載請註明出處或鏈接


版式設計需要充分認識畫面元素之間的關係,並在有限空間內合理布局,將圖形與文字有機結合。

版式設計方法

1.如何在畫面中擺放大量圖片

  • 倒三角構圖

在版面上半部分放置視覺衝擊力較強的大圖,並自上而下沿著畫面中線,逐漸減少圖片數量、降低圖片尺寸,從而呈現出倒三角形的構圖形式。

倒三角構圖,符合讀者自上而下的閱讀習慣,在增添圖像表現力的同時,為讀者創造沉靜的閱讀氛圍,提升文字的可讀性。


作者:Patsy Deckers

鏈接:Archiectuur magazine

出處:http://pinterest.com

對角線構圖

在版面對角線的兩端放置大小統一的圖片,使畫面對仗工整、斟酌穩重,富有安定感,不會由於圖片較多而令畫面紛雜錯亂。

作者:Patsy Deckers

鏈接:Aamodt/Plumb / Twopoints

出處:http://pinterest.com

2.如何使版面富有節奏感

  • 將圖像有機分離,為圖像創造動感。

作者:Wagner Souza

鏈接:https://www.pinterest.com/pin/263953228140310730/

出處:http://pinterest.com

  • 將圖像交錯放置,為圖像創造節奏感、體現親和力。

鏈接:http://huaban.com/pins/94267961/

出處:http://huaban.com

  • 將圖像排列於頁面底端,將文字有節奏的放置於圖像之上,在增添節奏感的同時,為畫面補充適度的秩序感。

作者:Konrad Wójcik

鏈接:landscape architecture

出處:http://pinterest.com

3.如何將雜亂煩瑣的信息整理得清楚易懂?

在編排有關聯的大量元素時,通常會利用年表、時間軸、地圖和路線圖等橫長形的對象來作為頁面主軸。除了能沿著軸線清楚地引導讀者的閱讀順序外,還能整理文本信息。另外,這樣的技巧同時也能分割版面區域,並賦予含有多張圖片的頁面穩定感與整體性。

  • 圖片與內文區域成為軸線

鏈接:West8 Urban Design + Landscape Architecture
出處:http://indulgy.com

  • 配置色塊以強調軸線

鏈接:whisker-html-template

出處:http://mojo-themes.com

  • 用圖片創造出對角線方向的版面軸線

作者:Tomas Laurinavicius

鏈接:http://theultralinx.com/2014/06/30-brilliant-examples-geometric-designs/

出處:http://theultralinx.com

4.如何讓版面閱讀起來更加有趣

如果讓圖片跳出網格,以沿著圓形、S型或是切割頁面的對角線來放置,就能讓版面變得更生動幽默。這樣的配置方式,讓版面呈現出開心、愉快的感覺。大膽的構圖,除了能增強頁面印象,也能起到畫龍點睛的作用。

  • 利用對角線放置的圖片創造閱讀順序

作者:Thar Gyi saved

鏈接:https://www.pinterest.com/pin/295126581810175402/

出處:http://pinterest.com

  • 沿著S型放置圖片,讓讀者越讀越有趣

作者:Ly Sovann

鏈接:https://www.pinterest.com/pin/425238389793137196/

出處:http://pinterest.com


5.如何營造版面的穩定感?

想要營造出版面的穩定感,重點在於重心的設計。不論是圖片、標題和內文等元素的色調及尺寸,或是字裡行間的間隙比例,都會造成不同的重量感。


而頁面中這些主要元素的分配方式,將決定版面整體的穩定感。


亮色系的圖片以及留白較多的文欄位落,都是較為輕盈的版面元素,而暗色系的圖片以及粗體的文字,或是行距很緊湊的段落,則是較穩的元素。如果將重的元素集中在版面某個位置里,而讓其他較輕的元素散落在版面各處,版面的重心就會不均衡,給不穩定感。

  • 均勻擺放圖片,由文字產生版面重心

作者:Apple
鏈接:Apple
出處:Apple

  • 大而輕以及小而重的圖片

  • 大而重的圖片以及小而輕的圖片

6.如何整理易顯雜亂的圖片信息,營造出有條不紊的氛圍?

  • 不要輕易使用自由式版面編排設計

作者:May "May

鏈接:https://www.pinterest.com/may0086/board/

出處:http://pinterest.com

  • 突顯單張圖片

如果有需要重點突出的圖片,且圖片尺寸都夠大的話,則可在單頁里放置一張大圖片。此時必須先在跨頁中規划出標題頁面與相鄰的內容頁面,這樣才能確保整個版面的平衡。


作者:0_CO2

鏈接:2030年的自行車_0_CO2_新浪博客

出處:http://blog.sina.com

  • 在頁面下部以帶狀形式編排圖片

利用寬鬆的版式設計為商品營造豪華氛圍時,偶爾會因留白不當而破壞掉版面平衡。此時,可讓圖片以帶狀形式擺放在版面下方,以穩定版面的重心。


作者:wishes景觀園林資訊周刊

鏈接:2014年度ASLA園林景觀設計獲獎作品_wishes景觀園林資訊周刊微信公眾賬號_好酷網HaoKoo

出處:http://haokoo.com

7.如何運用元素來構造版面?

利用三角形構圖的方式來穩定圖文信息,是編排設計中較為基本的手法。利用大小不同的圖片創造節奏感,同時仔細擺放圖片的位置,則能通過頁面整體印象,傳達版式設計內在的概念。

如果圖片的數量不多,或是內文字數較少時,元素間的平衡比版面的節奏感更為重要,並可通過運用留白的方式,避免編排出過於牽強的版面。

  • 利用不同大小的圖片,為版面增添變化

作者:wishes景觀園林資訊周刊

鏈接:2014年度ASLA園林景觀設計獲獎作品_wishes景觀園林資訊周刊微信公眾賬號_好酷網HaoKoo

出處:http://haokoo.com

  • 利用對角線實現版面平衡

鏈接:國外畫冊版式設計(2)-畫冊設計-設計欣賞-素彩網

出處:http://sc115.com

  • 用留白活躍版面

當圖片元素較少,或是手邊沒有能夠與版面風格搭配的圖片時,除了用倒三角的構圖避免方式版面元素擠在一起,還可以通過適當的留白來解決問題。只有儘可能平衡配置元素,才能明確地傳達想呈現的概念。


作者:Ross Sweetmore

鏈接:Behance

出處:http://behance.net

8.如何避免版面過於單調?

在圖片較多的版面里,圖片的擺放很容易顯得凌亂。如果將相近色調以及類似風格的圖片集中在一起,則會使單調的問題更加嚴重。此時只要為頁面創造節奏感,便可有效改善上述問題。不管是讓圖片彼此間產生尺寸上的差異,還是通過圖片的上下左右關係以編排出節奏感,並儘可能呈現出輕盈的感覺,都是很有效的手法。

  • 將圖片編排在對角線上以創造對比效果

  • 利用不同尺寸的圖片展現出輕盈感

作者:Esthur

鏈接:https://www.pinterest.com/pin/551409548103122804/

出處:http://pinterest.com

  • 巧妙運用不同的比例

作者:Vincent Ginetle

鏈接:30 affiches et posters graphiques pour votre inspiration

出處:http://blogduwebdesign.com

9.如何將內容編排得更有邏輯性


將能分區處理或能對應至軸線的內容,用流程表表現

雖然要讓版面顯得簡單易懂,整齊排列內容比什麼都重要,但如果只強調整齊性,很容易造成枯燥乏味的版面。

此時,若能將流程圖或是圖案加入編排,效果往往相當不錯。通過這樣的手法,就算是大量的內容,也能以視覺化的方式來引導閱讀。而這樣的編排方式特別適用於有時間順序或是步驟說明的內容,還有分類眾多或是需整理多種信息加以呈現的情況。

  • 將內容融入年代表中

  • 將版面編排成流程圖

———————————————————分割線———————————————————

版式設計原則

在進行版面設計的時候,總結以下5點原則,希望可以幫助同學們在布置版面過程中能夠駕馭版式設計方法,拿捏其中方寸。


1.單純與秩序

單純的版式,通過簡練的布局、明朗的板式結構,為畫面營造秩序感,突出重點信息,提升信息傳達的通暢性。


鏈接:[轉載]土耳其清真寺方案設計_毛天斌_新浪博客

出處:http://blog.sina.com

2.對比與調和

在版式設計的過程中,各個元素之間通過存在著的大小、主次、強弱、疏密、動靜、虛實、色彩等對比關係傳遞意圖、情感與邏輯。同時,如果畫面中的對比不經調和,就會使畫面失去平衡,所以在運用對比關係進行版式設計的時候,需要結合元素之間的關係進行調和。

3.對稱與均衡

對稱與均衡在版式設計中最為常用,在使用對稱構圖的時候,會在營造穩定性與秩序感的同時,容易產生單調與呆板的視覺感受。而相對對稱均衡的構圖,則可通過略有變化的版面結構安排,使畫面整體更為靈活,富於變化,也不失對稱的穩定感。另外,非對稱均衡構圖,則可通過既有聯繫又不相同的元素,使畫面既具有相對的對稱感,同時令畫面更加靈活生動,富有變化,同時更具現代設計感。


相對對稱均衡構圖


鏈接:Nine - MultiPurpose One Page Theme - 必應 images

出處:http://bing.com

非對稱均衡構圖

4.節奏與韻律

節奏是有規律的重複,在不斷重複中產生頻率的變化。這種變化可以理解為面積、明度等對比的反差變化。而韻律則是伴隨節奏的重複而產生。從版面來講,圖形、文字、色彩等元素在組織上合乎某種規律時所給與視覺心理上的節奏感,便是韻律。

所以適合的變化會令畫面充滿韻律,而過強或過弱的節奏則會使畫面破壞秩序或平淡無奇。


作者:鄧曉凡

鏈接:一個人一生的信息圖表設計--三千網

出處:http://jiu3000.com

5.虛實與留白

「虛」不僅可以是留白,也可以為纖弱的文字、圖形或色彩等視覺元素;「實」為畫面的主體或主要表現對象。在版式設計中,需充分考慮畫面的虛實關係,以虛襯實,並可充分利用「虛」調整畫面節奏,梳理虛實之間氣的流動。


鏈接:http://www.jiu3000.com/t/topic/14483

出處:http://jiu3000.com

以上望有用,有問題再問

——————————————


歡迎關注我的專欄Portfolio+ - 知乎專欄


每周二、周五晚6點,準時嘮嘮那些藝術留學與大家最相關的事兒


同學們如有藝術留學、院校、專業、作品集方面的問題,可私信康石石約稿。


要提高設計師的版式設計能力,首先要有一顆非常細緻的心,內容整理好,這裡的內容包括文字以及圖片,不管是海報還是雜誌等形式的設計,都是以圖文的方式出現的,我們先來看一些相關的設計,圖片引用 @太陽,侵刪。

版式的設計一般會用到indesign排版,很容易上手。

有興趣可以看看InDesign教程從入門到精通

下面說說文字以及圖片的版式要求,以雜誌的內容頁排版為例。

一、文字排版

在一個好看的平面作品中,文字更有效地表達了設計的主題,於是在版式的要求中,文字的排版更需要注意。

1、文字間距適當

文字排版的時候,文字的間距不適合太過擁擠,也不適合太過空白。

2、不要使用過多的字體

在一個頁面當中,字體過多,會干擾用戶的體驗,頁面也會很亂,所以一般情況下,設計版面的時候,字體精簡為王,最好不要超過三種,標題、正文內容、副標題可以選擇不一樣的字體,但一般情況下,只修改文字的大小或顏色,而不會可以去改變文字的字體。

3、字體要清晰

避免不清晰的文字,否則容易使閱覽者產生反感和麻煩

4、字型大小大小的確定

每個層級的文本字型大小應該基本確定,這對於形象畫冊、書籍裝幀設計來說尤為重要,因為這種多頁的設計物需要在文字上有統一的視覺風格,每個層級的文本元素應該在不同的版面上保持相同或統一的視覺性格。

二、圖片排版

和文字相比,圖片更能夠吸引人的眼球,也可以很好的提高用戶的體驗以及版面的美觀,大大減少了因為文字過多而出現的雜亂問題。

摘自@第一視覺,關於設計的觀點

1、圖片必須有一個鮮明的主體。
2、圖片宜產生一懸念,用以吸引觀看。
3、功能性產品的圖片,使用前後對比極有說服力。
4、照片的吸引力更勝手繪。
5、使用明星照片能加強記憶力。
6、圖片中只需重點突出一個賣點,不宜過於繁複。
7、人物臉部不宜大與實際尺寸。
8、過於歷史性的圖片無吸引力。
9、以目標消費對象的心態來考慮圖片主體。
10、彩色圖片的吸引力比黑白的高出1倍。
11、食品類廣告饞涎欲滴的照片必不可少。

1、圖片的比重可以稍大一些

版面設計中,圖片不用過多,也不要過小,不然出來的版式一般不會好看到哪裡去。

2、位置與文字布局

圖片的位置還要與文字配合,對稱和整齊,就是版式成功的開始。

3、分塊

所有的設計都是從分塊開始,把模塊分好,才能進一步分布內容,就好比我們在學習的時候,常常要把目標規劃好,才能更好的進行下一步的學習,不會在中途變成迷途羔羊。

三、工具的使用

在上面我也提到排版一般是用indesign,應用於印刷排版的編輯軟體,當然也可以使用CorelDRAW、AI等等,但由於indesign的易用性和效率性,大部分還是會選擇indesign排版。

indesign cc2017專業排版零基礎入門教程 ? 第一卷

indesign cc2017專業排版零基礎入門教程 ? 第二卷

ID裡面參考線的作用是很大的,對齊布局都是不可少的,其中ID也可以查看全局作品圖,參考腳本之家。

1、在Indesign之中,打開製作中的文檔。

2、首先,按快捷鍵W,則可以在窗口以最大面積預覽,這時候參考線能輔助排版工具都已經不見了,方便我們對文檔進行查看。

3、在按w的快捷鍵操作下的全屏畢竟還能看到菜單欄和工具欄等,所以,如果覺得視野還是不夠大的話,可以shift+w,直接實現真正的全屏查看。

其實平面設計師要提高自己的版式設計能力,在原有的基礎上,多參考一些作品也是對的,總之,多練習之後,多注意版式排版的問題,感覺來了,就是你提升的時候了。

關注微信公眾號:yihuwang2012,有更多軟體資源領取哦~

以上,不足之處望海涵~


題主 送你條幹貨 收好
聲明 侵刪


板式設計的問題放開讓我寫,我能寫一本書,不過在這裡我沒必要扯那麼多,我覺得題主問的很好:

在實際設計中版式設計的運用卻是千差萬別的,如何根據內容設計出合適又美觀的版面是設計師必須解決的問題。

理論背得再熟,實際工作中用不上一切都等於白扯。我寫過一篇文章

如何在設計中建立條理?

有興趣的可以看看,大概總結了設計工作中的日常條理,基本涉及到下面幾個方面:

一、信息的整理
二、梳理信息層級
三、版面的對齊與排布
四、視線的移動
五、構成與重複
六、重心和平衡
七、易讀的文本編排
八、網格的靈活應用

上面文章梳理了設計工作日常條理以及設計過程中值得注意的各個方面,比較理論的東西,主要整體概述也沒找詳細案例一一解讀。我覺得在實際工作中不同設計具體採用什麼版式當然是根據當前環境覺得,值得思考以下問題:

一、看載體。

不同的載體需要不同的版式,雜誌有雜誌的版式,畫冊有畫冊的版式,報紙又有報紙的版式,而海報這些就顯得更有發揮空間,

二、看內容。

根據現有資料和內容的特點做選擇,比如多文少圖,還是多圖少文甚至純文字或純圖片等,有時候甚至並沒有什麼內容,只有很簡單的幾個文字,我們需要藉助一些圖形輔助讓整個版面顯出層次感,避免太「空」。有時候又因為內容太多顯得擁擠,這就需要合理的精簡以及巧妙利用分欄,分頁以及合理的留白讓視覺上顯得鬆散。

三、看環境

我們在做設計過程中肯定會考慮該設計應用場合以及受眾對象,比如一款女性產品大多數需要表現的柔美纖細等感覺;科技公司需要表現的嚴謹務實;美食行業需要表現出豐富食慾等;

四、巧妙對比

以前給客戶做方案,總會刻意至少做出兩個方案供客戶對比選擇,而且風格差異要大,這樣客戶一看一眼就知道自己更傾向於哪一個,雖然應付客戶總這樣做,其實自己做設計又何嘗不是如此,有些事情只有自己嘗試過才知道,只做一種方案自己會覺得完美無可挑剔,但再產生一個方案對比會明顯找到不足;

五、完善細節

很多時候大方向並不難找,有經驗的設計師看到一個項目都知道大概方向,但是能夠精益求精的確是一項難得的品質。有些作品乍一看看不出啥,但是細節做得比較到位後發現也很吸睛。


題目問的是如何根據內容設計出合適又美觀的版面是設計師必須解決的問題。我覺得可以根據以上方面來思考,但題主還問了另外一個問題是怎麼提高自己的辦事設計能力,那就是多做多練多思考總結,這樣說好虛,但我覺得拆開就好理解了。

一、多做多練,這點就不扯了;

二、多思考;

看到別人比較好的作品,想想為什麼會認為比較好,是哪點打動你了,如果讓你來梳理這些信息做設計,你會怎麼做,這樣對比會是一個不錯的提升;

三、多總結;

我覺得階段性總結或領域專項總結都對設計提升非常有幫助,有些東西你能看懂但不見得自己會做,有些東西你能模仿著去做但不一定理解其中精妙之處,但是如果自己能在實踐中運用並總結出來肯定是不小的收穫;


更多內容,請關注公眾號:設計實驗室(Design-Lab)


如果是新手,可以看看這本《版式設計原理》。


我們正處在一場注意力爭奪戰中。如何利用版式設計抓住用戶的注意力呢?

商業環境中講究一個「快」字。我們閱讀的時候長期接受過載的信息,很難再集中精神,那麼,一個內容清晰的閱讀體驗就非常重要。

所以,以下16張版式小Tips,或許能解決排版這個小碧池


01【第一步,思考!!!別急著打開PS 】

在排版之前需要先確定好設計需求,版式要在什麼地方出現,是手機屏幕,PPT還是商業名片等,確定好這些再動手也不遲。

02【確保可閱讀性】

如果一整個文檔里統一用一種字體,固然統一,但是乏味。如果使用超過三種字體,固然趣味,但是亂。所以無論這個文檔是什麼,嘗試使用兩種字體,一種標題使用,一種文本內容使用。例如,標題用襯線字,內文用無襯線字,反之亦可。

03【大膽放大】

大膽將要突出的文字放大縮小。不管是把字體放大或者變小,都能引起讀者注意。但是要注意的一點是,既然要放大就明顯的一點,如果只是放大或者縮小一號,不僅感受不到變化而且還會覺得畫面很奇怪。

改變字體大小最常用在標題字、指示牌,用來區分文字。12號字體是文本軟體默認的字體,我們中大部分開始都認為12號字體是最適合閱讀的字體。但是,我們的眼睛是可以閱讀更小的字體,在大多數文檔中10號字體看起來跟舒適。而在名片中,我們可以降到7號或是8號字體。

04【利用間距】

利用字間距和行間距來強調文字也是一個聰明的做法。緊的時候放鬆,松的時候收緊。間距大小需要兼顧到基本的可讀性,分太開和離太近都會影響人的閱讀。

05【列印測試】

把自己的設計列印出來測試是一個很好的習慣,因為很多時候我們在屏幕上會發現不到問題。

06【字體情感】

每一個字體都有自己的情感,是歡快的?還是悲傷的?是傳統的?還是時尚的?字體的情感要符合你的項目需要。

07【對比是關鍵】

不管是不同字體對比,顏色對比,或者是大小對比,對比永遠控制著畫面的節奏。

08【尋找自己的風格】

找到自己的風格定位是很難的,學習技巧,理論,踩在前人的肩膀上尋找自己是最有效率的。

09【善用顏色】

用顏色區分也是很常見的做法,特別是在白紙黑字的文檔上。添加一點點的色彩可以打破黑白灰枯燥的感受。但是要謹慎選擇顏色,紅色固然能引起注意,但是太過強烈的色彩也會破壞閱讀體驗,所以盡量挑選比較溫和的顏色。千萬要注意別用太多顏色,稍有不慎就會讓整個畫面變得非常low,你懂的。

10【字體家族】

想要讓文字排版擁有高度的一致性,最好的方法是找到一套字體族中包含有粗體、細體和斜體等,這樣確保了多樣性和一致性,還能有效區分文字信息。

11【奇妙的留白】

留白給用戶足夠的想像的空間。它也讓內容更加集中和提高易讀性,也不會分散讀者的注意力。

12【保持簡潔】

別讓你的設計畫面同時存在多種風格,保持簡潔,是最基礎的原則。

13【秩序美】

對齊和對稱是讓設計作品更加有秩序的方法,有助於提高作品整體性和規整性。

14【試錯】

犯錯才是是獲取經驗最快的辦法。如果你想將你的設計做到極致,那麼瘋狂試錯,窮盡自己是最直接的。

15【給自己多點空間】

長期對著電腦屏幕會靈感枯竭,失去對自己設計的判斷,在工作一定時間後,站起身休息一下再回頭看,會發現更多驚喜。



16.【技巧固然重要,但別炫技】

我們的設計應該是美的,但不是完美。沒人喜歡完美,容許自己犯錯,來的更有人情味。


最後,版式其實是體現處理文本之間的邏輯能力,所以先理清架構,簡單的方法就是最有力量的手段了。

資料來源:designschool

設計不是奢侈品,設計是日用品

文章首發微信公眾號:設計便利店 或 搜索微信號:designmart

每周不定期更新,歡迎下次光臨

=======================================


如果對視覺設計、設計思維有興趣的朋友,歡迎來我的知乎live一起交流

Live 入口為 陳允信 的 Live -- 從零開始系統地學習平面設計

一起進步。

共勉。


深夜睡不著用手機馬一下:如果你是零基礎的話,或者基礎很差的話,建議先了解一下點線面,圓方三角,的基礎板式運用。版式的原理左右對稱,上下對稱,中軸對稱,離心,聚焦,對軸.版式中元素的對齊,對比,親密,重複,版式中的機理運用,留白。說得有些散。。。改天更新!
------------------------------------------------------分隔線-------------------------------------------------------
2016.01.23更新,剛從廣州回汕頭,今天沒事就給大家分享下一些關於版式的知識,做版式,做平面設計,一點一點知識的理解都是構成一個版式的基礎。所以我會先從一小點一小點小知識講解,之後再把小的知識點整合在一起,排出來的版面思路自然就很清晰、大氣。
版式就是整個版面看起來的整體效果。
以前自己是做廣告平面設計的,我很多時候會根據這個思路來做一張圖片:
首先需要百度了解要設計的東西
1.文案主題(做一張海報,你首先要知道它主要表達的是什麼意思,然後再來選擇你要的素材與及想要表達的主體)
2.確定版式形式原理(當你選擇了想表達的主體,你需要選擇一種想要表達的版式設計的基本類型如:骨骼型、滿版型、上下分割、左右分割、中軸型、曲線型、傾斜型、對稱型、重心型(聚攏)、離心型(擴散)、三角型、四角型、並置型、自由型)
3.排版四大原則(確定好文案與及想要編排的主體素材時,便需要按照排版的原則來進行有規律的排版,四大原則:對齊,對比,重複,親密)
4.運用點線面(排版的過程中便需要了解什麼是點線面,然後我們要怎麼來運用它們來達到我們想表達的畫面效果)
5.運用字體選擇及排版(排版的過程中,我們需要提煉出主體文案,字體的類型,來表達畫面需要突出的屬性,想要表達的意境,字體的排版也影響到了想表達的效果,所以字體上的排版方式也是多樣的,這個需要後邊細講!)
6.顏色選擇(顏色是整個主體表達的重要部份,六種色相分別代表著兩種氣質冷暖,也分為四種色調明色調,淡色調,灰色調,暗色調)
7.顏色搭配類型(顏色選擇後需要進行配色,從而達到畫面平衡,突出主體,突出想要表達的畫面意境)
8.紋理(紋理是一種很好的表達方式,比起顏色更是一種比較具像的表達)

先寫到這裡,後續會將這八點一 一進行講解,每一點都很重要,了解透了版式設計能力自然在排版過程中都會思路很清晰!看有沒有人點贊吧...沒有就不細講了
汕頭地區的可以加下我這個群哦! 310816107


送上一本書

以後看書還是先多看看國外的書吧,在國內學術氛圍差的情況下。
其實所有的設計都源自繪畫,素描色彩速寫。設計鍛煉中,三大構成極為重要。當設計遇到瓶頸時,這些基礎往往是突破的關鍵。另外,其它的愛好對設計來說也很有幫助。譬如攝影:


本文以極簡的方式,整理出了設計的三個核心:
三大格調、四大法則、四大元素
個人認為這就是設計核心認知結構。請往下看:

(美女鎮樓,侵刪)

很多設計新手卡在了審美上,如果一個新手的審美不是太好。
那麼至少要捨得花大把時間,用來提升審美水平,這條不符,還是改行吧。

應該說審美訓練的方法是明確的,就是默寫。苦練默寫是絕對有效的。
但苦練的同時,仍然有一些非常重要思想需要點撥。


首先要確立整體的格調(或稱為調性),內田廣由己總結出三種最基礎的格調,如下。

實用性格調,版面樣式採用網格型,信息量大,圖片以方形圖居多,文字多於圖片,標題字為中等大小,色彩簡明。

精神性格調,版面樣式為自由型,信息量小,圖片以滿版出血圖居多,圖片多於文字,標題字較小,色彩和諧。

隨和性格調,版面樣式採用半網格型,信息量適中,圖片以退底圖、羽化圖為主,文字、圖片比例各半,標題字較大,色彩鮮艷。


比如報紙是實用性格調,賣場海報一般是隨和性格調,高檔奢侈品廣告一般是精神性格調。當然這只是三種最基本的,不同的產品會有具體N多不同的格調,就要考驗你的審美歸類能力了。
確立格調之後,就要談設計法則,設計法則說的最透徹的,是Robin Williams的《寫給大家看的設計書》。

書中總結了關於設計最基本的四大美學規則。
分別依次是:分塊、對齊 、重複、 對比。
就是這八個字,沒有更複雜的了,你可能會覺得這一點也不高大上。

但我個人認為這種方法都很清晰、很完整、很簡潔。一個簡潔但只有90%正確的答案,和一個複雜卻99%正確的答案,我寧願選擇前者。

設計審美原則就是如此。這四個美學原則是所有設計通用的,無論是標誌設計、雜誌設計、廣告設計還是其它什麼設計。下面解釋一下,你就清楚這八個字的威力了!

分塊:意思就是對所有內容或元素進行梳理,按內容或功能進行分塊(合併同類項,類似的項放在一個塊,塊與塊保持適當距離),然後進行大小及位置擺布,這樣就建立基本的視覺層級結構。
說到分塊,你至少應該了解一下版心線、天頭、地腳、切口、訂口什麼的傳統版面術語。再了解一些柵格系統的常識。(如果是做UI或交互設計,你需要了解各種屏幕的像素數量。)然而,更重要的還是消化內容、理解素材,做出總共分幾個塊?哪些是一個塊?這種邏輯判斷。

對齊:在視覺層級結構基礎之上,進行精緻化作業。最重要的就是對齊規則,沒有對齊就會給人草率無力的感覺。當然,在一些特殊情況下,不對齊也是一種對齊。

重複:重複一些元素(包括色彩、圖片、字體、符號、線條、布局等),建立統一的外觀。這一步,也是最能體現風格的。這也叫「破版」,無論用哪種版式結構,都需要一個元素,銜接一張設計中的不同板塊,從而讓整個畫面看起來協調,這個技巧就叫破版。

對比:最後應該再次強調重點,弱化非重點(包括動靜、大小、色彩等),強化視覺層級,以吸引視線,讓讀者抓住要點。

重點說下第一步分塊,這是基礎。
原書說的不是分塊,而是「親密、就近」。
但我認為分塊更能體現這一層意思。
分塊是對所有內容進行分區,確定那一部分在什麼位置。
分塊解決:這個元素是屬於上一塊,還是下一塊,不要讓它不知所措。這樣的設計稿至少整體上看起來層次分明、秩序井然。在此基礎上再做後三步,進一步提升視覺效果。

想分好塊,首選要明白這個設計元素一共有哪些部分:
通常,文字、圖形、背景、裝飾是設計的四大元素
文字大部分與銷售信息有關。
圖形大多與產品有關。
線條與紋理則與視覺調性有關。
文字包括標題、正文、落款、口號四個主要部分。
圖形包括所有的圖片、標誌、圖標、示意圖等。
很長一段時期,我常常將文字與圖形設計的很好,這能基本保證信息暢通。
但對線條、肌理卻用不好,而後兩種是體現風格極重要的元素。

3大格調、4大技巧、4大元素應該就是設計審美總綱思路的核心了。
但如何隨心運用,則需按此心法像雕爺說的那樣認真默寫若干次。
當運用了這些原則,結果將令你大吃一驚!

最後,以上內容全部出自本人的破書:《從設計到創意》
此書復盤了自身成長路徑,總結出廣告設計四大提升階段。然後簡要不繁的介紹了提升的心法。
自信還是對的起觀眾的,想看的點這
從設計到創意(基礎篇)


圖片來自《越平凡的平面設計》卷一、卷二,推薦閱讀。


老師剛講過。。

注意黑 白 灰。做減法設計。

我目前就知道這麼多了。老師再講了願意更新。


視頻封面曉設記No.6 使用放大功能讓你更快地作出好看的設計_騰訊視頻v.qq.com視頻


幾個乾貨

《The elements of typographic style》 總監說看這本就夠了,字體基本功

http://typewolf.com 一個不錯的字體網站,裡面的資源看一遍功力增強不少

About face 4 chapter 17 UI的書 但是很多視覺原理是通的


多看,多欣賞,多練習,從模仿學習中改變,形成自己風格。


Adobe 全能軟體破解器
鏈接:http://pan.baidu.com/s/1qYOFOGs 密碼:wjsq

Adobe Photoshop CC 2017-(32 位)
鏈接鏈接:http://pan.baidu.com/s/1bpwaeXh 密碼:bdfk

Adobe Photoshop CC 2017-(64 位)
鏈接:http://pan.baidu.com/s/1jH9cPsa 密碼:zovf

Adobe Bridge CC 2017-32位
鏈接:http://pan.baidu.com/s/1hr3Hf5E 密碼:v8b5

Adobe Bridge CC 2017-64位
鏈接:http://pan.baidu.com/s/1boEGIBH 密碼:wine

Adobe Illustrator CC 2017 32位
鏈接:http://pan.baidu.com/s/1c1N2gzY 密碼:1wxc

Adobe Illustrator CC 2017 64位
鏈接:http://pan.baidu.com/s/1o8OJUga 密碼:0suo

Adobe InDesign CC 2017 (32位)
鏈接:http://pan.baidu.com/s/1jHUb86U 密碼:y7u3

Adobe InDesign CC 2017 (64位)
鏈接:http://pan.baidu.com/s/1hsncyTA 密碼:0ec8

Adobe 全能軟體破解器
鏈接:http://pan.baidu.com/s/1qYOFOGs 密碼:wjsq

3DSMAX2012-English32-64bit
鏈接:http://pan.baidu.com/s/1slkcta9 密碼:dswp

3DSMAX2012-Chinese32-64bit
鏈接:http://pan.baidu.com/s/1dESjMKD 密碼:8gw3


首先,沒事的時候多看看別人的設計的板式,從他們的設計中汲取優點,為自己的設計增加點創意還有創新;其次,要及時整理自己的作品,經常翻看自己的作品,總結自己設計的風格,嘗試多種風格,不要拘泥於一種;最重要的,也是最後一點,基本的東西不要丟。不要想著大膽嘗試就什麼都創新,那樣的話,還不如不創新。


首先 版式設計分四步

Step1 建立條理

信息的整理

先理解設計的意圖、提取設計要素,並正確地布置要素

貼近.遠離

將同類要素相互貼近,使其更易閱讀

排列.對齊

將細節部分設計得整齊有序,能為版面帶來整潔、有條不紊的美感

視線的移動

編排要素的時候,要考慮讀者閱讀的順序,從左到右還是從上到下

構成.重複

按照一定規則構成編排要素,能使種類繁多的要素顯得整齊

直線與曲線的靈活應用

可運用線條區分版面的要素,讓相同類型元素有關聯

重心與平衡

構成版面的要素都有「分量」,依據每個要素的分量進行設計

字形.字體

文字的種類和組成構造形成多種不同組合

易讀的文字編排

編排要考慮文字的易讀性

統一線寬

根據使用目的選擇合適的線條樣式,並統一其寬度和形狀

對稱帶來的穩定感

編排要考慮文字的易讀性

設定虛擬邊框

在版面中設定假象邊框為基礎,將要素全部配置在這個邊框內

網格的靈活應用

專欄:完全形態法則

故意把部分設計要素隱藏或省略,能使讀者下意識地靠想像力把省略部分填補完整

Step2 添加變化

留白

沒有編排任何要素的地方叫「留白」,設計時要注意其形狀

粗細度

改變文字或線條的粗細度,可以為簡潔美觀的作品帶來張弛感

尺寸

為要素的尺寸大小作變化,可以使版面生動有活力

動感

加入動感的設計,引人注目

裁剪

將圖片裁剪成特定的形狀,為版面帶來更歡快的氣氛

邊界

將配置要素多的情況下,設定要素之間的「邊界」

點綴

「點綴」是指在版面中加入視覺元素,來添加細微的變化

立體

在平面設計中配置有立體感的要素

專欄:黃金比例法則

Step3 突出強調

反差

為了強調特定要素,需要加強反差

明暗

給人視覺印象最深的是「明暗」的反差

差異

強調要素之間差異

孤立

處理希望強調的部分,可以讓它與其餘要素遠離,呈孤立狀態

放射

放射狀的圖形,有突顯位於中心要素的作用

軟硬

剛硬要素和柔軟要素相互搭配

面孔

人或動物的面孔,都具有吸引視線的魅力

專欄:費茨法則

讓讀者視線最快、最準確地到達需要傳達的信息。

Step4 設計技巧

節奏

平面設計也能讓人感覺出音樂般的節奏

比例

可以創造任何不合常規比例

數量感

要素越多越能給人魄力

誇張變形

越是常見的事物,誇張變形效果顯著

質地感

製造密度感或高級感

圖案

使平面設計更顯華麗的裝飾效果

擬態

模擬非常熟悉的事物,使讀者容易感覺親近

印刷加工

平面設計的要素也包含紙張、油墨、裁切以及印後加工

增加故事情節

給人留下深刻印象的平面設計

專欄:愛德馬法則

注意、興趣、慾望、記憶、行動

Step5 顏色配搭

顏色的基本知識

顏色的視覺辨認度

色調和諧的配色

統一協調顏色的彩度和明度,可以使配色更加和諧

配色塑造形象

想利用顏色烘托形象,需要細心關注並研究世上所有顏色

強調色的用法


模仿模仿再再模仿。


less is more 做減法


推薦閱讀:

平面設計師,視覺設計師的親們,你們平時的工作內容是什麼?
用戶界面設計,視覺設計師究竟要做到哪種程度,才算得上「設計」?
有哪些跟清刻本悅宋、康熙字典體類的古風字體比較搭的英文字體?
如何為一屆體育賽事設計整套視覺方案?

TAG:設計 | 設計師 | 版式設計 | 視覺設計 | 平面設計師 |