0523-88281099
首頁>九城資訊>九城觀點>好的網站(zhàn)排版設計(jì)可(kě)以提高(gāo)網站(zhàn)品質

好的網站(zhàn)排版設計(jì)可(kě)以提高(gāo)網站(zhàn)品質

時(shí)間(jiān):2021-4-9 閱讀量:1988 來(lái)源:九城科技(jì)

網站(zhàn)設計(jì)的排版技(jì)巧有(yǒu)很(hěn)多(duō),可(kě)以說是幾乎每過一段時(shí)間(jiān),就會(huì)有(yǒu)新的版式設計(jì)技(jì)巧出現。但(dàn)網站(zhàn)版式的好壞會(huì)直接影(yǐng)響用戶對網站(zhàn)的感想,怎樣選用才能提升網站(zhàn)品質呢? 下面小(xiǎo)編分享這類排版的技(jì)巧也是近年來(lái)比較流行(xíng),而且容易上(shàng)手出效果。



一、無襯線字體(tǐ)搭配手寫英文

為(wèi)英文或中文标題選一個(gè)非常粗的無襯線字體(tǐ),然後再加上(shàng)幾個(gè)比較潦草的字、筆畫(huà)較細的手寫英文單詞作(zuò)裝飾之用,會(huì)讓整個(gè)畫(huà)面沉穩而不失活潑。無襯線字體(tǐ)和(hé)手寫英文的搭配,盡量選擇更鮮明(míng)的視(shì)覺差效果,這樣才能給界面帶來(lái)強烈的沖擊感。


二、把英文排成圓圈

覺得(de)網站(zhàn)設計(jì)版面過于中規中矩,甚至有(yǒu)點單調範圍?增加一個(gè)用英文排成圓圈的元素,就可(kě)以解決這類問題。圓圈文字能與版面的其他元素形成輪廓上(shàng)的對比、面與線的對比,以及曲和(hé)直的對比等。圓圈的文字字體(tǐ)可(kě)以是襯線體(tǐ)、無襯線體(tǐ)或手寫體(tǐ)都可(kě)以,但(dàn)要注意字号不要過大(dà),盡量選擇精緻、秀氣的文字會(huì)更加好。


三、大(dà)間(jiān)距與大(dà)行(xíng)距

在正常排版中,字間(jiān)距和(hé)行(xíng)距不能太大(dà),而且間(jiān)距要比行(xíng)距少(shǎo),這樣看起來(lái)才會(huì)整齊有(yǒu)規律。但(dàn)在文字較少(shǎo)、版面較空(kōng)的情況下,我們可(kě)以将字數(shù)較少(shǎo)且不那(nà)麽重要的文字,采用大(dà)間(jiān)距與大(dà)行(xíng)距的方式進行(xíng)排版。這樣相當于将單詞拆成整齊排列的“點”,使它與版面其他元素形成點、線、面的對比,同時(shí)能增強版面的設計(jì)感,及豐富界面的視(shì)覺效果,從而起到裝飾的作(zuò)用。


四、在文字中填充圖片

這種設計(jì)技(jì)巧類似于攝影(yǐng)中的雙重曝光技(jì)巧,隻是将外輪廓圖形換成了文字。為(wèi)了讓效果更加突出,填充圖片的文字字号要夠大(dà),筆畫(huà)要夠粗,同時(shí)要控制(zhì)好字數(shù);圖片應選擇質感好、顔值高(gāo)的,還(hái)要盡量保證圖片重要部分的完整性和(hé)識别性,避免整個(gè)界面視(shì)覺效果顯得(de)零散雜亂。


五、把文字排成三維效果

這不是說将文字做(zuò)成立體(tǐ)字,而是将所有(yǒu)文字看成一個(gè)整體(tǐ),按照一定的結構組合或變形文字,從而達到立體(tǐ)效果。這種設計(jì)技(jì)巧打破了“文字是扁平狀态”的固有(yǒu)思想,将文字組合呈圖形化,并賦予三維效果時(shí),會(huì)讓整個(gè)界面極具強烈的視(shì)覺沖擊力。描邊文字與無描邊文字搭配大(dà)多(duō)适用于标題排版,并且字号字數(shù)必須足夠大(dà),并且選用筆畫(huà)較粗的無襯線字體(tǐ),描邊文字和(hé)無描邊文字的字号必須一緻或相近。這種設計(jì)技(jì)巧能創造出鮮明(míng)的線面對比、虛實對比以及輕重對比。為(wèi)了保證文字的識别性,文字描邊不要太細或過粗。


六、去底大(dà)圖與非去底大(dà)圖的組合

主圖為(wèi)人(rén)物、動物或産品設計(jì)時(shí),盡量選擇質量最好的圖片去底并拉大(dà),然後配上(shàng)1-2張比較小(xiǎo)的圖片,形成鮮明(míng)的大(dà)小(xiǎo)對比和(hé)輪廓對比,能給界面帶來(lái)極大(dà)的沖擊力,這種排版方式多(duō)見于網站(zhàn)設計(jì)和(hé)畫(huà)冊設計(jì)。


九城科技(jì),泰州網站(zhàn)建設 | 企業互聯網一站(zhàn)式營銷推廣平台!服務熱線:0523-88281099。