05.23 居中、對齊、統一格式?死氣沉沉的排版就是這麼來的

新媒體是通過藉助計算機或其它數字設備來傳播信息載體,在新媒體逐漸走進人們的工作生活後,信息的傳播以及媒介的更新速度也在不斷的變化,電腦、手機等設備也漸漸的成為了人們生活不可缺少的重要組成部分。

在此基礎上新媒體的發展也推動了版式設計的不斷進步,通過與新媒體的結合,版式設計逐漸走向了動靜結合的模式,並且在網頁版式設計中,新媒體應用也成為了一門新的藝術科目,並受到了廣泛認可。

居中、對齊、統一格式?死氣沉沉的排版就是這麼來的

新媒體語境下的版式設計不僅包括傳統的文字、圖形、色彩等幾方面的研究,還包括了聲、光、視頻、動畫、交互等方面的設計。新媒體動態化的視覺表現形式對傳統媒體版式設計產生了強烈的衝擊,同時也促使傳統媒體版式設計的革新,而使得版式設計不再是單一的構成關係,而是從二維向三維空間的延伸,構成了多元空間層次的立體化。

下面為大家分享一些優秀的圖文排版設計網站,並通過這些排版設計總結一些版式設計的相關技巧。

一、版式設計網站推薦

▍Donguri Music

居中、對齊、統一格式?死氣沉沉的排版就是這麼來的

作為一個音樂生產公司,該網站的版式設計主題表達鮮明。飛舞的多邊形加上各種各樣的樂器,隨便點一個按鈕都會奏出不同聲音,極大地提高了趣味性與互動性。

▍Franz Sans

居中、對齊、統一格式?死氣沉沉的排版就是這麼來的

Franz Sans是一個擁有自己專屬首頁的字體,整個頁面充斥著滿懷趣味的彩色。網站的色彩搭配很好,你可以通過清晰直觀的導航瞭解到字體的細節結構設計等。

▍Because-Recollection

居中、對齊、統一格式?死氣沉沉的排版就是這麼來的

打開網站,首先可以看到操作提示,長按屏幕隨機選擇不同的音樂人,選定後頁面會變成音樂人某張專輯的封面,原本靜止的平面圖案變成了動畫,用戶需要與這張專輯封面進行互動才會播放對應的音樂。

二、版式設計技巧

當然除了使用聲、光、視頻、動畫、交互等方面的設計,版式設計中也不能忽略下面這些基礎原則。

▍對比

對比可以使強勁與纖細互補(如大字給人以強有力的感覺,但缺乏纖細之感,大小文字配合使用,則可以互相彌補其不足),併產生生動活潑的對比關係。

▍對稱

對稱令人產生一種秩序感。可以是以中軸線為軸心的左右對稱,以水平線為基礎的上下對稱,以對稱點為源的放射對稱以及以對稱面出發的反轉對稱等等。

居中、對齊、統一格式?死氣沉沉的排版就是這麼來的

▍均衡

均衡的基本原理來自對稱,但是均衡較之對稱能表現出活潑情調,所以均衡能顯露出某種生氣或運動感,它是在加強較弱的一方,在畫面或版面的動勢和變化的前提下求得平衡。

▍比例

版面比例分配,是設計質量的重要因素,主要是適當安排主題與背景之間的比例關係。

▍集中與放射

焦點集中於中心版面為向心型,而向外擴散的版面則可稱之為擴散型,向心型版面顯得穩靜,是受人歡迎的手法,但有時過於正統,而擴散型則表現為現代感。

居中、對齊、統一格式?死氣沉沉的排版就是這麼來的

除了上述這些最基本和最主要的法則之外,還有一些法則也是需要加以遵循的。諸如主與從,和舞臺構成一樣,主角要突出,主、配角的關係要一目瞭然。在掌握了上述形式美法則的精神要領之後,就可以較為完美的處理版式設計中的各種問題了。


分享到:


相關文章: