2023-11-16 周周
下面將從 01、版式的組成；02、構圖的平衡；03、設計的原則三個方面介紹版式設計的創(chuàng)作思路。
首先，找出以下示例圖中的版式組成元素，大而全的有幾種？
大體上圖中有以下四個主要組成元素：主體、文案、點綴元素、背景。
按照電視劇的角色安排，主體相當于主角，視覺焦點自帶主角光環(huán)；文案相當于配角，配角的作用是和主角搭戲的，有時候主角的臺詞需要從配角的口中說出；點綴元素則相當于群演，可有可無，可多可少，根據(jù)具體需要自由發(fā)揮，不過要注意群演的站位不能擋住 C 位；背景則相當于場景道具，和主角的情感和劇情相稱即可。
設計中，平衡是實現(xiàn)統(tǒng)一的一條重要途徑。給人一種整體平衡的印象，版式平衡主要有 3 種分類，分別是：對稱平衡、非對稱平衡和整體平衡（滿版平衡）。
1. 對稱平衡
對稱平衡是一種靜態(tài)的，可預見的，講求條理平衡的設計。對稱構圖相對比較易于創(chuàng)建，特點是穩(wěn)定，莊嚴，整齊，安寧，沉靜和古典。參考絕大多數(shù)的建筑都是采用的對稱平衡設計。
2. 非對稱平衡
非對稱在不對等元素之間創(chuàng)設出新的秩序和平衡，非對稱設計由于版式不可預見，所以空間是變化的。特點是動態(tài)的，靈活的和富有活力。非對稱構圖比較多，常見的有以下 6 種構圖形式：對角線構圖；S 型構圖；發(fā)射狀構圖；中心構圖；二分構圖；形狀構圖。
①對角線構圖
文案擺放在版面的對角線方向，一方面避免了司空見慣的居中版面，一方面給中心主體留出了更多的創(chuàng)作空間;
另外中心的圖形也可以是對角線的設計，這樣會讓整個構圖看起來比較平衡。
②發(fā)射狀構圖
點綴元素圍繞中心的文案或者圖形發(fā)射，這樣的構圖會讓中心的視覺容易聚焦，視覺沖擊感會更強烈。
像電商大促活動，淘寶和京東等等會經(jīng)常用到使用發(fā)射性構圖來營造大促活動的熱鬧火熱程度。許多電影海報也會采用這種構圖，讓讀者主視覺聚焦。
③中心構圖
這種構圖方式是我們最為常見的構圖之一，文案和主題居中頁面顯示，需要注意的是位于版心的主體要盡可能的出彩，利用設計技巧吸引讀者眼光，這樣才能避免平淡乏味。
④S 形構圖
文案或者圖形放在線條轉(zhuǎn)折的地方，整體呈一個 S 形。另外線條的起點和終點也同樣是讀者容易關注的地方，可以放一些重要的信息。這樣的構圖靈活，有趣，而且可以引導用戶沿著 S 形軌跡閱讀信息。
⑤二分構圖
文案和主體分開，呈左右或者上下的構圖形式，注意的是文案要采用對齊原則，這種構圖方式也是比較容易創(chuàng)建的一種。
⑥形狀構圖
主體和文案的組合形式可以是圓形，三角形，矩形等形狀構圖。注意如果使用三角形構圖，最好呈倒金字塔形結構，這樣更符合讀者的閱讀順序，更加輕便引導用戶進入下一個信息層。
3. 滿版平衡
整體平衡，是指圖片充滿整個版面，文案布局在上下， 左右，中部的位置，特點是主要以圖像為訴求，視覺傳達直觀而強烈。
滿版型構圖，給人大方，舒展的感覺。注意:在設計的過程中，這種類型的文字處理很容易顯得“嘈雜”，因此為了避免擁擠的空間，適當刪減些文字。
對構圖形式了解后，我們還需要知道一些基本的設計原則，雖然這些原則我們可以在其他地方反復的看到，但是我在這里還是要再次強調(diào)，因為它們可以幫助我們在打破規(guī)則之前，必須清楚規(guī)則是什么。另外需要注意一點就是，這幾個原則并不是獨立分開的，而是可以同時考慮和結合。
1. 對比
缺乏對比，作品會變得平淡乏味并且不能有效地傳遞信息。艾美獎設計師、Bind 公司創(chuàng)始人 Chris Do 說過 contract is king（對比至上），運用好對比，可以在頁面上引導用戶的視覺，并且制造焦點。
2. 對齊
任何元素都不能在版面上隨意安放，每一項都應當與頁面上的某個內(nèi)容存在某種視覺聯(lián)系。在版面上找到可以對齊的元素，盡管它們可能距離比較遠。需要注意的地方就是避免同時使用多種對齊方式。
3. 親密性
同類相近，異性相遠，相關的元素距離靠近，歸類到一起，成為一個視覺單位，而不是多個孤立分散的狀態(tài)，這樣有助于組織信息，減少混亂，讓結構變得更清晰。根據(jù)文案內(nèi)容，進行合理的分組與歸類。
4. 重復
重復的目的是統(tǒng)一，并增強視覺效果。比如標題都是同一個字體，但需注意的是，避免過多重復同一元素，這個度需要把握，并且過多重復會混淆重點，都是重點等于沒有重點。一般來說，呈均勻的重復式圖案，是作為背景使用的。
5. 留白
留白是虛實空間對比的作用，適當?shù)牧舭啄茏岉撁婢哂泻粑校屪x者閱讀體驗更輕松。大量視覺信息堆砌時，每個元素都要經(jīng)過眼睛掃描，大腦處理，當找不到重點的時候用戶眼睛和大腦容易疲憊。在內(nèi)容比較多的情況下，盡量在視覺上減少視覺分組；另外，多利用負空間創(chuàng)作一些巧妙的負空間。
6. 變化
一成不變的元素容易造成頁面的乏味無趣，版面也缺乏靈活感，如果將一些元素的位置、大小或者顏色進行變化，打破版面呆板、平淡的格局，使得畫面非常有層次感，不失為打破格局的好方法。
文章來源：優(yōu)設網(wǎng) 作者：解決師Blue
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍藍設計(www.z1277.cn )是一家專注而深入的界面設計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網(wǎng)站設計、平面設計，以及相關的軟件開發(fā)服務，咨詢電話：01063334945。
關鍵詞：UI設計公司、界面設計公司、UI設計服務公司、數(shù)據(jù)可視化設計公司、UI交互設計公司、高端網(wǎng)站設計公司、用戶體驗公司、軟件界面設計公司、軟件qt開發(fā)、軟件wpf開發(fā)、軟件vue開發(fā)。
