網(wǎng)站建設(shè)中網(wǎng)頁布局是一個重要的選項,確定了網(wǎng)頁如何布局,基本決定了網(wǎng)站設(shè)計下一步該如何進行,而且網(wǎng)頁布局在一定程度上顯示了網(wǎng)站的格調(diào),每一中布局都有其獨到之處,下面方維網(wǎng)絡(luò)(pdcharm.com)就分享網(wǎng)頁設(shè)計布局八個基本形式:
精選圖片展示企業(yè)形象
圖片和文字比較,直觀上更有說服力,而且有時候我們會用“難以形容”來表達文字無法表達的圖片或者場景。
對于企業(yè)網(wǎng)站而言,大多數(shù)都是為了展示企業(yè)形象的,如何展示企業(yè)呢?在網(wǎng)頁首頁布局,以企業(yè)圖片為主,直觀的告訴用戶,沒有什么比這個更有說服力!
分屏布局顯示格調(diào)
最早的網(wǎng)站建設(shè),有兩個版本,一個是中文版本,另一是英文版本。在首頁的展現(xiàn)的方式一分為二,一個點擊進入中文界面,另一個點擊進入英文界面。后來,這種方式感覺沒啥用,不過這種分屏設(shè)計卻保留下來了!
將屏幕一分為二的設(shè)計常常會讓用戶感到更加新鮮。網(wǎng)頁中并排的兩欄呈現(xiàn)不同的信息,是分屏式設(shè)計的最典型特征,當(dāng)然,這種分屏方式,可以隨意發(fā)揮,圖文結(jié)合,或者動靜結(jié)合,都別有一番情趣。
網(wǎng)頁滾動設(shè)計有靈性
動效在如今的網(wǎng)站上已經(jīng)無處不在了,網(wǎng)頁滾動設(shè)計是最為常見的一種設(shè)計,也是最為有用的設(shè)計。在滾動過程中,網(wǎng)站逐步顯現(xiàn)的是文本和CTA元素,這樣的設(shè)計很容易讓用戶被這些內(nèi)容所吸引。
側(cè)面導(dǎo)航設(shè)計
導(dǎo)航的方式多樣,如何在大小、形式、色彩以及排版方面將導(dǎo)航布局設(shè)計得不一樣的姿態(tài),移動互聯(lián)網(wǎng)的時候,讓導(dǎo)航固定在網(wǎng)頁上部,似乎有一些不恰當(dāng)了,標(biāo)題式的網(wǎng)頁設(shè)計,讓網(wǎng)頁兩邊出現(xiàn)大量的空白,而將導(dǎo)航移位至此,不斷充分利用了空間,而且用隱藏的方式,不干擾用戶,又能直達相關(guān)頁面,可謂相得益彰。
網(wǎng)格卡片布局
當(dāng)提及實用性和美感,卡片式設(shè)計可謂當(dāng)仁不讓的雄踞上風(fēng)。網(wǎng)格卡片設(shè)計最大的好處,讓混亂不堪的網(wǎng)站一下變得有序起來,我們手機更像是一個卡片設(shè)計,對于用戶而言,點擊一個“卡片”就能達到相關(guān)頁面,這樣的技術(shù)應(yīng)用到網(wǎng)站設(shè)計上,信息十分簡潔,變得有趣且引人入勝,內(nèi)容變得單一,一覽無余。
網(wǎng)頁柵欄布局
柵欄設(shè)計和卡片設(shè)計不同的是,前者中規(guī)中矩,后者更偏向于精細(xì)化。對于頁面上具有大量內(nèi)容又具有復(fù)雜層次結(jié)構(gòu)的網(wǎng)站,柵欄布局是一個不錯的選擇。如果沒有有效使用網(wǎng)格,主頁上的所有內(nèi)容可能會顯得更加混亂和組織化。
網(wǎng)頁盒子設(shè)計
這是一個正在逐漸流行的創(chuàng)意的趨勢。事實上它非常容易實現(xiàn),只需要增加了一個額外的元素和獨特的設(shè)計。盒子設(shè)計更趨向網(wǎng)頁的立體化設(shè)計,隨著設(shè)計多元化發(fā)展,盒子設(shè)計中,將所有頁面中的元素都可以看成是一個盒子,占據(jù)著一定的頁面空間。一般來說這些被占據(jù)的空間往往都要比單純的內(nèi)容更能吸引人。
網(wǎng)頁不對稱設(shè)計
對稱與不對稱似乎是網(wǎng)頁設(shè)計過程中,一直要做的取舍。對稱的和諧,和不對稱的差異,都是創(chuàng)造好設(shè)計的必須的手段。采用不對稱網(wǎng)站首頁設(shè)計,這種設(shè)計具有一定的冒險性,如果設(shè)計得當(dāng),凸顯的效果,會給人眼前一亮之感。不對稱設(shè)計,并非無規(guī)則設(shè)計,也有規(guī)律可循交替式布局交替式布局。美有兩種方式表現(xiàn)出來, 一種是正面的表達,另一種方式以“悲劇”為美,起初看的很別扭,都是當(dāng)讀懂了,會給人一種嘆為觀止的韻味。
以上是網(wǎng)頁布局的八個基本方式,我們可以根據(jù)自己的方式選擇一種,當(dāng)然,只能選擇一種,這不能不說是網(wǎng)頁設(shè)計的一個缺憾,因為網(wǎng)站只有一個,而表達的方式卻有很多種,這也算是一種美吧!
如沒特殊注明,文章均為方維網(wǎng)絡(luò)原創(chuàng),轉(zhuǎn)載請注明來自http://pdcharm.com/news/5159.html