史上最全版式設(shè)計(jì)教程，看這一篇就夠了

時(shí)間：2023-09-09 12:12:01 | 來源：網(wǎng)站運(yùn)營

時(shí)間：2023-09-09 12:12:01 來源：網(wǎng)站運(yùn)營

史上最全版式設(shè)計(jì)教程，看這一篇就夠了：版式設(shè)計(jì)可以說是平面設(shè)計(jì)的基礎(chǔ)，在實(shí)際設(shè)計(jì)中版式設(shè)計(jì)的運(yùn)用卻是千差萬別的，如何根據(jù)內(nèi)容設(shè)計(jì)出合適又美觀的版面是設(shè)計(jì)師必須解決的問題。

今天小佳老師為你們吐血整理了一篇版式設(shè)計(jì)全攻略，點(diǎn)贊收藏，絕對(duì)有用！！能看完的都是做大事的人。

事實(shí)上，現(xiàn)在很多設(shè)計(jì)作品，雖然創(chuàng)意新穎、素材精致、配色流行，但都只局限于表面的華麗，沒有思考設(shè)計(jì)背后的技巧。



版式設(shè)計(jì)的百科解釋是：藝術(shù)的重要組成部分，也是視覺傳達(dá)的重要手段。
簡單一點(diǎn)說，就是在版面上，將圖片、文字進(jìn)行排列組合，以達(dá)到傳遞信息和滿足審美需求的作用。





讓觀看者在享受美感的同時(shí)，接受作者想要傳達(dá)的信息。
1、易讀性：主題鮮明突出　
版式設(shè)計(jì)的最終目的是使版面產(chǎn)生清晰的條理性，用悅目的組織來更好地突出主題，達(dá)到最佳訴求效果，同時(shí)需要針對(duì)文字信息的排版，增強(qiáng)文字可讀性。



通過在核心內(nèi)容和元素上增加顏色，讓海報(bào)主題更加鮮明

2.直觀性：形式與內(nèi)容統(tǒng)一
版式設(shè)計(jì)的前提：版式所追求的完美形式必須符合主題的思想內(nèi)容，使得受眾能夠在第一時(shí)間體會(huì)到準(zhǔn)確的信息和情感。


這個(gè)很粗暴了吧，即使看不懂日文，也知道是個(gè)動(dòng)物相關(guān)的內(nèi)容

3.美觀性：強(qiáng)化整體布局
將版面的各種編排要素在編排結(jié)構(gòu)及色彩上作整體設(shè)計(jì)，最終達(dá)到好看的目的。


日本的海報(bào)一向以好看著稱，排版也非常值得學(xué)習(xí)~



雖然這些法則在其他地方被反復(fù)的說到，但是在這里還是要強(qiáng)調(diào)一遍，因?yàn)樗梢詭椭覀冊(cè)诖蚱埔?guī)則之前，開拓一些思路，以幫助你更好的提高。
這6個(gè)法則是：對(duì)比、對(duì)齊、重復(fù)、親密性、留白、變化。
下面我們分別簡述一下。
1.對(duì)比
引導(dǎo)視覺，制造焦點(diǎn)，把內(nèi)容分出主次層級(jí)；可以有顏色、大小、粗細(xì)、冷暖、明暗的對(duì)比，一定要大膽，效果明顯一些


一般產(chǎn)生對(duì)比的方法可以有：大小對(duì)比、粗細(xì)對(duì)比、冷暖色對(duì)比……
不管是哪種對(duì)比，當(dāng)你期望對(duì)比效果有效的話，需要大膽一些，明顯一些，比如你放個(gè)紅色和淡紅色做兩種顏色對(duì)比，請(qǐng)問意義是？



2.對(duì)齊
讓版面產(chǎn)生秩序美，設(shè)計(jì)就是要整整齊齊，值得注意的是，不要用多種對(duì)齊方式，只用一種才能體現(xiàn)畫面的整齊統(tǒng)一。


舉些好看的栗子：



3.親密性
俗話說物以類聚，在設(shè)計(jì)上也同理，相近的元素放在一起，自然會(huì)產(chǎn)生一切和諧的感覺。
比如這張海報(bào)，分成了4組，清晰有條理，中心的主體和點(diǎn)綴元素也利用了親密性原則，使得中心主體顯得更飽滿。



4.留白
這大概是最被說爛的一種法則了，萬物皆可留白，留白產(chǎn)生美~


適當(dāng)?shù)牧舭啄茏岉撁嫱笟?，有呼吸，給人舒適感，有想象的空間，在內(nèi)容比較多的情況下，可以盡量減少視覺分組。



5.變化
一成不變的元素會(huì)容易乏味無趣，版面也缺乏靈活感，如果將一些元素發(fā)生位置，大小或者顏色變化，打破版面呆板、平淡的格局，使得畫面非常有層次感，不失為打破格局的好方法。



6.重復(fù)
重復(fù)的目的是統(tǒng)一，并增強(qiáng)視覺效果。要注意不要過多使用一個(gè)元素，其他元素應(yīng)該與之產(chǎn)生反差對(duì)比，不然容易混淆重點(diǎn)。


