當(dāng)前位置: 首頁 > 設(shè)計資訊 > 設(shè)計教程 > 正文

決定美麗設(shè)計構(gòu)圖的10個黃金規(guī)則總結(jié)

2022-09-08 4025 0
      不管你利用了多么漂亮的平面設(shè)計,構(gòu)圖不充分的話,設(shè)計的優(yōu)點就不會存在。設(shè)計的構(gòu)成、組裝可以說是非常重要的吧。 那么,構(gòu)圖到底是什么意思呢? 簡單地總結(jié)一下,把各部分集中起來,或者各部分集中在一起組裝整體。 在設(shè)計上,是指通過收集使用的字體、字體、圖像、平面設(shè)計、配色等,制作出統(tǒng)一的設(shè)計。進行編排、配置和對齊等編輯,通過很好地構(gòu)成,不僅外觀很好,還可以完成非常功能性和效果的設(shè)計。 這次來看看掌握構(gòu)圖的幾個秘訣、訣竅和設(shè)計技巧吧。
01.找出關(guān)注點
      正如學(xué)校教的那樣,關(guān)注點可以說非常重要。 良好構(gòu)圖的關(guān)鍵要素被強調(diào)了焦點幫助讀者在第一次看到設(shè)計時,自然地將視線引導(dǎo)到重要的點。決定焦點的時候,什么設(shè)計都可以最終目標(biāo)是溝通請牢記這一點。 通過很好地處理想法和一些信息,或者感覺和感情,設(shè)計可以描繪出特定的故事。 為了能讓設(shè)計更有力、更有效果地吸引人,決定好焦點吧。
      以下示例的焦點是女模特和衣服。 因此模特被放在中央,字體和黃色的圈子強調(diào),將視線從模特的臉引導(dǎo)到衣服上。 另外,利用引導(dǎo)線,將視線從女性模特身上移開,引導(dǎo)其獲取更細致的信息。
01_Focus1
      同樣,在以下的范例海報中,男性模特備受關(guān)注。 首先將男性模特配置在中央,通過手繪平面設(shè)計將模特包圍起來,將視線集中在焦點(男性模特)。
01_Focus2
02.使用引導(dǎo)線引導(dǎo)視線
      希望別人看到什么時,特定的直線和圖形形狀可以控制設(shè)計的看法,首先是視線聚集的地方。使用引導(dǎo)線的一個非常有名的設(shè)計是流程圖吧。 流程圖通過利用線條,從一個點一個點地明確地表示了視線。 以下的設(shè)計示例通過在流程圖中使用閱讀線,以愉快且獨特的方式介紹信息。
02_LeadingLines1
      引導(dǎo)線按照信息的各個點的順序引導(dǎo)我們。 看到上述樣本時,視線首先進入主要焦點,然后呢? 通過很好地配置、調(diào)整引導(dǎo)線,不僅是焦點,還可以引導(dǎo)視線到達剩下的整個設(shè)計。
      在以下示例中,通過利用強調(diào)的引導(dǎo)線,首先將視線引導(dǎo)到成為焦點的標(biāo)題,然后進入排列成列表狀的信息。 
02_LeadingLines2
      當(dāng)然,所有的設(shè)計都不會為了吸引讀者的視線而利用清晰的直線。 并不是因此就無能為力。 通過利用圖像圖像和平面設(shè)計中的圖形和直線,可以將視線引導(dǎo)到某個固定的方向。
      以下的海報范例中,利用男性模特的左手線,將視線從logo開始,引導(dǎo)到剩下的圖像。 在這個例子中,可以說圖像形象的形狀引導(dǎo)了視線。
02_LeadingLines3
03.放大縮小,然后使用層次
      縮放和視覺層次可以說是設(shè)計的基礎(chǔ),整個設(shè)計有好有壞。 在成功的構(gòu)圖中,妥善處理是很重要的。作為非常簡單的說明,階層是根據(jù)視覺重要度排列設(shè)計要素的技術(shù)。 因此,重要的要素大,用粗體顯示,不太重要的要素小,顏色多顯示得淺吧。階層特別是在處理字體、字體時變得非常重要。
03_Scale1
      縮放通過引起讀者的關(guān)注和脫離,幫助他們很好地傳達視覺層次,每個要素都意味著重要程度。
      例如,在以下示例中,放大后的圖像圖像成為最大的設(shè)計要素,通過使其看起來很有魅力而受到關(guān)注。 其次,用最粗體顯示的標(biāo)題表示在記載的信息中最重要,詳細信息的正文用更小的文字表示。 在本例中,縮放以焦點為信號,保持文字文本的層次。
