當(dāng)前位置: 首頁 > 設(shè)計(jì)資訊 > 理論文摘 > 正文

用好對話框,設(shè)計(jì)很簡單

2017-12-01 2008 0

對話框是在設(shè)計(jì)中被運(yùn)用得非常廣泛的一個(gè)元素,我們在各個(gè)設(shè)計(jì)領(lǐng)域都可以看到它的身影,而且還往往起著關(guān)鍵性作用,很多普通的設(shè)計(jì)作品因?yàn)楹侠淼厥褂脤υ捒?,都?huì)變得更加出彩,它是名副其實(shí)的設(shè)計(jì)界萬精油。那么,你想掌握對話框的使用技巧嗎?不過,在這之前,我們先來看看這些琳瑯滿目的對話框。方的、圓的、規(guī)則的、不規(guī)則的、線的、面的、扁平、立體的,各式各樣,當(dāng)然,這些還只是冰山一角,幾乎在任何物體下面加一個(gè)凸出來的角就可以形成一個(gè)對話框。下面我們再來看看對話框具有什么寓意、特點(diǎn)和作用?寓意:說、交流、語言、解釋、說明、分享等。特點(diǎn)

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

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

640.jpg

方的、圓的、規(guī)則的、不規(guī)則的、線的、面的、扁平、立體的,各式各樣,當(dāng)然,這些還只是冰山一角,幾乎在任何物體下面加一個(gè)凸出來的角就可以形成一個(gè)對話框。下面我們再來看看對話框具有什么寓意、特點(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ì)中使用對話框一般是想引用其交流、分享的寓意,所以一些社交平臺(tái)、論壇、語言類產(chǎn)品或服務(wù)很喜歡使用對話框作為標(biāo)志設(shè)計(jì)的主要元素。具體用法一般有這幾種:


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

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


1.jpg


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


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


2.jpg


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



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

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

3.jpg

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

4.jpg


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

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

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

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

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

5.jpg

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

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





18
評(píng)論區(qū)(0)
正在加載評(píng)論...