如何在平面設(shè)計(jì)中使用網(wǎng)格

你想知道建立平面設(shè)計(jì)的最好方法嗎？所有平面設(shè)計(jì)中最有用的概念之一是什么？簡而言之，您想了解如何使用圖形網(wǎng)格嗎？在本文中，福州印秀設(shè)計(jì)想通過規(guī)則、有用的示例和可以下載并保存在計(jì)算機(jī)上的設(shè)計(jì)資源來詳細(xì)討論圖形網(wǎng)格的主題。我將告訴你，在任何平面設(shè)計(jì)的構(gòu)建中，需要多少網(wǎng)格，以及如何以一種和諧的方式構(gòu)建網(wǎng)格。

什么是圖形網(wǎng)格？

網(wǎng)格，或籠子，本質(zhì)上是通過垂直和水平的線對工作空間進(jìn)行細(xì)分，旨在組織空間和定義組成項(xiàng)目的元素。讓我們更具體地思考一下，并嘗試?yán)斫鉃槭裁雌矫嬖O(shè)計(jì)中的工作空間的劃分和組織是如此重要。

網(wǎng)格的構(gòu)成是平面設(shè)計(jì)的基礎(chǔ)

無論你是與媒體打交道，還是與網(wǎng)絡(luò)打交道，無論是設(shè)計(jì)一個(gè)標(biāo)志，還是構(gòu)建一個(gè)字體，還是進(jìn)行包裝設(shè)計(jì)或布局，理解如何組合網(wǎng)格都是你作為一名設(shè)計(jì)師必須考慮的基本技能。網(wǎng)格就像一種無形的粘合劑，將項(xiàng)目連接在一起，并賦予其連貫性。然而，對于許多設(shè)計(jì)師來說，網(wǎng)格幾乎是一個(gè)未知的東西，尤其是對于許多自學(xué)者來說，他們當(dāng)然沒有學(xué)習(xí)過設(shè)計(jì)的理論方面，因此也沒有學(xué)習(xí)過網(wǎng)格理論。

項(xiàng)目的良好組織經(jīng)常被忽視，這也是為什么我們經(jīng)常在大街小巷和網(wǎng)絡(luò)上看到平衡不良或?qū)R不良的項(xiàng)目的原因之一。這篇文章的誕生就是為了填補(bǔ)許多創(chuàng)意人才培養(yǎng)中的這一“空白”。如果沒有一個(gè)初始網(wǎng)格，一個(gè)項(xiàng)目就已經(jīng)很混亂了。

總是從網(wǎng)格開始

無論你的項(xiàng)目是什么，一旦你開始思考并畫草圖（因?yàn)楫嫴輬D是非常重要的），你必須從一個(gè)網(wǎng)格開始實(shí)現(xiàn)最終的項(xiàng)目。

為什么？試著把你的每一個(gè)項(xiàng)目想象成一個(gè)建筑，沒有支撐結(jié)構(gòu)的建筑物，如果設(shè)計(jì)得不好，就會(huì)倒塌，或者至少是非常不穩(wěn)定的。除了為你的布局創(chuàng)建一個(gè)基本的支撐結(jié)構(gòu)，籠子對于創(chuàng)建形狀和關(guān)系之間的和諧也非常重要。例如，web頁面中間的空白與文本或圖像之間的平衡，事實(shí)上，正如美學(xué)-可用性效應(yīng)理論所述，好的作文可以帶來更多的可用性項(xiàng)目。

aesthetic-usability效應(yīng)

有一個(gè)關(guān)于設(shè)計(jì)的理論叫做審美-可用性效應(yīng)，本質(zhì)上，這一理論認(rèn)為，當(dāng)某物被設(shè)計(jì)成美麗的，因此，自然的，那么它將是一個(gè)容易使用的東西。這是一個(gè)非常重要的概念，在所有的設(shè)計(jì)：從圖形到界面設(shè)計(jì)。一個(gè)精心設(shè)計(jì)的網(wǎng)格不僅讓你的設(shè)計(jì)更漂亮，而且更有用！

那么，如何設(shè)計(jì)美觀易用的東西呢？好的，你必須從一個(gè)網(wǎng)格開始，但是什么樣的網(wǎng)格呢？基于哪些原則和理論？我們將在下面進(jìn)一步討論這個(gè)問題。

如何構(gòu)建功能網(wǎng)格

