国产麻豆剧传媒精品国产AV|精品国产乱码久久久久久影片|成人精品|欧美日韩精品|Xx性欧美肥妇精品久久久久久

400-611-9921

當(dāng)前位置:首頁(yè) > 新聞資訊 > 建站知識(shí)
如何掌握布局設(shè)計(jì)

2021-08-09

2088

我們可以對(duì)這個(gè)問題進(jìn)行哲學(xué)思考,但一般來說,眾所周知,優(yōu)秀設(shè)計(jì)的“秘密”在于您組織視覺元素的方式,與畫布相關(guān),以及元素彼此之間的關(guān)系。


以雜志的布局為例。他們的設(shè)計(jì)遵循經(jīng)典的網(wǎng)格系統(tǒng)。一切通常都在左、右和底部對(duì)齊。這些尤其具有明顯的對(duì)齊方式,這使頁(yè)面不僅具有視覺吸引力,而且易于閱讀。大標(biāo)題吸引觀眾的注意力,而副標(biāo)題則作為大小對(duì)比來創(chuàng)建信息的視覺層次結(jié)構(gòu)。




所有這些品質(zhì)使頁(yè)面設(shè)計(jì)干凈、結(jié)構(gòu)化且易于閱讀,并且它們與我們接下來要討論的技巧保持一致。但首先,讓我們更多地了解布局設(shè)計(jì)本身。


什么是版面設(shè)計(jì)?


版面設(shè)計(jì)涉及圖形元素的排列,以吸引讀者的注意力并以視覺上吸引人的方式傳達(dá)特定信息。


印刷材料的設(shè)計(jì),如報(bào)紙、雜志、海報(bào)及其數(shù)字對(duì)應(yīng)物,以及網(wǎng)頁(yè)、應(yīng)用程序或 UX/UI 設(shè)計(jì)等都與此關(guān)系密切。


“布局”這個(gè)詞給了我們很多提示。它意味著頁(yè)面上預(yù)定元素的排列。


當(dāng)布局有效時(shí),它看起來不錯(cuò),并引導(dǎo)觀眾理解設(shè)計(jì)試圖傳達(dá)的信息。因此,了解布局是創(chuàng)建有效、用戶友好且令人愉悅的作品的關(guān)鍵。


如果一個(gè)布局不能很好地向觀眾傳達(dá)其信息,或者換句話說,它沒有“讀好”,那么無論它看起來多么時(shí)尚,設(shè)計(jì)都將無效。在布局設(shè)計(jì)領(lǐng)域,內(nèi)容取代了趨勢(shì)。


版面設(shè)計(jì)的目的


快速傳達(dá)信息


這是關(guān)鍵。布局設(shè)計(jì)建立圖形資產(chǎn)之間的關(guān)系,以實(shí)現(xiàn)眼球運(yùn)動(dòng)的流暢流動(dòng),以實(shí)現(xiàn)最大的效果和影響。


創(chuàng)造平衡


使用布局設(shè)計(jì)的原則是在您的設(shè)計(jì)項(xiàng)目中創(chuàng)造平衡和對(duì)稱感而又不會(huì)變得無聊的最直接的方法。


創(chuàng)造凝聚力


布局可幫助您以易于理解、有凝聚力和合乎邏輯的方式排列設(shè)計(jì)的許多元素。


創(chuàng)造美


平衡和結(jié)構(gòu)自然創(chuàng)造美。如果您的布局設(shè)計(jì)正確完成,它將自動(dòng)對(duì)觀眾產(chǎn)生視覺吸引力。觀眾為理解信息而付出的努力越少,您的設(shè)計(jì)就越有吸引力。

版面設(shè)計(jì)的要素


文本


這不僅包括文本正文或段落,還包括標(biāo)題、副標(biāo)題、頁(yè)眉和頁(yè)腳。您選擇的排版、顏色和大小將對(duì)您的布局如何轉(zhuǎn)化為觀眾產(chǎn)生不同的影響。


圖像


最常見的圖像類型是照片、插圖或信息圖表。


形狀


形狀可以是非常有棱角的幾何形狀,也可以是模仿自然世界的有機(jī)形狀。它們也可以是抽象的。抽象形狀在過去一年非常流行,因?yàn)槲覀円呀?jīng)看到網(wǎng)頁(yè)設(shè)計(jì)師將它們?nèi)谌霃?fù)雜而龐大的構(gòu)圖中。


留白


任何布局設(shè)計(jì)都會(huì)有一定數(shù)量的留白,讓您的元素能夠獨(dú)立呼吸并脫穎而出。


版面設(shè)計(jì)的黃金法則


您會(huì)注意到布局設(shè)計(jì)的原則遵循了許多設(shè)計(jì)的基本原則。就像以某種方式使用顏色、排版、重復(fù)、對(duì)比、層次和平衡。


原則1-使用網(wǎng)格


網(wǎng)格幫助設(shè)計(jì)師以一種看起來連貫且易于理解的方式定位各種設(shè)計(jì)元素,如文本和圖像。


