排版找不到靈感怎么辦?很多朋友在網(wǎng)頁設(shè)計(jì)過程中,最頭痛的莫過于就是排版。雖然互聯(lián)網(wǎng)上不乏好看的網(wǎng)頁排版設(shè)計(jì),但面對一堆堆的文字和圖片,怎樣合理排版既有個(gè)性又符合網(wǎng)頁用戶體驗(yàn)?zāi)兀肯旅?,深?a target="_blank">網(wǎng)站建設(shè)公司將為大家一些常見主流的版式設(shè)計(jì)和技巧,幫助各位在沒有靈感的時(shí)候,可以從中嘗試找找靈感。
◇排版找不到靈感怎么辦?
網(wǎng)站建設(shè)
重復(fù)、對比、對齊以及親密性,是網(wǎng)頁設(shè)計(jì)排版的四大原則。合理運(yùn)用這四大原則,能增加畫面的條理性和整體性,將各元素間存在的某種視覺聯(lián)系,建成清晰的結(jié)構(gòu),讓整個(gè)視覺畫面既有獨(dú)立性又不失統(tǒng)一感。
◇盤點(diǎn)常用的網(wǎng)頁設(shè)計(jì)版式類型
常用的網(wǎng)頁設(shè)計(jì)版式類型主要有八種,包括:中心型排版、垂直型排版、傾斜型排版、曲線型排版、骨骼型排版、對稱型排版、分割型排版,以及滿版型排版,掌握好這八種版式類型的特點(diǎn),能讓你的網(wǎng)頁設(shè)計(jì)變得更加清晰條理。
類型一:中心型排版
「中心型排版」,其實(shí)利用視覺中心突出主題,所以采用這種版式時(shí),設(shè)計(jì)師會(huì)利用人類的慣性聚焦實(shí)現(xiàn),將設(shè)計(jì)元素放在版面的最中心位置,以便突出網(wǎng)頁的主題,穩(wěn)定畫面,給用戶帶來較強(qiáng)的視覺沖擊力。
優(yōu)點(diǎn):主題元素自身具備視覺沖擊力且十分明確,即使沒有太多文字元素或文字裝飾,也能很好地向用戶傳遞重要信息。
缺點(diǎn):若背景圖片太過突出,會(huì)對畫面造成喧賓奪主的感覺。
排版方式:
1.設(shè)計(jì)主體元素占據(jù)版面中心,能讓用戶看一眼就被吸引。
2.其他視覺元素都要向主體元素聚攏、運(yùn)動(dòng)。
3.視覺元素圍繞主體元素作向外擴(kuò)散的弧線形式運(yùn)動(dòng)。
類型二:曲線型排版
「曲線型排版」就是將畫面元素按照曲線形態(tài)進(jìn)行排版,版面雖具有不穩(wěn)定性,卻存在空間感,與韻律節(jié)奏感。最常見的曲線型構(gòu)圖版式包括:S型構(gòu)圖版式和C型構(gòu)圖版式等。
優(yōu)點(diǎn):能給畫面帶來節(jié)奏感與視覺沖擊力。
缺點(diǎn):注意元素排版的節(jié)奏走向美感與對比,避免版面顯得過于凌亂散漫。
類型三:垂直型排版
「垂直型排版」是較常規(guī)且常用的排版方式,通過利用圖片與文字以垂直的方式布局,自然而然地形成分割狀態(tài)。大多數(shù)垂直型排版都具有穩(wěn)定和秩序感,給人一種嚴(yán)謹(jǐn)和理性的美感。
優(yōu)點(diǎn):
?、儆?jì)劃好圖形與文字的版面占據(jù)率,突出主體,同時(shí)兩者相輔助;
?、谧尞嬅孀兊酶€(wěn)定和秩序。
缺點(diǎn):
①排列元素時(shí),需利用對比效果突出信息的層級關(guān)系,避免造成信息胡亂;
②注意排版的節(jié)奏感,避免畫面變得過于嚴(yán)謹(jǐn)和呆板。
類型四:傾斜式排版
「傾斜式排版」,主要包括:設(shè)計(jì)主體傾斜編排、整體畫面傾斜編排、排版中引入斜線劃分畫面。由于傾斜式排版具有不穩(wěn)定同時(shí)帶來律動(dòng)感,會(huì)使呆板的畫面變得更有活力,是一種具有很強(qiáng)視覺沖擊力的排版方式,無論是哪種傾斜式排版,都可以起到引導(dǎo)用戶視線的作用。
優(yōu)點(diǎn):能給用戶帶來很強(qiáng)的視覺沖擊力或動(dòng)感強(qiáng)烈活潑。
缺點(diǎn):需注意畫面整體性以及突出重點(diǎn)減弱其他元素,避免畫面過于瑣碎凌亂,缺乏層級關(guān)系。
類型五:骨骼型排版
「骨骼型排版」,簡單來說就是將所有元素一一種框架骨骼的形式進(jìn)行排版,是畫面統(tǒng)一有序。由于這種方式操作簡單,且版面視覺平穩(wěn)舒適,非常適合新手使用。
優(yōu)點(diǎn):
?、賹?nèi)容元素較多的網(wǎng)頁設(shè)計(jì)非常友好;
?、诎婷媸孢m且有秩序感;
③非常適合新手,且不容易出錯(cuò)。
缺點(diǎn):由于版式畫面平穩(wěn)有序,因此容易出現(xiàn)形式單一的情況,是版式變得平庸無奇。適當(dāng)?shù)丶尤胄问礁休^強(qiáng)或?qū)Ρ榷容^大的元素,能使排版變得更加活潑。
類型六:對稱型排版
「對稱型排版」可以是上下對稱,也可以是左右對稱,排列的元素一般具有呼應(yīng)性,突出主題同時(shí)使畫面更穩(wěn)定。通常,水平對稱排版會(huì)跟人穩(wěn)定、平靜的感覺;而垂直對稱排版則給人強(qiáng)烈的動(dòng)感。
優(yōu)點(diǎn):利用不同元素的呼應(yīng)與對比,能營造沖突感,直奔主題。
缺點(diǎn):
①素材過于平淡簡約,會(huì)使排版變得平庸呆板;
②素材選取時(shí)不僅要呼應(yīng)性或沖突甘,更要注意對比與統(tǒng)一的平衡。
類型七:分割型排版
「分割型排版」,就是利用有型或無形的分割線,使畫面版塊具有更鮮明的獨(dú)立和引導(dǎo)性。利用畫面版塊的面積大小與位置,能突出各部分信息的主次關(guān)系,使每個(gè)看似獨(dú)立的部分卻具有一定關(guān)聯(lián)性,同時(shí)使整個(gè)畫面不顯擁擠和單調(diào)。
優(yōu)點(diǎn):
?、龠m合需要處理內(nèi)容元素多的網(wǎng)頁設(shè)計(jì);
②當(dāng)素材本身質(zhì)量參差不齊時(shí),「分割型排版」能幫助網(wǎng)頁揚(yáng)長避短;
?、凼咕W(wǎng)頁設(shè)計(jì)更具美感。
缺點(diǎn):
?、僭嘏虐孢^于隨意,或沒有注意版式的整體性和主次關(guān)系,會(huì)令畫面變得混亂;
?、谶m當(dāng)?shù)靥砑由珘K或幾何圖形等輔助元素,能使畫面更具活力和視覺沖擊力。
類型八:滿版型排版
「滿版型排版」通過大面積元素或堆疊,使畫面視覺更加直觀強(qiáng)烈地傳達(dá)主體信息,同時(shí)整個(gè)畫面也變得豐富富有感染力。
優(yōu)點(diǎn):
①可用設(shè)計(jì)素材少或繁瑣復(fù)雜,可采用重復(fù)元素的排版方式或?qū)⑺夭淖凅w進(jìn)行重復(fù)排列,占據(jù)版面排版;
?、谡w給人強(qiáng)烈的視覺沖擊力和刺激感。
缺點(diǎn):
?、僭嘏虐鏁r(shí)要注意對比和重復(fù)兩大原則的運(yùn)用;
?、谶m當(dāng)?shù)靥砑由珘K或幾何圖形等輔助元素,能使畫面更具活力和視覺沖擊力。
排版方式:
1.整體滿版,適合明確主體的情況;
2.細(xì)節(jié)滿版,適合素材瑣碎或突出細(xì)節(jié)視覺的情況;
3.文字滿版,適合以文字為主要元素或出現(xiàn)大段文案內(nèi)容的情況。
排版設(shè)計(jì),其實(shí)就是構(gòu)建網(wǎng)站信息傳播的橋梁,因而需具備追求視覺美感,還是表達(dá)網(wǎng)站主題思想。若排版設(shè)計(jì)只追求其中一種表現(xiàn)形式,往往無法突出網(wǎng)站的張力和表現(xiàn)力,這顯示對用戶而言是不合格的。