和諧的構(gòu)圖對一個(gè)項(xiàng)目的成功起著至關(guān)重要的作用，因此，要構(gòu)建一個(gè)和諧的設(shè)計(jì)方案，就必須構(gòu)建一個(gè)和諧的圖形網(wǎng)格。但是如何構(gòu)建一個(gè)和諧的圖形網(wǎng)格呢？

最有效的方法之一是使用數(shù)學(xué)（不復(fù)雜）和特定的數(shù)學(xué)關(guān)系來構(gòu)建網(wǎng)格本身的結(jié)構(gòu)，具體做法如下：

遵循論文格式

第一種方法是利用您正在使用的支持的維度關(guān)系，例如，如果您正在處理一張國際紙張，例如A4，它的兩邊的比值將是1：1 .414，然后您可以使用這個(gè)數(shù)學(xué)關(guān)系來創(chuàng)建紙張內(nèi)部給出的除法。

在紙的內(nèi)部創(chuàng)建一個(gè)穩(wěn)定的相互關(guān)系的部門將創(chuàng)建一個(gè)重要的視覺和諧。

如何在A4紙上創(chuàng)建網(wǎng)格

一旦你建立了一個(gè)網(wǎng)格，你絕對不能限制你的創(chuàng)造力。網(wǎng)格可以將創(chuàng)造力引向你的目標(biāo)。遺憾的是，網(wǎng)格構(gòu)建并不是一門需要熟記一套規(guī)則的科學(xué)。在平面設(shè)計(jì)中，許多最有效的網(wǎng)格都是通過對數(shù)學(xué)關(guān)系、文本、照片以及頁面或網(wǎng)站元素的實(shí)驗(yàn)而產(chǎn)生的。有時(shí)甚至是隨機(jī)實(shí)驗(yàn)！

作為一名平面設(shè)計(jì)師，您不需要發(fā)明新的網(wǎng)格或新的方法來構(gòu)建圖形元素，您可以簡單地依賴于數(shù)學(xué)約定，比如我在本文中提到的那些，你甚至可以從高度出版的雜志和其他網(wǎng)站上獲得視覺靈感。重要的是：網(wǎng)格是一個(gè)很大的幫助，如果它們成為你工作中最困難和最昂貴的部分，也許你做錯(cuò)了什么，網(wǎng)格應(yīng)該減少而不是增加花在項(xiàng)目上的時(shí)間。

資源

在結(jié)束之前，我認(rèn)為有一些有用的資源來構(gòu)建網(wǎng)格可能是有用的。讓我們從書開始，或者說從一本書開始，因?yàn)橹R(shí)就是力量，不是嗎？

平面設(shè)計(jì)中最有用的資源之一是20世紀(jì)中期瑞士設(shè)計(jì)大師Josef Muller-Brockmann的《平面設(shè)計(jì)中的網(wǎng)格系統(tǒng)》（英文和德文），這真的是一個(gè)必須為每一個(gè)平面設(shè)計(jì)師專業(yè)。

即使你有最小的機(jī)會(huì)讀它，它也是非常值得的。這里有一些簡單的在線工具，也將幫助您的網(wǎng)格創(chuàng)建冒險(xiǎn)：

創(chuàng)建可以快速保存在.png中的簡單網(wǎng)格

網(wǎng)格設(shè)計(jì)器-非常有用的網(wǎng)頁設(shè)計(jì)師設(shè)計(jì)列和導(dǎo)出與，css文件

在谷歌上搜索諸如“網(wǎng)格構(gòu)建工具”或“網(wǎng)格構(gòu)建器”之類的關(guān)鍵字，可以找到無數(shù)的免費(fèi)工具，它們或多或少都能完成相同的簡單任務(wù)。

福州印秀設(shè)計(jì)結(jié)論

今天就到這里，我希望我已經(jīng)說服你在你所有的圖形和設(shè)計(jì)項(xiàng)目中建立一個(gè)良好的和平衡的網(wǎng)格的重要性。我還希望這能幫助您找到一些用于設(shè)計(jì)和創(chuàng)建完美網(wǎng)格的新資源。

這只是一篇關(guān)于平面設(shè)計(jì)中的網(wǎng)格的介紹性文章，簡而言之，這只是冰山一角。有許多設(shè)計(jì)理論和策略可以幫助您完善與網(wǎng)格相關(guān)的設(shè)計(jì)技術(shù)，謝謝大家！