亚洲欧美香蕉在线日韩精选_www在线观看美女视频_娇妻的呻吟大团结内裤奇缘_免费a漫禁漫h漫在线

如何快速提高版式設計能力?總結了3個方面!|北京藍藍UI設計公司

2023-11-16    周周

如何快速提高版式設計能力?優設總監總結了3方面!

下面將從 01、版式的組成;02、構圖的平衡;03、設計的原則三個方面介紹版式設計的創作思路。

如何快速提高版式設計能力?優設總監總結了3方面!

一、版式的組成

首先,找出以下示例圖中的版式組成元素,大而全的有幾種?

如何快速提高版式設計能力?優設總監總結了3方面!

大體上圖中有以下四個主要組成元素:主體、文案、點綴元素、背景。

按照電視劇的角色安排,主體相當于主角,視覺焦點自帶主角光環;文案相當于配角,配角的作用是和主角搭戲的,有時候主角的臺詞需要從配角的口中說出;點綴元素則相當于群演,可有可無,可多可少,根據具體需要自由發揮,不過要注意群演的站位不能擋住 C 位;背景則相當于場景道具,和主角的情感和劇情相稱即可。

如何快速提高版式設計能力?優設總監總結了3方面!

二、構圖的平衡

設計中,平衡是實現統一的一條重要途徑。給人一種整體平衡的印象,版式平衡主要有 3 種分類,分別是:對稱平衡、非對稱平衡和整體平衡(滿版平衡)。

如何快速提高版式設計能力?優設總監總結了3方面!

1. 對稱平衡

對稱平衡是一種靜態的,可預見的,講求條理平衡的設計。對稱構圖相對比較易于創建,特點是穩定,莊嚴,整齊,安寧,沉靜和古典。參考絕大多數的建筑都是采用的對稱平衡設計。

如何快速提高版式設計能力?優設總監總結了3方面!

2. 非對稱平衡

非對稱在不對等元素之間創設出新的秩序和平衡,非對稱設計由于版式不可預見,所以空間是變化的。特點是動態的,靈活的和富有活力。非對稱構圖比較多,常見的有以下 6 種構圖形式:對角線構圖;S 型構圖;發射狀構圖;中心構圖;二分構圖;形狀構圖。

如何快速提高版式設計能力?優設總監總結了3方面!

①對角線構圖

文案擺放在版面的對角線方向,一方面避免了司空見慣的居中版面,一方面給中心主體留出了更多的創作空間;

另外中心的圖形也可以是對角線的設計,這樣會讓整個構圖看起來比較平衡。

如何快速提高版式設計能力?優設總監總結了3方面!

②發射狀構圖

點綴元素圍繞中心的文案或者圖形發射,這樣的構圖會讓中心的視覺容易聚焦,視覺沖擊感會更強烈。

像電商大促活動,淘寶和京東等等會經常用到使用發射性構圖來營造大促活動的熱鬧火熱程度。許多電影海報也會采用這種構圖,讓讀者主視覺聚焦。

如何快速提高版式設計能力?優設總監總結了3方面!

③中心構圖

這種構圖方式是我們最為常見的構圖之一,文案和主題居中頁面顯示,需要注意的是位于版心的主體要盡可能的出彩,利用設計技巧吸引讀者眼光,這樣才能避免平淡乏味。

如何快速提高版式設計能力?優設總監總結了3方面!

④S 形構圖

文案或者圖形放在線條轉折的地方,整體呈一個 S 形。另外線條的起點和終點也同樣是讀者容易關注的地方,可以放一些重要的信息。這樣的構圖靈活,有趣,而且可以引導用戶沿著 S 形軌跡閱讀信息。

如何快速提高版式設計能力?優設總監總結了3方面!

⑤二分構圖

文案和主體分開,呈左右或者上下的構圖形式,注意的是文案要采用對齊原則,這種構圖方式也是比較容易創建的一種。

如何快速提高版式設計能力?優設總監總結了3方面!

⑥形狀構圖

主體和文案的組合形式可以是圓形,三角形,矩形等形狀構圖。注意如果使用三角形構圖,最好呈倒金字塔形結構,這樣更符合讀者的閱讀順序,更加輕便引導用戶進入下一個信息層。

如何快速提高版式設計能力?優設總監總結了3方面!

3. 滿版平衡

整體平衡,是指圖片充滿整個版面,文案布局在上下, 左右,中部的位置,特點是主要以圖像為訴求,視覺傳達直觀而強烈。