構(gòu)圖是整個(gè)版式設(shè)計(jì)的骨架，一幅優(yōu)秀設(shè)計(jì)作品能深深地吸引目光，其中一個(gè)非常重要的原因是版面處理得很好。沒有一個(gè)好的構(gòu)圖排版，你的工作基本上就會(huì)…崩潰。
整理了幾種常用的基礎(chǔ)方法，用這樣的構(gòu)圖方法，一定能讓你的版式設(shè)計(jì)更上一層樓~

1.對(duì)稱式構(gòu)圖
對(duì)稱式構(gòu)圖是構(gòu)圖中最常用的構(gòu)圖方式之一，在平面設(shè)計(jì)中，對(duì)稱是一種視覺元素上下相對(duì)、左右相對(duì)的構(gòu)圖形式。
對(duì)稱型構(gòu)圖是一種結(jié)構(gòu)規(guī)律性很強(qiáng)的構(gòu)圖形式，相互對(duì)稱的平面視覺元素不是單一元素簡單地重復(fù)排列，而是一種新的、更豐富的一致和統(tǒng)一的視覺美感。
看些好看的栗子?



2.中心式構(gòu)圖
中心式構(gòu)圖以設(shè)計(jì)平面的中心部位作為整個(gè)視覺中心來進(jìn)行設(shè)計(jì)構(gòu)圖，比較常用長方形和正方形的構(gòu)圖框來進(jìn)行構(gòu)圖，這種構(gòu)圖方式優(yōu)點(diǎn)在于非常！突出主體，并且可以賦予畫面一種平衡感。
放一些好看的中心式構(gòu)圖海報(bào)



3.對(duì)角線構(gòu)圖
這是一個(gè)非常著名的構(gòu)圖表現(xiàn)方法，設(shè)計(jì)中所呈現(xiàn)的線所形成的對(duì)角關(guān)系，使畫面產(chǎn)生了極強(qiáng)的動(dòng)勢(shì)，表現(xiàn)出縱深的效果。透視也會(huì)使整體變成了斜線，可以引導(dǎo)人們的視線到畫面深處。


比如這幅紀(jì)梵希的海報(bào)，可以將海報(bào)與一眾平衡構(gòu)圖的圖片區(qū)分開來，傾斜的角度讓人第一眼就想注意到它。這種構(gòu)圖方式在各類產(chǎn)品海報(bào)中會(huì)比較常見，不信你去看看蘋果官網(wǎng)。

4.方形排列構(gòu)圖
方形與重復(fù)排列的構(gòu)圖形式是視覺元素以方形骨架或外形呈方形重復(fù)排列形成的構(gòu)圖形式。通過方形中視覺元素規(guī)整和變化的重復(fù)組合，增加構(gòu)圖效果的生動(dòng)性、多樣性與豐富性。
像下面這幅海報(bào)就是比較典型的方形排列構(gòu)圖，整個(gè)畫面顯得灰常強(qiáng)調(diào)和突出。





說完一些基本方法，我們來進(jìn)階一下吧，一些小招法，幫你更好的提升自己的版式水平。

1.每行文字加色塊
這種手法類似于我們?cè)趙ord里全選一個(gè)段落，每行文字就會(huì)出現(xiàn)長短不一的背景色塊。
我們說的加色塊，并不是加一個(gè)整色塊，而是要根據(jù)每行文字的長度不同，分別給每行文字加一個(gè)相應(yīng)長短的色塊，這就要求你排版的時(shí)候，注意這些文字每一行的長短最好是不一樣的，才能做出好的效果。


當(dāng)然條件色塊的方式也有很多種，你可以將色塊和色塊之間可以是間距近些連在一起，像這樣：


也可以將色塊與文字錯(cuò)開：


多種玩法，任君選擇。不過注意~色塊的顏色最好來源于版面中的其他元素，同時(shí)文字行數(shù)不要太多，3-8行左右為最佳。

2.加入特殊的圖片形式
版面設(shè)計(jì)中最常用的圖片類型為以直線邊框來規(guī)范和限制的圖形，即方形圖式。
但在一些版面設(shè)計(jì)中，加入一些特殊的圖片形式如退底圖式、出血圖式等，可以產(chǎn)生一種視覺沖擊。


3.旋轉(zhuǎn)方向
當(dāng)你希望你的排版能給人留下印象，有時(shí)直線文本的效果是不夠的，這種情況下，稍稍傾斜或彎曲會(huì)讓你的設(shè)計(jì)脫穎而出，吸引更多目光。






下面是一組版式模板，在你的實(shí)操過程中，可以直接套用他的版式模板。


求點(diǎn)贊~


我們的設(shè)計(jì)應(yīng)該是美的，但不是完美。沒人喜歡完美，容許自己犯錯(cuò)，來的更有人情味。

最后，版式其實(shí)是體現(xiàn)處理文本之間的邏輯能力，所以先理清架構(gòu)，簡單的方法就是最有力量的手段了。