歡迎來到神秘園PS教程自學網,這里是Photoshop愛好者的樂園![登錄][注冊]

基于網格設計方法將改善版面設計的15個理由

2018年05月22日23:47來源:互聯網編輯:Dante

在圖形設計師的“工具箱”里,網格被認為是基本的基本要素之一。

這是為什么呢?為什么在你的版面上有一些網格線對設計項目如此重要?每個設計師都有自己的理由來解釋為什么網格對他們來說很重要,但是簡單地說,它們可以幫助你把本來是一種很難、耗時和麻煩的圖文信息設計問題,通過網格構造,使你的設計實現有序、整齊、易于導航等功能。

所以,如果你要對基于網格設計的世界進行了深入的研究,讓我們來討論一下為什么簡單地將網格添加到你的設計中,可以顯著改善你的設計的15個理由。

01.網格使你的內容有條理

網格的主要用途之一是保持設計元素對齊和排序,并且使你的頁面設計干凈整潔。

這是因為網格有利于實現對齊,這實際上是它們在設計中起得最重要的作用。通過建立一個網格系統,你可以為自己創建一個結構來對齊元素,由此你可以為自己創建一個整潔,整齊和有組織的版面布局。

例如,看一下這種基于網格的布局,以及如何整齊排列每個元素以形成干凈的最終效果。

在使用網格時,找到一個想象可以把元素對齊的網格,是你的文字、圖像、圖形或任何其他元素。先從你想要達到的目標開始,然后建立你的網格。

02.它會使你的工作更快

在一個我們總是希望更快更好地完成任務的世界里,“提高效率”這個詞對很多人來說都像是音樂,所以這一點聽起來應該像一首交響樂。

網格可以大大加快和改進你的設計時間,因為它們可以作為一個向導,在哪里放置是最好位置以及比例元素。網格應該幫助引導你找到一個自然的解決方案,而不是隨機地定位元素,直到你找到一個好看的構圖。

“網格通過幫助設計師決定內容應該放置在哪里,從而加快了設計過程。”

把你的網格想象成房子的基礎,它是你首先要考慮設計的問題之一,然后你用這個基礎上來創建版面。

03.你的文字會感謝你的

如果沒有其他的東西,網格和文字是兩個非常愉快地相隨而來的設計元素。一個強大的網格,可以實現使文字多的布局看起來更整潔、更有組織,并有助于增強正文副本的可讀性。

網格有助于提高文字的易讀性,這是通過所謂的“基線網格”實現的,它們都是狹窄的橫行線,在設計中你的每一行都在你的設計上,有點像筆記本上的規定線條。這些網格線幫助你做的是調整文本的位置,使它們處在同一水平線上。

否則雖然很多人可能沒有特別注意到你的文字是否對齊,但他們會下意識地注意到,你的設計看起來更凌亂。

下面是一個基線網格的例子。注意每行是如何完美對齊的,由此創建一個干凈整潔的排字效果。

04.與其他設計師合作將更容易

你曾經和其他設計師合作過嗎?如果是這樣的話,網格可能是緩解溝通不暢的部分壓力和挫折的答案。

正如前面提到的,網格在許多方面幫助你為你的設計提供一個底層結構,并提供了一個向導,以確定應該放置哪些元素。因此,如果你的設計中設置了一個堅固的網格,并且有一個新的設計人員加入,他們將(希望)能夠看到你是如何設置的,以及你打算如何定位元素。

舉個例子,如果你設計一個像下面這樣的設計作品,需要另一個設計師把文檔上加進去,然后放置第三段。

由于有了網格系統,它們不能夠正確地排列和對齊的幾率就更小了。此外,關于諸如“列應該有多寬”之類的信息,從上一列的文本中,我應該把它放在哪里?因為所有的答案都已經被網格回答了。

在與其他設計師合作時,建立一個自我解釋的網格系統,適合你的最終產品。

05.平衡你的設計將變得更加容易

網格的美妙之處在于它們是一致的,當你將設計分成一定數量的列時,你將從一個對稱的布局開始。從這里開始,判斷你的設計的哪個方面在壓倒另一方面應該容易得多。

請查看下面的網站設計,以及如何通過使用銳利對稱的網格和均勻大小的信息和圖像來避免不平衡的布局。

同樣,這個設計使用三列網格和集中的圖形來保持設計的對稱性和完美平衡。即使設計是相當強大的,可以很容易地被認為是壓倒性的,因為整齊排列和完美平衡的網格,使其設計保持冷靜,而不是混亂。

教程由[www.prvcmq.live]收集整理
ps教程自學網 ps照片 ps摳圖教程 ps鼠繪教程 ps字體 ps技巧 ps入門 ps知識問答
下次找不到怎么辦?★一鍵收藏分享★
更多
設計軟件教程
ps教程大全
ps教程入門
ps摳圖專區
ps照片美化
關閉
u147台球