如今網(wǎng)頁設(shè)計(jì)五花八門，越來越多的設(shè)計(jì)趨勢撲面而來，有的會(huì)被時(shí)間所淘汰，但如果你的網(wǎng)站是專業(yè)網(wǎng)站建設(shè)公司為你量身設(shè)計(jì)的，那不僅不會(huì)被淘汰還會(huì)一直流行且被別人追崇成為一種新的流行趨勢。今天蒙特給大家?guī)硪豢钚碌脑O(shè)計(jì)案例，就是讓文字布局橫跨不同的元素所處的區(qū)域，讓排版和其他的模塊共享空間。設(shè)計(jì)上承載很多富有創(chuàng)造力的設(shè)計(jì)，就是文字排版部分通常會(huì)從頁面的一個(gè)區(qū)域延伸到另外一個(gè)模塊所在的區(qū)域，比如某個(gè)圖片上的文字內(nèi)容延伸到另外一個(gè)圖片或者彩色區(qū)塊當(dāng)中，共享了其他組件的空間。
一、空間共享式文字排版
上圖的這個(gè)網(wǎng)站案例，在通欄圖的設(shè)計(jì)上，我們的視線會(huì)被左邊延生出來的一條線所帶引導(dǎo)到右側(cè)的文字當(dāng)中，或者被右側(cè)引導(dǎo)到左側(cè)的圖像里，起到一種相互吸引、相互引導(dǎo)用戶的注意力作用。我們在仔細(xì)的觀察還會(huì)發(fā)現(xiàn)到左邊汽車的后視鏡從背景中延伸到右側(cè)的文本區(qū)塊里，而這種設(shè)計(jì)手法的好處就是我們能夠借助這種設(shè)計(jì)元素區(qū)域的疊加方法能夠有效的幫助用戶更好地了解內(nèi)容和信息。共享的區(qū)域成為了不同區(qū)塊和不同信息的連接。這種設(shè)計(jì)的另外一個(gè)好處在于，文本內(nèi)容可以更好的被承載，共享的模式就像是兩個(gè)相互連接的巨型卡片模塊。這個(gè)設(shè)計(jì)手法的核心概念是某個(gè)元素和其他的元素共享空間，橫跨不同區(qū)域，元素相互疊加。這種設(shè)計(jì)常常被視作為分屏設(shè)計(jì)的一種延伸。
二、圖片和文本的混排
上圖的網(wǎng)站案例則采用了空間共享式的圖片和文本的混排排版設(shè)計(jì)，而空間共享式的排版設(shè)計(jì)的好處就是能夠?qū)⒏鞣N元素的屬性淋漓盡致地呈現(xiàn)出來，許多設(shè)計(jì)師都喜歡在使用共享空間式排版的時(shí)候，采用垂直定向的圖片，這樣能確保整體設(shè)計(jì)在視覺上的愉悅感?？臻g共享式的排版設(shè)計(jì)文本字母可以橫跨圖片和留白，也可以在各個(gè)區(qū)域單獨(dú)地使用，合起來看和分開看都含有意義。而由于文本需要跨越不同的區(qū)域，配色不用保持完全的統(tǒng)一，根據(jù)文字周圍的背景色進(jìn)行調(diào)整，這樣的設(shè)計(jì)簡單而容易上手。
那了解了空間共享式的文字排版和圖片和文本的混排希望對大家對新的設(shè)計(jì)趨勢有一定的了解，但這個(gè)兩種設(shè)計(jì)只是空間共享式的其中兩種，之后蒙特將繼續(xù)給大家?guī)砜臻g共享式的其他設(shè)計(jì)風(fēng)格包括;大膽的字體選取、色塊和文本的搭配、添加動(dòng)效作為提示.......有想要了解蒙特的，也可以咨詢我們，專業(yè)網(wǎng)站設(shè)計(jì)我們一直被認(rèn)可，因?yàn)閷I(yè)，所以不過多自我宣傳!
如今網(wǎng)頁設(shè)計(jì)五花八門，越來越多的設(shè)計(jì)趨勢撲面而來，有的會(huì)被時(shí)間所淘汰，但如果你的網(wǎng)站是專業(yè)網(wǎng)站建設(shè)公司為你量身設(shè)計(jì)的，那不僅不會(huì)被淘汰還會(huì)一直流行且被別人追崇成為一種新的流行趨勢。今天蒙特給大家?guī)硪豢钚碌脑O(shè)計(jì)案例，就是讓文字布局橫跨不同的元素所處的區(qū)域，讓排版和其他的模塊共享空間。設(shè)計(jì)上承載很多富有創(chuàng)造力的設(shè)計(jì)，就是文字排版部分通常會(huì)從頁面的一個(gè)區(qū)域延伸到另外一個(gè)模塊所在的區(qū)域，比如某個(gè)圖片上的文字內(nèi)容延伸到另外一個(gè)圖片或者彩色區(qū)塊當(dāng)中，共享了其他組件的空間。
一、空間共享式文字排版
上圖的這個(gè)網(wǎng)站案例，在通欄圖的設(shè)計(jì)上，我們的視線會(huì)被左邊延生出來的一條線所帶引導(dǎo)到右側(cè)的文字當(dāng)中，或者被右側(cè)引導(dǎo)到左側(cè)的圖像里，起到一種相互吸引、相互引導(dǎo)用戶的注意力作用。我們在仔細(xì)的觀察還會(huì)發(fā)現(xiàn)到左邊汽車的后視鏡從背景中延伸到右側(cè)的文本區(qū)塊里，而這種設(shè)計(jì)手法的好處就是我們能夠借助這種設(shè)計(jì)元素區(qū)域的疊加方法能夠有效的幫助用戶更好地了解內(nèi)容和信息。共享的區(qū)域成為了不同區(qū)塊和不同信息的連接。這種設(shè)計(jì)的另外一個(gè)好處在于，文本內(nèi)容可以更好的被承載，共享的模式就像是兩個(gè)相互連接的巨型卡片模塊。這個(gè)設(shè)計(jì)手法的核心概念是某個(gè)元素和其他的元素共享空間，橫跨不同區(qū)域，元素相互疊加。這種設(shè)計(jì)常常被視作為分屏設(shè)計(jì)的一種延伸。
二、圖片和文本的混排
上圖的網(wǎng)站案例則采用了空間共享式的圖片和文本的混排排版設(shè)計(jì)，而空間共享式的排版設(shè)計(jì)的好處就是能夠?qū)⒏鞣N元素的屬性淋漓盡致地呈現(xiàn)出來，許多設(shè)計(jì)師都喜歡在使用共享空間式排版的時(shí)候，采用垂直定向的圖片，這樣能確保整體設(shè)計(jì)在視覺上的愉悅感?？臻g共享式的排版設(shè)計(jì)文本字母可以橫跨圖片和留白，也可以在各個(gè)區(qū)域單獨(dú)地使用，合起來看和分開看都含有意義。而由于文本需要跨越不同的區(qū)域，配色不用保持完全的統(tǒng)一，根據(jù)文字周圍的背景色進(jìn)行調(diào)整，這樣的設(shè)計(jì)簡單而容易上手。
那了解了空間共享式的文字排版和圖片和文本的混排希望對大家對新的設(shè)計(jì)趨勢有一定的了解，但這個(gè)兩種設(shè)計(jì)只是空間共享式的其中兩種，之后蒙特將繼續(xù)給大家?guī)砜臻g共享式的其他設(shè)計(jì)風(fēng)格包括;大膽的字體選取、色塊和文本的搭配、添加動(dòng)效作為提示.......有想要了解蒙特的，也可以咨詢我們，專業(yè)網(wǎng)站設(shè)計(jì)我們一直被認(rèn)可，因?yàn)閷I(yè)，所以不過多自我宣傳!