03_Scale2
      另外,通過利用縮放,也可以作為能夠很好地表現(xiàn)設(shè)計尺寸感的工具而大顯身手。 它很小,從復(fù)雜的復(fù)雜的東西,到巨大的宏偉的東西,被廣泛利用。
      在以下樣品中,通過將站立的兩個人的剪影表現(xiàn)得很小,很好地表現(xiàn)了眼前景色的雄偉和比例感。
03_Scale3
      通過將小設(shè)計元素和大設(shè)計元素繪制為構(gòu)圖的對比度,可以創(chuàng)建幾種不同的效果。
04.取得設(shè)計要素的平衡
      平衡在任何事情中都很重要,你的設(shè)計也不例外。那么如何才能創(chuàng)建完美的平衡呢? 讓我們來看看平衡中的兩個基本種類。
      首先,左右和上下的設(shè)計對稱,均衡對稱平衡。 可以制作更加強調(diào)平衡感的設(shè)計。以下樣本為均衡的對稱平衡。 在這場婚禮的邀請函設(shè)計中,字體和平面設(shè)計均勻排列,形成了對稱的構(gòu)圖。 這樣可以獲得優(yōu)雅、干凈、美麗的平衡。
04_Balance1
      這是另一種平衡類型,可能是更普遍的、不對稱設(shè)計。 我們指的是不平衡、不對稱的設(shè)計。以下樣本可以說是不對稱平衡良好的具體例子。 有意地縮放圖形的大小,分散配置。中央的圓形圓是設(shè)計中最重要的要素,但是通過在字體字體字體上配置對齊的直線,以及左下方配置更重質(zhì)感的紋理,可以很好地平衡整體。
04_Balance2
05.利用條理清晰的設(shè)計要素
      互補色顏色你可能聽說過,補充設(shè)計的要素怎么樣呢? 作為有效構(gòu)圖的要點之一,通過仔細、有意識地決定設(shè)計中使用的要素,每個要素都可以補充整個設(shè)計。構(gòu)圖中的常見錯誤是使用了零散的圖像圖像。 將多張照片用于一個構(gòu)圖時,在分組時確認(rèn)是否有效。 以下是一些具體的技巧。
利用一起拍的照片
      通過利用采用相同風(fēng)格的照片,可以表現(xiàn)出整體感的簡單技巧。 以下示例將多張圖像照片布局得很漂亮。
05_Complement1-1
用相似的顏色對齊照片
      Photoshop動作喲燈光預(yù)設(shè)等等,利用廣為人知的照片加工工具,通過著色和調(diào)整,可以展現(xiàn)出更統(tǒng)一的感覺。 在以下示例中,通過利用黑白單色濾鏡,可以表現(xiàn)出更自然的照片圖像結(jié)合。
05_Complement2
利用用相似風(fēng)格拍攝的照片
      試著選擇同樣美麗和有風(fēng)格的照片形象吧。 例如,使用極簡風(fēng)格的圖像時,可以通過選擇其他受極簡系啟發(fā)的照片來補充整體設(shè)計。 可以看出,以下樣品質(zhì)感豐富,利用了木材,使用了以沉穩(wěn)的色調(diào)整理出的相同風(fēng)格的圖像。
05_Complement3
      創(chuàng)建統(tǒng)一的設(shè)計還會影響字體字體和圖像的組合。 例如,書寫體、斜線、卷曲狀裝飾等字體會給人優(yōu)雅精致的印象。 根據(jù)設(shè)計的目的和意圖,選擇字體。以下樣品是慶祝紋身和老時尚搖滾結(jié)合的活動海報,復(fù)古風(fēng)格的形象圖像通過筆記體的標(biāo)題和粗體平板臺詞的正文,很好地表現(xiàn)出了統(tǒng)一感。 在這里,干凈、纖細、極簡的無襯線字體在概念上與粗糙的搖滾風(fēng)格不匹配。
05_Complement4
06.要強調(diào)對比度
      對比度是強調(diào)或模糊設(shè)計中特定要素時非常有用的技巧之一。 通過提高對比度,利用鮮艷的配色,可以使其要素引人注目。 同樣,可以通過降低對比度將元素模糊到背景中。以下示例通過使用對比度強烈的顏色來吸引照片的注意力,粗體字體字體強調(diào)了所傳達的信息的重點。 同時,通過利用用細字描繪的文字文本,從焦點中稍微去除了要素。
06_Contrast1
      這樣,對比度也可以用于隱藏設(shè)計和消息性的特定元素。
