一點點的版式設計基礎

WWW.BANSHIART.COM

歡迎進入版式設計網：專業提供國外雜誌、報紙、畫冊、 InDesign Illustrator Photoshop 優秀版式設計素材源文件，分享國內外優秀版式設計作品。

新浪微博：版式設計網

QQ有賞資源交流群：345 168 497

淘寶店鋪：版式設計網

來源：hibokie

點擊播放 GIF/1925K

這是一篇不太成熟的小內容。什麼是版式設計，維基百科給出的定義是運用造型要素及形式原理，對版面內的文字字體、圖像圖形、線條、表格、色塊等要素，按照一定的要求進行編排，並以視覺方式藝術地表達出來，並通過對這些要素的編排，使觀看者直覺的感受到某些要傳遞的意思。版式設計是是針對版面來進行的，所以談版式設計之前，先說說什麼是版面，按照自己的理解，版面就是容納各種設計元素和進行設計活動的空間，一般往往是平面的，一本書的一頁是版面，一張海報是一個版面，你做PPT，每一頁是一種版面，包括你現在正在看到的這篇內容，整個視覺區域它也是一種版面，而版式設計，就是為了能讓想要表達的信息更好地傳達給受眾而對版面空間中的元素進行組織管理一種方法。

正如版式設計的主要工作是選擇正確的視覺元素並進行合適的編排來傳遞想要表現的內容，所以接下來的主要從版面空間中的視覺元素以及視覺元素的基本屬性兩個方面來說。版面的視覺元素一般有哪些呢，概括地說可以分為文字，圖片，抽象元素，色彩。》文字我們在設置文字的屬性時，主要涉及的有字體，字型大小，字距，行距。選擇合適的文字對於整體的視覺表現是相當重要的。

我們平常所接觸的文字大致可以分為兩類，以中文為代表的東方語系文字，以英文為代表的西方語系文字。東方語系文字由一個個格子排列開來，而西方語系文字由幾條水平線來確定文字的的排列。在西方語系中，根據文字筆畫兩端的筆畫是否有修飾，分為無襯線字體（sans-serif），和襯線字體（serif）。

》圖片嗯，這是一張圖片

嗯嗯，這也是一張圖片 （你說背景是不是透明的）

》抽象元素抽象元素通常指幾何元素，包括著最基本的「點」、「線」、「面」。初中數學就學過，連點成線，連線成面。面是基礎，點、線都是面的基本形態。點，線是點的移動軌跡，面是點線的集合體。點和面，線和面之間存在一種模糊的界限，跨過了這個限度，點和線也就失去了原本自身的性質，就成為了「形」和「面」了點線面等抽象元素主要用作視覺引導，平衡版面空間，形成視覺重點》色彩討論色彩，離不了要涉及它的三個基本屬性，即色相，明度，純度。而在用計算機使用色彩時，又要了解計算機中的色彩格式。對應色彩的三個基本屬性，計算機有HSB色彩模式,HSB模式是基於人眼所看到的顏色的一種顏色模式，符合人腦感知色彩的過程。比如看到一種顏色，我們都是先大概分辨出它是哪種顏色（Hue，色相），然後再判斷顏色的深淺，這是在判斷顏色的飽和度（Saturation）和明度(Brightness)。顏色格式還有有很多，比如最常用的顏色格式RGB，印刷出版常用的CMYK顏色格式。了解色彩，還有一個很重要的工具，色環

以綠和紫色兩個中性色為界，就分成了我們常說的冷暖色，紅、橙、黃等為暖色，綠、藍綠、藍等為寒色。應該聽過，使用的色彩不要超過三種這種說法吧。嚴格來說，是不要超過三種色相。此外，不要超過三種對於視覺元素的屬性我想基本都是適用的吧。版式設計中的網格系統（grid system）

無論是自然的選擇，還是人類的創造，似乎總是偏愛一些特殊而有規律的比例，這種功能和審美上的選擇，在版面設計領域，也同樣顯示著它的力量

設計的首要任務是通過組織各種設計元素來表達我們需要傳遞的信息，組織各種視覺元素就需要通過網格來完成。那如何構建版面中的網格呢？這應該是個數學問題。網格的作用是劃分內容區域，可以根據等差數列，等比數列，斐波拉契數列等來確立各個區域的比例大小和位置。我們最熟悉的肯定就是黃金分割了。常說的三分法其實就是黃金分割的一個簡化。舉個例子，這篇內容的封面圖。

它的網格（參考線）是這樣的。大致是這樣來的，先畫條對角線，再建兩條把畫面三等分的線，以右邊的交點為圓心畫個圓，然後建立圓的上邊界的參考線，也就可以確立下邊界了，然後根據與對角線的交點可以確定左右邊界了，這樣版心也就確定了（第一次如此認真的畫參考線...）

完。這篇內容先說到這兒吧。最後還想引出學習中的兩個概念，解構和重構，學習應該是一個逐漸深入的過程，從是什麼（所表達的信息），到為什麼（怎樣實現的和為什麼要這樣），再到還可以是什麼（是否有更好的表現途徑）。所以把版面空間的內容拆解成若干不同的視覺元素進行分析，這樣在看別人的設計作品或者自己在進行一些工作時，或許可以有一種不同的思路。至於具體的過程和所理解到什麼內容，那就是仁者見仁智者見智的問題了。

TAG:版式設計網 |

※設計構圖的基礎元素！點、線、面
※設計圖片焦點的八個技巧
※版式設計中字體設計的創意表現形式！
※嘗嘗一個圖形設計師做的糕點
※名片的設計要點以及排版要求
※下沉式設計，設計界的新寵！
※【排版設計】用一條線撬動整個平面
※細數紅點那些人性化設計
※一圖勝萬言！版式設計中的用圖原則
※設計構圖技巧！點、線、面的妙用
※【排版設計】不給點顏色瞧，你的版式怎能高大上！
※設計師替夢龍雪糕走了一次秀，設計有點生硬
※日式版式設計欣賞大全
※點睛之筆 燈具設計
※平面設計中點、線、面的詳解
※各種基礎包型的紙樣設計
※多顏色點綴生活 混搭風格別墅設設計
※日本點心包裝設計
※各式庭院的特點及其設計原理