沒那麼簡單 從視覺設計中看網站設計的圖文關係

仲介交易 HTTP://www.aliyun.com/zixun/aggregation/6858.html">SEO診斷 淘寶客 雲主機 技術大廳

視覺設計趨於簡潔化，圖文的版式越發顯的重要。

現在，讓我們一起回到設計中最基礎的部分，圖文關係是一個很容易出問題的地方，如果我們不知道如何正確處理這些關係，那麼最終設計的介面效果將會是非常糟糕。

一起來看看應該如何正確使用它。

1.圖文左對齊排列

四大基本排版方式中，使用得最頻繁的就是左對齊，這種以主線為基準左對齊的方法十分便於閱讀，我們自古以來就是採用左對齊的方法書寫文字，它的使用源于方便美觀這一傳統觀念。

所謂左對齊，就是在這一行讀完之後視線返回下一行同一地方即可，對讀者來說十分方便。 而且，對齊也是創造美感的方法之一。

宣傳冊、雜誌、海報、網頁所有這些東西採用的都是左對齊的方法。 不管是多麼雜亂無章的東西，只要字頭對齊，就會顯得井然有序，富有美感。 不論是豎版還是橫版，都可以採用左對齊。

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

重墨堂新銳的視覺形象設計作品集

通過加大字型大小跳躍率，插入大置照片等方式，達到使讀者情緒高漲的心理效果。

2.圖文居中排列

居中是排版技法中最傳統的方法，即讓整體的設計要素居於畫面中部的技法。

居中具有使畫面看起來勻稱整齊的效果。 居中的優點就是，可以使畫面更加均勻整齊。

勻稱的版式設計，更容易讓人感覺到品味與風格，所以經常被用於古典音樂會的海報、樂隊的廣告、高級展覽會海報和封面。

水墨企業文化合作

因為居中也會使設計看起來比較普通，所以加上一些變化的要素是關鍵。

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

左右任意一邊加上一些設計，就可以打破平衡，產生律動，富有變化。

在畫面中心畫一條線，就可以知道這個設計完全居中。

需要注意的一點是：主題圖案也要對稱，因而也是設計的關鍵。

居中雖然能讓畫面看起來勻稱整齊，但同時也會讓畫面失去活力。 一般要通過圖案、色彩、文字來賦予它變化。

佈置文字時必須考慮到整體平衡。

居中設計如果太過對稱就會失去活力。

3.對稱

我們平時所說的一般是指軸對稱，其實對稱包含兩類，其中一種當然就是軸對稱。

還有就是以一個點為中心，相同圖案環繞一點的點對稱，也稱作「中心對稱」。

4.居右對齊

四種方式中，最少使用的就是右對齊，也就是使文章結尾對齊。 如果書是從左面翻開，這時，右側的文字，採用右對齊的方式，翻看起來比較容易。 這就是右對齊，也就是將文章結尾對齊的技法。

在右翻的書中，因為不是左對齊，所以讀起來不是很方便。 但是只要是從左面翻開的書，就必須用右對齊。 在雜誌的封皮和特集頁，右對齊是必須要利用右端時的重要技法。 這一技法歸根結底還是重視右端。

右對齊是沿著基準線將文章結尾和照片右側對齊的一種技法。 而這樣一來，文章開頭就變得很淩亂，讀起來很困難，所以還是少用為宜，只在小範圍內使用，這是很重要的一點。

右對齊時，右側有一條基準線。 如果將所有文章結尾都對齊的話，就會產生統一感，給讀者閱讀帶來的不適感。

5.圖文「裝箱式」排列

每行的字數是固定的，翻看時，文字就好像套在一個個小盒子裡一樣。 這種文段排布法稱「裝箱式」。 正文通常都是使用「裝箱式」。

除了正文，說明部分通常也會使用「裝箱式」，因為這種排法看起來十分美觀。

「裝箱式」文字輸入，就是先確定每行字數，寫滿之後就換到下一行。 需要特別強調的地方可以用線將文字框起來，這就是邊框式。

最傳統而又具穩定性的，是將文字放進一個四角形之中。 將四角變圓，可以使圖形看起來更加柔和。 菱形雖然看起來是最不穩定的，但很能引人注目。 圓形比較適合象徵性的內容或者一些特別的消息。 箭頭形狀，既可以指明方向，又可以在其中輸入相關的文字資訊。

邊框形式，就是用線將文字框在裡面，我們一般都用不太顯眼的細線，因為只要讓大家知道這是一個需要特別注意的地方即可。

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

不過邊框使用過多的話，就會使頁面喪失整體上的統一感，所以在一個畫面中邊框的使用必須適度。

6.裝飾框

將文字周圍用邊框裝飾起來，這個邊框就被稱為裝飾框。 據說早在古希臘時期就已經開始使用了。 之後宗教中的繪畫以及神像也使用裝飾框來裝裱，這就是現代裝飾框的原型。 文藝復興時期私人開始收藏畫作，用來裝飾房屋。 版式設計經常是使用裝飾框中的一種，用來達到突出的效果。 裝飾跟簡約是兩個相反的概念，但同時又都是設計中的基礎。 由邊框裝飾文字，有時可以起到更好的效果。

陳幼堅作品

結束語

圖文關係在視覺設計中非常的微妙，甚至超過了單純的語言描述。 即使在最簡單的應用場景中也存在著類似語氣和風格的豐富變化。 就像有句話說的最簡單的術，也是最基礎的術，精者謂之強人!