2022-06-22 分類: 網站建設
我們可以對這個問題進行哲學思考,但一般來說,眾所周知,優秀設計的“秘密”在于您組織視覺元素的方式,與畫布相關,以及元素彼此之間的關系。
以雜志的布局為例。他們的設計遵循經典的網格系統。一切通常都在左、右和底部對齊。這些尤其具有明顯的對齊方式,這使頁面不僅具有視覺吸引力,而且易于閱讀。大標題吸引觀眾的注意力,而副標題則作為大小對比來創建信息的視覺層次結構。
所有這些品質使頁面設計干凈、結構化且易于閱讀,并且它們與我們接下來要討論的技巧保持一致。但首先,讓我們更多地了解布局設計本身。
什么是版面設計?
版面設計涉及圖形元素的排列,以吸引讀者的注意力并以視覺上吸引人的方式傳達特定信息。
印刷材料的設計,如報紙、雜志、海報及其數字對應物,以及網頁、應用程序或 UX/UI 設計等都與此關系密切。
“布局”這個詞給了我們很多提示。它意味著頁面上預定元素的排列。
當布局有效時,它看起來不錯,并引導觀眾理解設計試圖傳達的信息。因此,了解布局是創建有效、用戶友好且令人愉悅的作品的關鍵。
如果一個布局不能很好地向觀眾傳達其信息,或者換句話說,它沒有“讀好”,那么無論它看起來多么時尚,設計都將無效。在布局設計領域,內容取代了趨勢。
版面設計的目的
快速傳達信息
這是關鍵。布局設計建立圖形資產之間的關系,以實現眼球運動的流暢流動,以實現大的效果和影響。
創造平衡
使用布局設計的原則是在您的設計項目中創造平衡和對稱感而又不會變得無聊的最直接的方法。
創造凝聚力
布局可幫助您以易于理解、有凝聚力和合乎邏輯的方式排列設計的許多元素。
創造美
平衡和結構自然創造美。如果您的布局設計正確完成,它將自動對觀眾產生視覺吸引力。觀眾為理解信息而付出的努力越少,您的設計就越有吸引力。
版面設計的要素
文本
這不僅包括文本正文或段落,還包括標題、副標題、頁眉和頁腳。您選擇的排版、顏色和大小將對您的布局如何轉化為觀眾產生不同的影響。
圖像
最常見的圖像類型是照片、插圖或信息圖表。
形狀
形狀可以是非常有棱角的幾何形狀,也可以是模仿自然世界的有機形狀。它們也可以是抽象的。抽象形狀在過去一年非常流行,因為我們已經看到網頁設計師將它們融入復雜而龐大的構圖中。
留白
任何布局設計都會有一定數量的留白,讓您的元素能夠獨立呼吸并脫穎而出。
版面設計的黃金法則
您會注意到布局設計的原則遵循了許多設計的基本原則。就像以某種方式使用顏色、排版、重復、對比、層次和平衡。
原則1-使用網格
網格幫助設計師以一種看起來連貫且易于理解的方式定位各種設計元素,如文本和圖像。
它們提供了一種秩序感,它們可以防止元素相互壓倒,最重要的是,網格還將糾正您的對齊方式。
網格類型
布局網格最初用于在紙上排列筆跡。
它們最早可以追溯到 13 世紀,當時法國藝術家 Villard De 將網格系統與黃金比例合并,以制作帶有邊距的印刷頁面布局。時至今日,您仍能看到這種網格系統,正如大多數印刷書籍和雜志布局所證明的那樣。出版商、編輯和設計師更喜歡使用標準網格,不僅因為它們看起來不錯,而且因為讀者已經開始期望某些設計元素位于特定的位置。
網格可以通過兩種方式設計:對稱或非對稱。
根據此分類,您可以依賴全球使用的五種主要布局網格類型:
手稿網格是最常見的文檔網格類型。它們將頁眉、頁腳和邊距分開,并在格式內創建一個矩形,為文本提供邊界。它們是雜志、報紙和書籍的基礎。所以這可能是你
最熟悉的布局。
列網格是雜志出版中的另一個最愛。典型的雜志布局使用列網格將文本分成易于閱讀的部分。但它們在網站上也很受歡迎。您可以使用從兩個到六個網格的任何內容。更多是可能的,但并不常見。關于列網格的一個非常重要的事情是列之間的間距相等。
例如,報紙使用對稱列網格,而不對稱列網格在網頁設計中更受歡迎。
模塊化網格類似于柱形網格,但它們也考慮了水平流線。當您必須在布局中組織各種元素并且列網格根本不夠時,就需要這種類型的網格。
模塊化網格具有相同大小的模塊,這使得以不同方式可視化您的空間區域變得非常容易。
基線網格非常適合基于文本的合成。基線是您鍵入時文本所在的行,行距是兩個基線之間的間距。想知道您的標題或副標題應該有多大?
基線網格可以幫助您的文本具有流暢的節奏。
與所有對應物相比,分層網格看起來不像網格。盡管如此,它們在按重要性順序組織設計元素時非常有用。分層網格可以基于模塊化網格,您甚至可以創建自己的網格。網站經常使用這種網格,尤其是數字雜志和報紙在向數字化過渡時往往更多地依賴分層網格而不是列網格。
原則2-使用負空間
負空間是設計中沒有任何實際元素的區域。它不僅圍繞著您的內容,還會在它們之間建立必要的紐帶。正因為如此,負空間是一個合理的設計元素,對布局設計的有效性有著巨大的影響。
負空間將有助于分隔設計中的各個區域,同時還可以讓您的布局呼吸。它有助于視覺層次和視覺平衡;它將用戶的注意力集中在核心元素上;它降低了分心的程度。
缺乏經驗的設計師可能傾向于通過放大文本或放大徽標或圖像來盡可能多地填充畫布。但是,為元素留出空間可以讓觀眾更快、更舒適地選擇某些信息。
負空間的一種簡單方法是使用模塊化網格。通過將其放置在您的設計之上,您可以輕松地查看哪些模塊可以保留為空,哪些應該填充。
原則3-選擇一個焦點
是否有客戶要求您將徽標做得更大?然后讓標題變得更大?
你不能強調一切。它違背了良好設計的意義。就像時間一樣,焦點是相對的。為了讓一個元素脫穎而出,另一個必須作為背景。為了讓您的設計顯示視覺層次結構,某些元素需要支配其他元素。
設計中的焦點是具有大視覺重量的元素。它是首先吸引眼球的元素,比布局中的其他任何東西都重要。
這通常可以通過使用大圖像或大量排版來實現。
原則4-考慮接近和流動
接近的原則很簡單。確保相互關聯的元素放在一起。
接近表示視覺內容相互連接并成為一個有助于組織布局的視覺單元。
因此,將相互關聯的設計內容聚集,并使用大量信息來引導您的受眾訪問他們需要使用的相關內容。這也稱為流動原理。
具有良好流動性的設計將在整個布局中從元素到元素輕松地引導觀眾的眼球。您的焦點將吸引眼球并成為休息的地方,而其他元素則賦予方向。
原則5-使用對比度
確保你的設計有足夠的對比度。
對比有助于組織設計,并將建立急需的層次結構強調重要的內容。
不僅如此,對比度的良好使用還可以在整個設計中增加視覺趣味。所有大小、形狀或顏色都相同的布局看起來會很無聊。
您的第一個想法可能是顏色對比,例如暖色與冷色、深色與淺色、藍色與橙色。但是,雖然顏色是對比的一個極其重要的原則,但也存在類型、對齊和大小的對比。請記住,對比度也是相對的。它只有與其他元素并置時才有意義。
以下是一些以巧妙而美觀的方式使用此規則的布局示例。注意排版、顏色的對比,甚至元素之間大小的對比。
原則6-重復、模式、節奏
當我們想到重復時,我們會一遍又一遍地想到同一個元素。
但是在設計上就不一樣了。絕對沒有那么無聊。如果使用得當,重復實際上可以增強您的設計。
嘗試在整個布局中識別和重復使用一個主題,以便讓各個區域感覺相連并成為同一構圖的一部分。它將幫助您的設計有一個主題。通過重復元素,您不僅可以根據受眾的期望進行設計,還可以改善用戶體驗。保持一致使用戶感覺更舒適。
您可以通過重復形狀或符號來做到這一點。或者甚至是配色方案、字體和總體上相同的風格。
限制不同數量的圖案、線條粗細/樣式和顏色,并始終重復。此外,盡量保持圖像和圖形的風格相同。例如,使用同一藝術家的插圖。
最后
這六個原則將幫助您組織設計并實現更專業和平衡的布局。
平面設計不是一門精確的科學,它不應局限于技巧和原則。在所有創作領域都是如此,沒有硬性經驗法則。以微妙的方式突破這些技巧將為您的設計增加深度和多樣性。
文章題目:如何掌握布局設計
轉載注明:http://m.newbst.com/news10/170360.html
成都網站建設公司_創新互聯,為您提供響應式網站、品牌網站制作、ChatGPT、企業網站制作、網站設計、商城網站
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯
猜你還喜歡下面的內容