滿版型構圖,給人大方,舒展的感覺。注意:在設計的過程中,這種類型的文字處理很容易顯得“嘈雜”,因此為了避免擁擠的空間,適當刪減些文字。

如何快速提高版式設計能力?優設總監總結了3方面!

三、設計原則

對構圖形式了解后,我們還需要知道一些基本的設計原則,雖然這些原則我們可以在其他地方反復的看到,但是我在這里還是要再次強調,因為它們可以幫助我們在打破規則之前,必須清楚規則是什么。另外需要注意一點就是,這幾個原則并不是獨立分開的,而是可以同時考慮和結合。

如何快速提高版式設計能力?優設總監總結了3方面!

1. 對比

缺乏對比,作品會變得平淡乏味并且不能有效地傳遞信息。艾美獎設計師、Bind 公司創始人 Chris Do 說過 contract is king(對比至上),運用好對比,可以在頁面上引導用戶的視覺,并且制造焦點。

  1. 制造視覺焦點
  2. 對比的效果要明顯
  3. 對比的方式/大小/粗細/冷暖等

如何快速提高版式設計能力?優設總監總結了3方面!

如何快速提高版式設計能力?優設總監總結了3方面!

2. 對齊

任何元素都不能在版面上隨意安放,每一項都應當與頁面上的某個內容存在某種視覺聯系。在版面上找到可以對齊的元素,盡管它們可能距離比較遠。需要注意的地方就是避免同時使用多種對齊方式。

  1. 元素切忌不要隨意擺放
  2. 找到一條明確的對齊線
  3. 避免使用多種對齊的方式

如何快速提高版式設計能力?優設總監總結了3方面!

如何快速提高版式設計能力?優設總監總結了3方面!

3. 親密性

同類相近,異性相遠,相關的元素距離靠近,歸類到一起,成為一個視覺單位,而不是多個孤立分散的狀態,這樣有助于組織信息,減少混亂,讓結構變得更清晰。根據文案內容,進行合理的分組與歸類。

  1. 劃分信息層級并分組
  2. 同類相近,異類相遠
  3. 分組不宜過多

如何快速提高版式設計能力?優設總監總結了3方面!

如何快速提高版式設計能力?優設總監總結了3方面!

4. 重復

重復的目的是統一,并增強視覺效果。比如標題都是同一個字體,但需注意的是,避免過多重復同一元素,這個度需要把握,并且過多重復會混淆重點,都是重點等于沒有重點。一般來說,呈均勻的重復式圖案,是作為背景使用的。

  1. 重復的目的是統一
  2. 避免太多的重復一個元素
  3. 過多的重復會混淆重點

如何快速提高版式設計能力?優設總監總結了3方面!

如何快速提高版式設計能力?優設總監總結了3方面!

5. 留白

留白是虛實空間對比的作用,適當的留白能讓頁面具有呼吸感,讓讀者閱讀體驗更輕松。大量視覺信息堆砌時,每個元素都要經過眼睛掃描,大腦處理,當找不到重點的時候用戶眼睛和大腦容易疲憊。在內容比較多的情況下,盡量在視覺上減少視覺分組;另外,多利用負空間創作一些巧妙的負空間。

  1. 虛實空間對比
  2. 內容多的時候減少視覺分組
  3. 多利用負空間

如何快速提高版式設計能力?優設總監總結了3方面!

如何快速提高版式設計能力?優設總監總結了3方面!

6. 變化

一成不變的元素容易造成頁面的乏味無趣,版面也缺乏靈活感,如果將一些元素的位置、大小或者顏色進行變化,打破版面呆板、平淡的格局,使得畫面非常有層次感,不失為打破格局的好方法。

  1. 打破呆板的平淡的版式格局
  2. 同質中的不同即是變異元素
  3. 有位置、大小或者顏色等變化

如何快速提高版式設計能力?優設總監總結了3方面!

如何快速提高版式設計能力?優設總監總結了3方面!

 

文章來源:優設網    作者:解決師Blue

分享此文一切功德,皆悉回向給文章原作者及眾讀者.

免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

 

藍藍設計(axecq.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。

關鍵詞:UI設計公司、界面設計公司UI設計服務公司數據可視化設計公司、UI交互設計公司、高端網站設計公司用戶體驗公司、軟件界面設計公司、軟件qt開發軟件wpf開發軟件vue開發。

 

日歷

鏈接

個人資料

藍藍設計的小編 http://axecq.cn

存檔