07.試著重復(fù)一下設(shè)計要素
      要保持一致的邏輯布局,請嘗試從設(shè)計中只提取特定的元素,并將其用于其他項目。 字體的種類等可以在各種各樣的項目上利用吧。 另外,還可以重復(fù)利用主題設(shè)計。重復(fù)是成功構(gòu)圖的關(guān)鍵,尤其是在創(chuàng)建多個頁面布局時。 重復(fù)使用的設(shè)計會幫助您進入下一頁,從而創(chuàng)建統(tǒng)一的頁面。
      以下樣品中,各自的布局相似,只是所寫的內(nèi)容和照片,以及配色不同。 這種重復(fù)的構(gòu)圖通過使格式格式容易識別,容易親近,可以迅速傳達信息。
07_Repeat1
      迭代是創(chuàng)建單個頁面的關(guān)鍵因素。 通過反復(fù)利用相同的圖形,可以進一步強化設(shè)計,呈現(xiàn)出統(tǒng)一的效果。以下示例中,特定的字體樣式、圖形和細線有效地創(chuàng)建了整體的整體感。 如果在這個設(shè)計的中央附近配置了粗體和粉紅色的平面設(shè)計的話,所有的統(tǒng)一都會毀了吧。 通過選擇字體種類和顏色配色,簡化圖形設(shè)計,在這個例子中設(shè)計表現(xiàn)得很美,很有力。
07_Repeat2
      進行設(shè)計、制作時,請注意使用的字體、線條的粗細、配色等。 然后在設(shè)計的某個地方活用反復(fù),用心進行有條理的設(shè)計。
08.不要忘記空白空間
      戰(zhàn)略利用的空白空間,讓整體變得流暢,通過和更復(fù)雜的設(shè)計一起活用,有助于確保寬敞的空間。以下示例利用了空白空間,以平衡圖像、紋理和字體,從而保持了整潔精致的設(shè)計效果。
08_WhiteSpace1
      創(chuàng)建設(shè)計時,問問自己,那個元素是否真的需要。 需要所有這些字體嗎? 需要淺藍色的標(biāo)題嗎? 需要三張不同的照片嗎? 通過從設(shè)計中刪除不必要的要素,可以直接進行設(shè)計,會產(chǎn)生更充分的空白空間。
09.把設(shè)計要素排列好
      設(shè)計構(gòu)圖時,請不要只是把所有元素都扔進頁面中,就結(jié)束工作。 設(shè)計要素的排列可以方便快捷地進行。在對設(shè)計要素的排列有困難時,試著利用一下Canva工具。 只要將要素拖到頁面上,就會有自動對齊的工具,所以可以不用花時間就完成設(shè)計。
      以下樣本實現(xiàn)了精美的雜志版面設(shè)計。 通過排列各要素,可以制作出清晰有效的布局,不僅容易引導(dǎo)視線,還能做成眼睛也能享受的內(nèi)容。
09_Align1
      對齊在處理字體字體時也是一個非常重要的因素。 有很多方法可以對齊字體,但根據(jù)以往的經(jīng)驗,對齊長文字文本時向左對齊,可以更容易理解地引導(dǎo)視線。
09_Align0
10.把設(shè)計分成三份
      三分割法假設(shè)通過以等間隔劃出的水平線和垂直線各2條來將畫面9等分(上下左右方向分別3等分),如果將構(gòu)圖上的重要要素配置在這些線上或者線彼此的交點上,則構(gòu)成為能夠平衡且穩(wěn)定的結(jié)構(gòu)。在以下示例中,設(shè)計中很好地引入了三分割法。 在每條線交叉的部分配置了焦點,更加有效地吸引了設(shè)計。 另外,避免在中央的邊框上添加設(shè)計,更加關(guān)注焦點。
10_RuleOfThirds1
      三分割法最適合于決定設(shè)計構(gòu)圖的手段,可以迅速配置各要素。在以下示例中,您可以看到每條線在焦點上相交。 第一張照片里是兩個徒步旅行者,下一張照片里是最大的鳥。 同時,通過線條在文字文本框周圍也交叉,將視線很好地引導(dǎo)到這些點。
10_RuleOfThirds2
      特別是在制作使用了這種三分割法的設(shè)計時,首先使用網(wǎng)格。 這樣可以幫助你更合乎邏輯地排列要素,可以清楚地理解哪里是焦點。
10_RuleOfThirds3
      如果找到了有效的設(shè)計,試著在心里分解一下那個設(shè)計,尋找是什么樣的構(gòu)成。 或者試著應(yīng)用網(wǎng)格布局比較好。 從很棒的示例中獲得新的靈感、想法很重要。

1
評論區(qū)(0)
正在加載評論...
相關(guān)推薦