排版找不到靈感怎麼辦?很多朋友在網頁設計過程中,最頭痛的莫過於就是排版。雖然互聯網上不乏好看的網頁排版設計,但面對一堆堆的文字和圖片,怎樣合理排版既有個性又符合網頁用戶體驗呢?下面,香港網頁製作公司將為大家一些常見主流的版式設計和技巧,幫助各位在沒有靈感的時候,可以從中嘗試找找靈感。
◇ 排版找不到靈感怎麼辦?
重複、對比、對齊以及親密性,是網頁設計排版的四大原則。合理運用這四大原則,能增加畫面的條理性和整體性,將各元素間存在的某種視覺聯繫,建成清晰的結構,讓整個視覺畫面既有獨立性又不失統一感。
◇ 盤點常用的網頁設計版式類型
常用的網頁設計版式類型主要有八種,包括:中心型排版、垂直型排版、傾斜型排版、曲線型排版、骨骼型排版、對稱型排版、分割型排版,以及滿版型排版,掌握好這八種版式類型的特點,能讓你的網頁設計變得更加清晰條理。
類型一:中心型排版
「中心型排版」,其實利用視覺中心突出主題,所以採用這種版式時,設計師會利用人類的慣性聚焦實現,將設計元素放在版面的最中心位置,以便突出網頁的主題,穩定畫面,給用戶帶來較強的視覺衝擊力。
優點:主題元素自身具備視覺衝擊力且十分明確,即使沒有太多文字元素或文字裝飾,也能很好地向用戶傳遞重要信息。
缺點:若背景圖片太過突出,會對畫面造成喧賓奪主的感覺。
排版方式:
1. 設計主體元素佔據版面中心,能讓用戶看一眼就被吸引。
2. 其他視覺元素都要向主體元素聚攏、運動。
3. 視覺元素圍繞主體元素作向外擴散的弧線形式運動。
類型二:曲線型排版
「曲線型排版」就是將畫面元素按照曲線形態進行排版,版面雖具有不穩定性,卻存在空間感,與韻律節奏感。最常見的曲線型構圖版式包括:S型構圖版式和C型構圖版式等。
優點:能給畫面帶來節奏感與視覺衝擊力。
缺點:注意元素排版的節奏走向美感與對比,避免版面顯得過於凌亂散漫。
類型三:垂直型排版
「垂直型排版」是較常規且常用的排版方式,通過利用圖片與文字以垂直的方式布局,自然而然地形成分割狀態。大多數垂直型排版都具有穩定和秩序感,給人一種嚴謹和理性的美感。
優點:
① 計劃好圖形與文字的版面佔據率,突出主體,同時兩者相輔助;
② 讓畫面變得更穩定和秩序。
缺點:
① 排列元素時,需利用對比效果突出信息的層級關係,避免造成信息胡亂;
② 注意排版的節奏感,避免畫面變得過於嚴謹和呆板。
類型四:傾斜式排版
「傾斜式排版」,主要包括:設計主體傾斜編排、整體畫面傾斜編排、排版中引入斜線劃分畫面。由於傾斜式排版具有不穩定同時帶來律動感,會使呆板的畫面變得更有活力,是一種具有很強視覺衝擊力的排版方式,無論是哪種傾斜式排版,都可以起到引導用戶視線的作用。
優點: 能給用戶帶來很強的視覺衝擊力或動感強烈活潑。
缺點: 需注意畫面整體性以及突出重點減弱其他元素,避免畫面過於瑣碎凌亂,缺乏層級關係。
類型五:骨骼型排版
「骨骼型排版」,簡單來說就是將所有元素一一種框架骨骼的形式進行排版,是畫面統一有序。由於這種方式操作簡單,且版面視覺平穩舒適,非常適合新手使用。
優點:
① 對內容元素較多的網頁設計非常友好;
② 版面舒適且有秩序感;
③ 非常適合新手,且不容易出錯。
缺點: 由於版式畫面平穩有序,因此容易出現形式單一的情況,是版式變得平庸無奇。適當地加入形式感較強或對比度較大的元素,能使排版變得更加活潑。
類型六:對稱型排版
「對稱型排版」可以是上下對稱,也可以是左右對稱,排列的元素一般具有呼應性,突出主題同時使畫面更穩定。通常,水平對稱排版會跟人穩定、平靜的感覺;而垂直對稱排版則給人強烈的動感。
優點:利用不同元素的呼應與對比,能營造衝突感,直奔主題。
缺點:
① 素材過於平淡簡約,會使排版變得平庸呆板;
② 素材選取時不僅要呼應性或衝突甘,更要注意對比與統一的平衡。
類型七:分割型排版
「分割型排版」,就是利用有型或無形的分割線,使畫面版塊具有更鮮明的獨立和引導性。利用畫面版塊的面積大小與位置,能突出各部分信息的主次關係,使每個看似獨立的部分卻具有一定關聯性,同時使整個畫面不顯擁擠和單調。
優點:
① 適合需要處理內容元素多的網頁設計;
② 當素材本身質量參差不齊時,「分割型排版」能幫助網頁揚長避短;
③ 使網頁設計更具美感。
缺點:
① 元素排版過於隨意,或沒有注意版式的整體性和主次關係,會令畫面變得混亂;
② 適當地添加色塊或幾何圖形等輔助元素,能使畫面更具活力和視覺衝擊力。
類型八:滿版型排版
「滿版型排版」通過大面積元素或堆疊,使畫面視覺更加直觀強烈地傳達主體信息,同時整個畫面也變得豐富富有感染力。
優點:
① 可用設計素材少或繁瑣複雜,可採用重複元素的排版方式或將素材變體進行重複排列,佔據版面排版;
② 整體給人強烈的視覺衝擊力和刺激感。
缺點:
① 元素排版時要注意對比和重複兩大原則的運用;
② 適當地添加色塊或幾何圖形等輔助元素,能使畫面更具活力和視覺衝擊力。
排版方式:
1. 整體滿版,適合明確主體的情況;
2. 細節滿版,適合素材瑣碎或突出細節視覺的情況;
3. 文字滿版,適合以文字為主要元素或出現大段文案內容的情況。
排版設計,其實就是構建網站信息傳播的橋樑,因而需具備追求視覺美感,還是表達網站主題思想。若排版設計只追求其中一種表現形式,往往無法突出網站的張力和表現力,這顯示對用戶而言是不合格的。