一、背景平鋪內(nèi)容居中最常見的大圖平鋪?zhàn)赃m應(yīng),圖片質(zhì)量是關(guān)鍵,它將影響著整體視覺質(zhì)量。其次,是內(nèi)容與圖片的協(xié)調(diào),盡量讓它們不會(huì)互相影響干擾,解決方式一般分為兩個(gè)類型:一個(gè)是對(duì)背景的處理,會(huì)配合文字所處在的位置進(jìn)行局部的模糊、紋理色彩弱化、單色化等處理。另一個(gè)是對(duì)文字的處理,文字方面有時(shí)會(huì)選擇覆蓋底色,或者半透明底色等方式進(jìn)行突出,拉開與背景的視覺差距。兩個(gè)類型的處理方式多是為了凸顯主題內(nèi)容。
(圖片來(lái)源于網(wǎng)絡(luò))
二、內(nèi)容居中背景延展全屏內(nèi)容居中背景延展是一種假全屏的視覺效果,適合于文字信息較少的視覺型頁(yè)面,而這部分的視覺并不使用全畫幅的照片或插畫,而是通過(guò)一定的排版合成形成的主視覺。主畫面集中在1200像素以內(nèi),左右?guī)б欢ǖ难诱剐?。整體不切糕,形成視覺上的假全屏。上下信息主要以導(dǎo)航、LOGO等內(nèi)容為主。
(圖片來(lái)源于網(wǎng)絡(luò))
三、內(nèi)容居左,右側(cè)延展內(nèi)容居左,適合于資料較多的全屏網(wǎng)頁(yè)。在單側(cè)定位的1200像素寬度內(nèi)首先要保證文字信息的呈現(xiàn),其次是要配合視覺圖片。視覺圖可以使用延展型,可以保證整個(gè)畫面不切糕。左對(duì)齊的設(shè)計(jì)一般多具有很強(qiáng)的節(jié)奏感,輪播位置撐開了大畫幅,并通過(guò)向右的輪播滾動(dòng)條瀏覽超過(guò)當(dāng)前顯示器寬度的信息。單側(cè)定位的全屏設(shè)計(jì)中,內(nèi)容信息永遠(yuǎn)是需要首先保證在最小畫幅內(nèi)呈現(xiàn)的,圖片和背景只是以輔助的形式自適應(yīng)的形式存在。為了讓內(nèi)容信息更清晰,背景時(shí)常退而求其次,采用單色或模糊弱化。
(圖片來(lái)源于網(wǎng)絡(luò))
四、全屏比例等分響應(yīng)式全屏響應(yīng)式設(shè)計(jì)適合以小圖展示為主的信息或圖文信息。信息之間的關(guān)系屬于并列的、信息量級(jí)接近的、信息數(shù)量較多的,小切糕的方式可以支持實(shí)時(shí)更新的動(dòng)態(tài)數(shù)據(jù)。切糕圖片的大小有其規(guī)律,它們通常有一個(gè)單位面積,并以通常一倍、兩被、四被這樣的方式進(jìn)行拓展,這樣在形式結(jié)構(gòu)上可以更加好無(wú)缺。當(dāng)寬屏和窄屏顯示器瀏覽的時(shí)候內(nèi)容會(huì)自動(dòng)適應(yīng)顯示器好的上至下有序的排列。
(圖片來(lái)源于網(wǎng)絡(luò))
作者:創(chuàng)新互聯(lián)楊開友
網(wǎng)站題目:全屏網(wǎng)頁(yè)設(shè)計(jì)的幾種形式
地址分享:http://jinyejixie.com/news45/239695.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供定制網(wǎng)站、關(guān)鍵詞優(yōu)化、網(wǎng)站維護(hù)、標(biāo)簽優(yōu)化、自適應(yīng)網(wǎng)站、建站公司
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源:
創(chuàng)新互聯(lián)