當(dāng)前位置:首頁(yè) >  站長(zhǎng) >  網(wǎng)站運(yùn)營(yíng) >  正文

沒(méi)那么簡(jiǎn)單 從視覺設(shè)計(jì)中看網(wǎng)站設(shè)計(jì)的圖文關(guān)系

 2013-08-07 17:45  來(lái)源: 百度MUX   我來(lái)投稿 撤稿糾錯(cuò)

  阿里云優(yōu)惠券 先領(lǐng)券再下單

 

視覺設(shè)計(jì)趨于簡(jiǎn)潔化,圖文的版式越發(fā)顯的重要。

現(xiàn)在,讓我們一起回到設(shè)計(jì)中最基礎(chǔ)的部分,圖文關(guān)系是一個(gè)很容易出問(wèn)題的地方,如果我們不知道如何正確處理這些關(guān)系,那么最終設(shè)計(jì)的界面效果將會(huì)是非常糟糕。

一起來(lái)看看應(yīng)該如何正確使用它。

1.圖文左對(duì)齊排列

四大基本排版方式中,使用得最頻繁的就是左對(duì)齊,這種以主線為基準(zhǔn)左對(duì)齊的方法十分便于閱讀,我們自古以來(lái)就是采用左對(duì)齊的方法書寫文字,它的使用源于方便美觀這一傳統(tǒng)觀念。

所謂左對(duì)齊,就是在這一行讀完之后視線返回下一行同一地方即可,對(duì)讀者來(lái)說(shuō)十分方便。而且,對(duì)齊也是創(chuàng)造美感的方法之一。

宣傳冊(cè)、雜志、海報(bào)、網(wǎng)頁(yè)所有這些東西采用的都是左對(duì)齊的方法。不管是多么雜亂無(wú)章的東西,只要字頭對(duì)齊,就會(huì)顯得井然有序,富有美感。不論是豎版還是橫版,都可以采用左對(duì)齊。

左對(duì)齊很便于閱讀,又富有美感。盡置使文段左對(duì)齊。左對(duì)齊的例子比比皆是,希望大家多多參考身邊的例子。

 

重墨堂新銳的視覺形象設(shè)計(jì)作品集

通過(guò)加大字號(hào)跳躍率,插入大置照片等方式,達(dá)到使讀者情緒高漲的心理效果。

2.圖文居中排列

居中是排版技法中最傳統(tǒng)的方法,即讓整體的設(shè)計(jì)要素居于畫面中部的技法。

居中具有使畫面看起來(lái)勻稱整齊的效果。居中的優(yōu)點(diǎn)就是,可以使畫面更加均勻整齊。

勻稱的版式設(shè)計(jì),更容易讓人感覺到品味與風(fēng)格,所以經(jīng)常被用于古典音樂(lè)會(huì)的海報(bào)、樂(lè)隊(duì)的廣告、高級(jí)展覽會(huì)海報(bào)和封面。

 

水墨企業(yè)文化合作

因?yàn)榫又幸矔?huì)使設(shè)計(jì)看起來(lái)比較普通,所以加上一些變化的要素是關(guān)鍵。

文字畫面沿中心線排版,可以使畫面左右勻稱。

左右任意一邊加上一些設(shè)計(jì),就可以打破平衡,產(chǎn)生律動(dòng),富有變化。

在畫面中心畫一條線,就可以知道這個(gè)設(shè)計(jì)完全居中。

需要注意的一點(diǎn)是:主題圖案也要對(duì)稱,因而也是設(shè)計(jì)的關(guān)鍵。

居中雖然能讓畫面看起來(lái)勻稱整齊,但同時(shí)也會(huì)讓畫面失去活力。一般要通過(guò)圖案、色彩、文字來(lái)賦予它變化。

布置文字時(shí)必須考慮到整體平衡。

居中設(shè)計(jì)如果太過(guò)對(duì)稱就會(huì)失去活力。

3.對(duì)稱

我們平時(shí)所說(shuō)的一般是指軸對(duì)稱,其實(shí)對(duì)稱包含兩類,其中一種當(dāng)然就是軸對(duì)稱。

 

還有就是以一個(gè)點(diǎn)為中心,相同圖案環(huán)繞一點(diǎn)的點(diǎn)對(duì)稱,也稱作“中心對(duì)稱”。

4.居右對(duì)齊

