設計穩如狗,排版鐵憨憨?

設計穩如狗,排版鐵憨憨?


期末臨近你的課程設計做得怎麼樣啦?好的展板排版一定會為你的作品加分!

今天一起來學習一下,如何設計高逼格建築展板吧!

設計穩如狗,排版鐵憨憨?

(文末含海量案例下載喲)



圖文教程

01 構圖

在排版設計中,構圖非常重要,構圖要講究做有“故事”的構圖。


我們在排版時,表現圖之間的秩序性應當作為構圖的基礎,把這種關係作為隱性結構,再通過一些版式設計原則,比如三分法、黃金比例、斐波那契數列...做出可以“講故事”的圖紙表現,讓你的設計事半功倍。

設計穩如狗,排版鐵憨憨?

設計穩如狗,排版鐵憨憨?

一、網格型

網格型是一種規範的理性的分割方法。常見的網格有豎向通欄、雙欄、三欄、四欄和橫向通欄、雙欄、三欄和四欄等。一般以豎向分欄居多。


在圖片和文字的編排上則嚴格按照網格比例進行編排配置,給人以

嚴謹、和諧、理性的美。

設計穩如狗,排版鐵憨憨?


網格經過相互混合的版式,既理性、條理,又活潑而具有彈性。比如視頻中的展板構圖:背景連綿起伏的山體形成展板間的呼應,頂部放輕量感的分析圖、底部放重量感透視大圖壓底,使整個版面和諧規整又有趣味。


設計穩如狗,排版鐵憨憨?







二、滿版型

版面以圖像充滿整版,主要以圖像為訴求,視覺傳達直觀而強烈。文字的配置壓置在上下、左右或中部的圖像上。滿版型給人以大方、舒展的感覺,是商品廣告的常見形式。


設計穩如狗,排版鐵憨憨?


設計穩如狗,排版鐵憨憨?



三、對稱型

對稱的版式給人穩定、莊重理性的感覺。對稱有絕對對稱和相對對稱。一般多采用相對對稱。以避免過於嚴謹。對稱一般以相對對稱居多。


設計穩如狗,排版鐵憨憨?




四、多邊形/曲線型

圖片或文字在版面結構上作曲線或多邊形劃分編排構成,產生節奏和韻律

設計穩如狗,排版鐵憨憨?


設計穩如狗,排版鐵憨憨?





五、傾斜型

版面主體形象或多幅圖版做傾斜編排,造成版面強烈的動感和不穩定因素,引人注目。


設計穩如狗,排版鐵憨憨?





六、並置型

將相同或不同的圖片作大小相同而位置不同的重複排列。並置構成的版面有比較、說解的意味,給予原本複雜喧囂的版面以秩序、安靜、調和與節奏感

設計穩如狗,排版鐵憨憨?




七、自由型

自由型結構是無規律的、隨意的編排構成,有活潑、輕快之感。但這種構圖對個人審美素養要求較高,一不小心就會顯得雜亂無章,建議謹慎使用。

設計穩如狗,排版鐵憨憨?


設計穩如狗,排版鐵憨憨?




02 色彩

排版追求色彩的統一和諧,並非是只能有一種顏色,而是將色系統一;無論是一種色系還是倆到三種色系,都需要達到一種和諧的狀態,或互補或相近,使得內容相互銜接;


常用的方法可歸結為以下兩種——


一、統一底圖色調(深色)

深色圖底是達到圖面統一、吸引眼球最便捷有效的一種方式,但往往易讀性較差,尤其是作為技術展示的線稿類圖片。


這種方式需要一張大圖打破整張圖的底色,基本是效果展示或實景地圖等。

設計穩如狗,排版鐵憨憨?

設計穩如狗,排版鐵憨憨?





二、色帶貫穿圖紙

深以色帶、色塊加以漸變的方式使圖面達成和諧統一的效果,通常使用高級灰+亮色的搭配最易出彩;再豐富亮色的層次變化調節豐富圖面。

設計穩如狗,排版鐵憨憨?


設計穩如狗,排版鐵憨憨?




03 字體

排版設計中字體排版總能為整個頁面加分不少。別具一格的設計雖然精彩,但是更多的時候,字體的設計及排版也會提升整個頁面的逼格。


一、尺寸和層次

把多個字體組成的段落看做一個體塊來對待;加重文字的韻律感,標註要清晰字體選擇合適的大小,分出層次,協調畫面關係。


設計穩如狗,排版鐵憨憨?

Google的Roboto字體


二、間距和長度

控制整體文本的字間距和長度,能夠讓內容的可讀性、文本段落的鬆緊顯得更加合理。

對於標題來說,字的間距會影響整體風格。對於段落來說,一行文本太短,眼睛必須經常跳轉,打破讀者的節奏。 如果一行文本太長,用戶的眼睛也難長期專注於單行文本。

設計穩如狗,排版鐵憨憨?


三、字體

使用超過 3 種不同的字體會使頁面看起來缺乏結構化和不專業。 除開用於打造風格化的標題,正文建議使用大家更熟悉標準字體,可以讓我們更快地讀取有效信息。


設計穩如狗,排版鐵憨憨?


不過特殊字體的使用確實會成為頁面上的點睛之筆,日式海報有很多優秀的案例值得借鑑,少量使用在標題位置還是不錯的選擇。


設計穩如狗,排版鐵憨憨?


設計穩如狗,排版鐵憨憨?


設計穩如狗,排版鐵憨憨?

文章圖源網絡侵刪



福利時間

可以免費領取海量排版案例噢~

設計穩如狗,排版鐵憨憨?

設計穩如狗,排版鐵憨憨?

設計穩如狗,排版鐵憨憨?


分享到:


相關文章: