對話框在設(shè)計(jì)中的使用技巧

2019-03-09 1938 0

對話框是在設(shè)計(jì)中被運(yùn)用得非常廣泛的一個元素,我們在各個設(shè)計(jì)領(lǐng)域都可以看到它的身影,而且還往往起著關(guān)鍵性作用,很多普通的設(shè)計(jì)作品因?yàn)楹侠淼厥褂脤υ捒?,都會變得更加出彩,它是名副其?shí)的設(shè)計(jì)界萬精油。那么,你想掌握對話框的使用技巧嗎?

不過,在這之前,我們先來看看這些琳瑯滿目的對話框。

640.jpg

 

方的、圓的、規(guī)則的、不規(guī)則的、線的、面的、扁平、立體的,各式各樣,當(dāng)然,這些還只是冰山一角,幾乎在任何物體下面加一個凸出來的角就可以形成一個對話框。下面我們再來看看對話框具有什么寓意、特點(diǎn)和作用?

寓意:說、交流、語言、解釋、說明、分享等。
特點(diǎn):多變化性(可延展性)。
作用:區(qū)隔、裝飾、說明、劃分區(qū)域、限制等。


 

正是因?yàn)閷υ捒虮容^大眾的寓意、豐富的作用、易于延展的特點(diǎn),才使得它在設(shè)計(jì)領(lǐng)域里遍地開花。接下來,我將詳細(xì)給大家解讀:如何通過用好對話框,做出優(yōu)秀的標(biāo)志設(shè)計(jì)、畫冊設(shè)計(jì)、廣告設(shè)計(jì)以及網(wǎng)頁設(shè)計(jì)?


一、標(biāo)志設(shè)計(jì)


 

在標(biāo)志設(shè)計(jì)中使用對話框一般是想引用其交流、分享的寓意,所以一些社交平臺、論壇、語言類產(chǎn)品或服務(wù)很喜歡使用對話框作為標(biāo)志設(shè)計(jì)的主要元素。具體用法一般有這幾種:


 

1.把能體現(xiàn)某品牌行業(yè)屬性的某個元素變形為對話框,例如橙語的標(biāo)志,我們可以把橙子設(shè)計(jì)成一個對話框,開講啦的標(biāo)志就是一個黑板做成對話框。

2.把文字置于對話框內(nèi),當(dāng)然,要想標(biāo)志出彩,對話框可以設(shè)計(jì)成比較獨(dú)特的形狀,置于對話框內(nèi)的文字也要有設(shè)計(jì)感。
3.用對話框與其他元素組合成一個新的圖形,可以把對話框置某元素內(nèi),也可以把某個元素放進(jìn)對話框里,或者交叉處理也行。


1.jpg
 


二、畫冊設(shè)計(jì)


畫冊排版中使用對話框,是因?yàn)槠渚哂泻芎玫陌婷娣指?、可容性、引?dǎo)說明的效果,一般用它來充當(dāng)色塊的角色,但是對話框又比色塊多一層針對性說明的意思,當(dāng)某一段文字是針對某個標(biāo)題或某張圖片進(jìn)行說明時,就可以把文字用對話框框起來處理,反過來也行得通。給這些對話框填充一個顏色,再根據(jù)底色來使用黑色或白色字體,這樣的畫冊設(shè)計(jì)會顯得很時尚、內(nèi)容呈現(xiàn)也會顯得很簡單整潔。(注意:讓對話框以比較大的塊面出現(xiàn)時,效果會比較好)。


2.jpg


 

三、廣告設(shè)計(jì)



 

對話框在廣告設(shè)計(jì)中的應(yīng)用主要體現(xiàn)在兩個方面:

1.畫面設(shè)計(jì)

3.jpg
 

很多經(jīng)典的創(chuàng)意廣告都是從對話框身上找到的靈感,上面這組廣告就是用對話框來表現(xiàn)語言:您的言語代表中國的形象、您的言語將決定您的形象。

4.jpg


 

而在以上這組商業(yè)廣告中,體現(xiàn)的是對話框的裝飾性和可容性,放大對話框的框框區(qū)域,用來承載一些簡單而重要的信息,再加上一些質(zhì)感的處理、鮮艷的配色,對話框可以讓廣告畫面看起來很漂亮。(注意:讓對話框與畫面的其他元素產(chǎn)生互動,效果會更好)

2.標(biāo)題設(shè)計(jì)
標(biāo)題在廣告中的意義其實(shí)可以看成是對畫面的解讀,所以在標(biāo)題設(shè)計(jì)中使用對話框就變得理所當(dāng)然了。除此之外它還有三個意義:

a.當(dāng)標(biāo)題文字比較多時,使用對話框把文字整合起來,可以讓標(biāo)題看起來更整體;

b.當(dāng)畫面的背景不利于標(biāo)題的突出時,可以利用對話框?qū)⒈尘昂蜆?biāo)題文區(qū)別開來;

c.通過把對話框立體化,或者根據(jù)文字輪廓做出比較有視覺沖擊力的形狀,可以讓整個標(biāo)題更加突出、醒目。

5.jpg
 

四、網(wǎng)頁設(shè)計(jì)

在網(wǎng)頁設(shè)計(jì)中,對話框也是備受親睞的設(shè)計(jì)元素,由于對話框的多變性,使其能夠很好的與色塊結(jié)合,這些方方正正的平面對話框,既時尚又便于創(chuàng)建模板,既可以容納文字與圖片又具有說明與從屬功能(例如某一堆文字屬于某張圖片)。除此之外,對話框總會有一個角是凸出來的,所以比普通的色塊看起來更特別。(注意:對話框在網(wǎng)頁設(shè)計(jì)中使用時,顏色的搭配是關(guān)鍵,形狀越簡潔、對話框的內(nèi)的文字越少越好。)

6.jpg

 

其實(shí)對話框在設(shè)計(jì)中的運(yùn)用遠(yuǎn)遠(yuǎn)不止以上四種,但由于篇幅的關(guān)系我就不一一列舉了,設(shè)計(jì)都是相通的,關(guān)鍵是要能夠靈活運(yùn)用好對話框的意義、作用以及特點(diǎn)。


 

恭喜你,又get到了一個設(shè)計(jì)新技能。


0
評論區(qū)(0)
正在加載評論...