沒那么簡單 從視覺設計中看網站設計的圖文關系
來源:網站推廣 2013-09-12
居中具有使畫面看起來勻稱整齊的效果
視覺設計趨于簡潔化,圖文的版式越發(fā)顯的重要
現在,讓我們一起回到設計中最基礎的部分,圖文關系是一個很容易出問題的地方,如果我們不知道如何正確處理這些關系,那么最終設計的界面效果將會是非常糟糕
一起來看看應該如何正確使用它
1.圖文左對齊排列
四大基本排版方式中,使用得最頻繁的就是左對齊,這種以主線為基準左對齊的方法十分便于閱讀,我們自古以來就是采用左對齊的方法書寫文字,它的使用源于方便美觀這一傳統(tǒng)觀念
所謂左對齊,就是在這一行讀完之后視線返回下一行同一地方即可,對讀者來說十分方便而且,對齊也是創(chuàng)造美感的方法之一
宣傳冊、雜志、海報、網頁所有這些東西采用的都是左對齊的方法不管是多么雜亂無章的東西,只要字頭對齊,就會顯得井然有序,富有美感不論是豎版還是橫版,都可以采用左對齊
左對齊很便于閱讀,又富有美感盡置使文段左對齊左對齊的例子比比皆是,希望大家多多參考身邊的例子
重墨堂新銳的視覺形象設計作品集
通過加大字號跳躍率,插入大置照片等方式,達到使讀者情緒高漲的心理效果
2.圖文居中排列
居中是排版技法中最傳統(tǒng)的方法,即讓整體的設計要素居于畫面中部的技法居中的優(yōu)點就是,可以使畫面更加均勻整齊
勻稱的版式設計,更容易讓人感覺到品味與風格,所以經常被用于古典音樂會的海報、樂隊的廣告、高級展覽會海報和封面
水墨企業(yè)文化合作
因為居中也會使設計看起來比較普通,所以加上一些變化的要素是關鍵
文字畫面沿中心線排版,可以使畫面左右勻稱
左右任意一邊加上一些設計,就可以打破平衡,產生律動,富有變化
在畫面中心畫一條線,就可以知道這個設計完全居中
需要注意的一點是:主題圖案也要對稱,因而也是設計的關鍵
居中雖然能讓畫面看起來勻稱整齊,但同時也會讓畫面失去活力一般要通過圖案、色彩、文字來賦予它變化
布置文字時必須考慮到整體平衡
居中設計如果太過對稱就會失去活力
3.對稱
我們平時所說的一般是指軸對稱,其實對稱包含兩類,其中一種當然就是軸對稱
還有就是以一個點為中心,相同圖案環(huán)繞一點的點對稱,也稱作“中心對稱”
4.居右對齊
四種方式中,最少使用的就是右對齊,也就是使文章結尾對齊如果書是從左面翻開,這時,右側的文字,采用右對齊的方式,翻看起來比較容易這就是右對齊,也就是將文章結尾對齊的技法
在右翻的書中,因為不是左對齊,所以讀起來不是很方便但是只要是從左面翻開的書,就必須用右對齊在雜志的封皮和特集頁,右對齊是必須要利用右端時的重要技法這一技法歸根結底還是重視右端
右對齊是沿著基準線將文章結尾和照片右側對齊的一種技法而這樣一來,文章開頭就變得很凌亂,讀起來很困難,所以還是少用為宜,只在小范圍內使用,這是很重要的一點
右對齊時,右側有一條基準線如果將所有文章結尾都對齊的話,就會產生統(tǒng)一感,給讀者閱讀帶來的不適感
5.圖文“裝箱式”排列
每行的字數是固定的,翻看時,文字就好像套在一個個小盒子里一樣這種文段排布法稱“裝箱式”正文通常都是使用“裝箱式”
除了正文,說明部分通常也會使用“裝箱式”,因為這種排法看起來十分美觀
“裝箱式”文字輸入,就是先確定每行字數,寫滿之后就換到下一行需要特別強調的地方可以用線將文字框起來,這就是邊框式
最傳統(tǒng)而又具穩(wěn)定性的,是將文字放進一個四角形之中將四角變圓,可以使圖形看起來更加柔和菱形雖然看起來是最不穩(wěn)定的,但很能引人注目圓形比較適合象征性的內容或者一些特別的消息箭頭形狀,既可以指明方向,又可以在其中輸入相關的文字信息
邊框形式,就是用線將文字框在里面,我們一般都用不太顯眼的細線,因為只要讓大家知道這是一個需要特別注意的地方即可
如果想讓這一部分更醒目的話,可以用粗線或者花邊
不過邊框使用過多的話,就會使頁面喪失整體上的統(tǒng)一感,所以在一個畫面中邊框的使用必須適度
6.裝飾框
將文字周圍用邊框裝飾起來,這個邊框就被稱為裝飾框據說早在古希臘時期就已經開始使用了之后宗教中的繪畫以及神像也使用裝飾框來裝裱,這就是現代裝飾框的原型文藝復興時期私人開始收藏畫作,用來裝飾房屋版式設計經常是使用裝飾框中的一種,用來達到突出的效果裝飾跟簡約是兩個相反的概念,但同時又都是設計中的基礎由邊框裝飾文字,有時可以起到更好的效果
陳幼堅作品
結束語
圖文關系在視覺設計中非常的微妙,甚至超過了單純的語言描述即使在最簡單的應用場景中也存在著類似語氣和風格的豐富變化就像有句話說的最簡單的術,也是最基礎的術,精者謂之強人!
文章編輯: 365webcall網頁客服軟件(www.365webcall.com)
我的評論
| 登錄賬號： | 密碼： | 快速注冊 | 找回密碼 |  |