四種方式中,最少使用的就是右對(duì)齊,也就是使文章結(jié)尾對(duì)齊。如果書是從左面翻開,這時(shí),右側(cè)的文字,采用右對(duì)齊的方式,翻看起來(lái)比較容易。這就是右對(duì)齊,也就是將文章結(jié)尾對(duì)齊的技法。

在右翻的書中,因?yàn)椴皇亲髮?duì)齊,所以讀起來(lái)不是很方便。但是只要是從左面翻開的書,就必須用右對(duì)齊。在雜志的封皮和特集頁(yè),右對(duì)齊是必須要利用右端時(shí)的重要技法。這一技法歸根結(jié)底還是重視右端。

右對(duì)齊是沿著基準(zhǔn)線將文章結(jié)尾和照片右側(cè)對(duì)齊的一種技法。而這樣一來(lái),文章開頭就變得很凌亂,讀起來(lái)很困難,所以還是少用為宜,只在小范圍內(nèi)使用,這是很重要的一點(diǎn)。

 

右對(duì)齊時(shí),右側(cè)有一條基準(zhǔn)線。如果將所有文章結(jié)尾都對(duì)齊的話,就會(huì)產(chǎn)生統(tǒng)一感,給讀者閱讀帶來(lái)的不適感。

5.圖文“裝箱式”排列

每行的字?jǐn)?shù)是固定的,翻看時(shí),文字就好像套在一個(gè)個(gè)小盒子里一樣。這種文段排布法稱“裝箱式”。正文通常都是使用“裝箱式”。

除了正文,說(shuō)明部分通常也會(huì)使用“裝箱式”,因?yàn)檫@種排法看起來(lái)十分美觀。

“裝箱式”文字輸入,就是先確定每行字?jǐn)?shù),寫滿之后就換到下一行。需要特別強(qiáng)調(diào)的地方可以用線將文字框起來(lái),這就是邊框式。

 

最傳統(tǒng)而又具穩(wěn)定性的,是將文字放進(jìn)一個(gè)四角形之中。將四角變圓,可以使圖形看起來(lái)更加柔和。菱形雖然看起來(lái)是最不穩(wěn)定的,但很能引人注目。圓形比較適合象征性的內(nèi)容或者一些特別的消息。箭頭形狀,既可以指明方向,又可以在其中輸入相關(guān)的文字信息。

 

邊框形式,就是用線將文字框在里面,我們一般都用不太顯眼的細(xì)線,因?yàn)橹灰尨蠹抑肋@是一個(gè)需要特別注意的地方即可。

如果想讓這一部分更醒目的話,可以用粗線或者花邊。

不過(guò)邊框使用過(guò)多的話,就會(huì)使頁(yè)面喪失整體上的統(tǒng)一感,所以在一個(gè)畫面中邊框的使用必須適度。

6.裝飾框

將文字周圍用邊框裝飾起來(lái),這個(gè)邊框就被稱為裝飾框。據(jù)說(shuō)早在古希臘時(shí)期就已經(jīng)開始使用了。之后宗教中的繪畫以及神像也使用裝飾框來(lái)裝裱,這就是現(xiàn)代裝飾框的原型。文藝復(fù)興時(shí)期私人開始收藏畫作,用來(lái)裝飾房屋。版式設(shè)計(jì)經(jīng)常是使用裝飾框中的一種,用來(lái)達(dá)到突出的效果。裝飾跟簡(jiǎn)約是兩個(gè)相反的概念,但同時(shí)又都是設(shè)計(jì)中的基礎(chǔ)。由邊框裝飾文字,有時(shí)可以起到更好的效果。

 

 

陳幼堅(jiān)作品

結(jié)束語(yǔ)

圖文關(guān)系在視覺設(shè)計(jì)中非常的微妙,甚至超過(guò)了單純的語(yǔ)言描述。即使在最簡(jiǎn)單的應(yīng)用場(chǎng)景中也存在著類似語(yǔ)氣和風(fēng)格的豐富變化。就像有句話說(shuō)的最簡(jiǎn)單的術(shù),也是最基礎(chǔ)的術(shù),精者謂之強(qiáng)人!

申請(qǐng)創(chuàng)業(yè)報(bào)道,分享創(chuàng)業(yè)好點(diǎn)子。點(diǎn)擊此處,共同探討創(chuàng)業(yè)新機(jī)遇!

相關(guān)文章

熱門排行

信息推薦