如何設計網頁可以更好的展現企業形象, 突出視覺的中心。下面這幾中形式經常出現在網頁設計當中,重心型、中軸型、分割型(分上下分割和左右分割)、傾斜型、骨骼型、滿版型、曲線型、對稱型、三角形、四角型和自由型。我們來一一分析這幾種排版運用于網頁設計中的優點。
1、重心型
重心型版式的網頁容易讓瀏覽者產生視覺焦點,界面效果強烈且突出。重心型又可以分以下三種形式。
A、直接以獨立而輪廓分明的形象占據版面中心。
B、向心:視覺元素向版面中心聚攏的運動。
C、離心:猶如將石子投入水中,產生一圈圈向外擴散的弧線運動。
2、中軸型
中軸型的網頁設計,是將圖形做水平或垂直方向的排列,文案以上下或左右配置。水平排列的版面會給人穩定、安靜、和平與含蓄之感。垂直排列的版面給人強烈的動感。垂直排列的這種排版方式比較常出現。
3、分割型
分割型主要可以分成上下分割和左右分割。相比較,左右分割型的網站會比較常見。
A、上下分割
上下分割,顧名思義,就是把整個版面分為上下兩個部分。可以在上半部或下半部配置圖片,另一部分則配置文案。配置有圖片的部分感性而有活力,而文案部分則理性而靜止。上下部分配置的圖片可以是一幅或多幅。
B、左右分割
左右分割,就把整個版面分割為左右兩個部分,分別在左或右配置文案。當左右兩部分形成強弱對比時,則造成視覺心理的不平衡。這僅僅是視覺習慣上的問題,也自然不如上下分割的視覺流程自然。不過,倘若將分割線虛化處理,或用文字進行左右重復或穿插,左右圖文則變得自然和諧。
4、傾斜型
傾斜型的網站比較少見,這樣的網站偏個性化一些,多在一些設計公司或是運動品牌的網站中出現。版面的主體形象做傾斜設計,造成版面強烈的動感和不穩定因素,這種設計比較引人注目。
5、骨骼型
骨骼型比較在傳統網站當中比較常見,它是一種規范的界面分割方法。常見的骨骼有豎向通欄、雙欄、三欄、四欄和橫向通欄、雙欄、三欄和四欄等。一般以豎向分欄為多。說到這個,就可以想到柵格系統,實際上這兩者是差不多意思的。
骨骼型的網站會給人以嚴謹、和諧、理性的美。每一個區塊經過相互混合后的版式,既理性、條理,又活潑而具彈性。
6、滿版型
滿版型的網站近幾年也越來越多見,通常是版面以圖象充滿整版,主要以圖象為訴求,視覺傳達直觀而強烈。文字的配置壓置在上下、左右或中部的圖象上。滿版型給人以大方、舒展的感覺。
7、曲線型
圖片或文字在版面結構上作曲線的編排構成,產生節奏和韻律。
8、對稱型
對稱的版式給人穩定、莊重理性的感覺。對稱有絕對對稱和相對對稱。一般多采用相對對稱。以避免過于嚴謹。對稱一般以左右對稱居多。
這個網站是絕對對稱,比較少見,這樣的網站看久了會比較單調。
9、三角形
在圓形、四方形、三角形等基本形態中,正三角形(金字塔形)是最具安全穩定因素的形態,而圓形和倒三角形則給人以動感和不穩定感。
10、四角型
四角型指在版面四角以及連接四角的對角線結構上編排的圖形。這種結構的版面,給人以嚴謹,規范的感覺。
11、自由型
自由行結構是無規律的、隨意的編排構成,有活潑、輕快之感。
以上簡單給大家分析講解了常見的幾種網頁形式,每種版網頁設計并非以一種表現形態出現,比如四角型的網站可能會結合對稱性的出現或是中軸型,所以大家在分析一個網站的時候不要以單一的一種視角去分析。因為一個網站的設計可能同時存在好幾種版式形式。
不同的排版可以給人不同的視覺感受,好的排版會給整個網站“錦上添花”。版式也沒有絕對的好壞,只有適合和不適合。希望今天給大家分享的內容可以幫助到大家。
,