它們提供了一種秩序感,它們可以防止元素相互壓倒,最重要的是,網(wǎng)格還將糾正您的對(duì)齊方式。

網(wǎng)格類型


布局網(wǎng)格最初用于在紙上排列筆跡。


它們最早可以追溯到 13 世紀(jì),當(dāng)時(shí)法國(guó)藝術(shù)家 Villard De 將網(wǎng)格系統(tǒng)與黃金比例合并,以制作帶有邊距的印刷頁(yè)面布局。時(shí)至今日,您仍能看到這種網(wǎng)格系統(tǒng),正如大多數(shù)印刷書籍和雜志布局所證明的那樣。出版商、編輯和設(shè)計(jì)師更喜歡使用標(biāo)準(zhǔn)網(wǎng)格,不僅因?yàn)樗鼈兛雌饋聿诲e(cuò),而且因?yàn)樽x者已經(jīng)開始期望某些設(shè)計(jì)元素位于特定的位置。


網(wǎng)格可以通過兩種方式設(shè)計(jì):對(duì)稱或非對(duì)稱。


根據(jù)此分類,您可以依賴全球使用的五種主要布局網(wǎng)格類型:


手稿網(wǎng)格是最常見的文檔網(wǎng)格類型。它們將頁(yè)眉、頁(yè)腳和邊距分開,并在格式內(nèi)創(chuàng)建一個(gè)矩形,為文本提供邊界。它們是雜志、報(bào)紙和書籍的基礎(chǔ)。所以這可能是你

最熟悉的布局。



列網(wǎng)格是雜志出版中的另一個(gè)最愛。典型的雜志布局使用列網(wǎng)格將文本分成易于閱讀的部分。但它們?cè)诰W(wǎng)站上也很受歡迎。您可以使用從兩個(gè)到六個(gè)網(wǎng)格的任何內(nèi)容。更多是可能的,但并不常見。關(guān)于列網(wǎng)格的一個(gè)非常重要的事情是列之間的間距相等。


例如,報(bào)紙使用對(duì)稱列網(wǎng)格,而不對(duì)稱列網(wǎng)格在網(wǎng)頁(yè)設(shè)計(jì)中更受歡迎。


模塊化網(wǎng)格類似于柱形網(wǎng)格,但它們也考慮了水平流線。當(dāng)您必須在布局中組織各種元素并且列網(wǎng)格根本不夠時(shí),就需要這種類型的網(wǎng)格。


模塊化網(wǎng)格具有相同大小的模塊,這使得以不同方式可視化您的空間區(qū)域變得非常容易。


基線網(wǎng)格非常適合基于文本的合成。基線是您鍵入時(shí)文本所在的行,行距是兩個(gè)基線之間的間距。想知道您的標(biāo)題或副標(biāo)題應(yīng)該有多大?


基線網(wǎng)格可以幫助您的文本具有流暢的節(jié)奏。


與所有對(duì)應(yīng)物相比,分層網(wǎng)格看起來不像網(wǎng)格。盡管如此,它們?cè)诎粗匾皂樞蚪M織設(shè)計(jì)元素時(shí)非常有用。分層網(wǎng)格可以基于模塊化網(wǎng)格,您甚至可以創(chuàng)建自己的網(wǎng)格。網(wǎng)站經(jīng)常使用這種網(wǎng)格,尤其是數(shù)字雜志和報(bào)紙?jiān)谙驍?shù)字化過渡時(shí)往往更多地依賴分層網(wǎng)格而不是列網(wǎng)格。


原則2-使用負(fù)空間


負(fù)空間是設(shè)計(jì)中沒有任何實(shí)際元素的區(qū)域。它不僅圍繞著您的內(nèi)容,還會(huì)在它們之間建立必要的紐帶。正因?yàn)槿绱耍?fù)空間是一個(gè)合理的設(shè)計(jì)元素,對(duì)布局設(shè)計(jì)的有效性有著巨大的影響。


負(fù)空間將有助于分隔設(shè)計(jì)中的各個(gè)區(qū)域,同時(shí)還可以讓您的布局呼吸。它有助于視覺層次和視覺平衡;它將用戶的注意力集中在核心元素上;它降低了分心的程度。


缺乏經(jīng)驗(yàn)的設(shè)計(jì)師可能傾向于通過放大文本或放大徽標(biāo)或圖像來盡可能多地填充畫布。但是,為元素留出空間可以讓觀眾更快、更舒適地選擇某些信息。


負(fù)空間的一種簡(jiǎn)單方法是使用模塊化網(wǎng)格。通過將其放置在您的設(shè)計(jì)之上,您可以輕松地查看哪些模塊可以保留為空,哪些應(yīng)該填充。

原則3-選擇一個(gè)焦點(diǎn)


是否有客戶要求您將徽標(biāo)做得更大?然后讓標(biāo)題變得更大?


你不能強(qiáng)調(diào)一切。它違背了良好設(shè)計(jì)的意義。就像時(shí)間一樣,焦點(diǎn)是相對(duì)的。為了讓一個(gè)元素脫穎而出,另一個(gè)必須作為背景。為了讓您的設(shè)計(jì)顯示視覺層次結(jié)構(gòu),某些元素需要支配其他元素。


設(shè)計(jì)中的焦點(diǎn)是具有最大視覺重量的元素。它是首先吸引眼球的元素,比布局中的其他任何東西都重要。


這通常可以通過使用大圖像或大量排版來實(shí)現(xiàn)。

原則4-考慮接近和流動(dòng)


接近的原則很簡(jiǎn)單。確保相互關(guān)聯(lián)的元素放在一起。


接近表示視覺內(nèi)容相互連接并成為一個(gè)有助于組織布局的視覺單元。


因此,將相互關(guān)聯(lián)的設(shè)計(jì)內(nèi)容聚集,并使用大量信息來引導(dǎo)您的受眾訪問他們需要使用的相關(guān)內(nèi)容。這也稱為流動(dòng)原理。


具有良好流動(dòng)性的設(shè)計(jì)將在整個(gè)布局中從元素到元素輕松地引導(dǎo)觀眾的眼球。您的焦點(diǎn)將吸引眼球并成為休息的地方,而其他元素則賦予方向。


原則5-使用對(duì)比度


確保你的設(shè)計(jì)有足夠的對(duì)比度。


對(duì)比有助于組織設(shè)計(jì),并將建立急需的層次結(jié)構(gòu)強(qiáng)調(diào)重要的內(nèi)容。


不僅如此,對(duì)比度的良好使用還可以在整個(gè)設(shè)計(jì)中增加視覺趣味。所有大小、形狀或顏色都相同的布局看起來會(huì)很無聊。


您的第一個(gè)想法可能是顏色對(duì)比,例如暖色與冷色、深色與淺色、藍(lán)色與橙色。但是,雖然顏色是對(duì)比的一個(gè)極其重要的原則,但也存在類型、對(duì)齊和大小的對(duì)比。請(qǐng)記住,對(duì)比度也是相對(duì)的。它只有與其他元素并置時(shí)才有意義。


以下是一些以巧妙而美觀的方式使用此規(guī)則的布局示例。注意排版、顏色的對(duì)比,甚至元素之間大小的對(duì)比。

原則6-重復(fù)、模式、節(jié)奏


當(dāng)我們想到重復(fù)時(shí),我們會(huì)一遍又一遍地想到同一個(gè)元素。


但是在設(shè)計(jì)上就不一樣了。絕對(duì)沒有那么無聊。如果使用得當(dāng),重復(fù)實(shí)際上可以增強(qiáng)您的設(shè)計(jì)。


嘗試在整個(gè)布局中識(shí)別和重復(fù)使用一個(gè)主題,以便讓各個(gè)區(qū)域感覺相連并成為同一構(gòu)圖的一部分。它將幫助您的設(shè)計(jì)有一個(gè)主題。通過重復(fù)元素,您不僅可以根據(jù)受眾的期望進(jìn)行設(shè)計(jì),還可以改善用戶體驗(yàn)。保持一致使用戶感覺更舒適。


您可以通過重復(fù)形狀或符號(hào)來做到這一點(diǎn)。或者甚至是配色方案、字體和總體上相同的風(fēng)格。


限制不同數(shù)量的圖案、線條粗細(xì)/樣式和顏色,并始終重復(fù)。此外,盡量保持圖像和圖形的風(fēng)格相同。例如,使用同一藝術(shù)家的插圖。




最后


這六個(gè)原則將幫助您組織設(shè)計(jì)并實(shí)現(xiàn)更專業(yè)和平衡的布局。


平面設(shè)計(jì)不是一門精確的科學(xué),它不應(yīng)局限于技巧和原則。在所有創(chuàng)作領(lǐng)域都是如此,沒有硬性經(jīng)驗(yàn)法則。以微妙的方式突破這些技巧將為您的設(shè)計(jì)增加深度和多樣性。

免費(fèi)咨詢熱線

400-611-9921

020-29860991

聯(lián)系方式

地址1:廣州市天河區(qū)珠江新城邦華環(huán)球廣場(chǎng)16F

業(yè)務(wù) QQ:  3561401262

E-mail:  sales@zomsky.com

微信咨詢
官方微信
微信咨詢
在線咨詢
TOP

立即與縱天項(xiàng)目顧問通話

400-611-9921

您也可以咨詢我們的在線客服或預(yù)約資深顧問

信息保護(hù)中,請(qǐng)放心填寫
關(guān)閉
免費(fèi)獲取方案
联系我们: 通许县| 鄂托克前旗| 子洲县| 连云港市| 赣榆县| 玉树县| 浮梁县| 和顺县| 翁源县| 阳城县| 宁津县| 黎平县| 维西| 宁武县| 剑河县| 乡宁县| 绥中县| 铜川市| 陕西省| 海淀区| 怀化市| 慈溪市| 钟祥市| 阿拉尔市| 安宁市| 淳安县| 台前县| 丽江市| 南昌市| 谢通门县| 阿拉善左旗| 吐鲁番市| 武威市| 唐海县| 颍上县| 织金县| 江阴市| 陕西省| 安宁市| 垫江县| 苗栗市|